미디어위키:Minerva.js: 두 판 사이의 차이

편집 요약 없음
편집 요약 없음
 
(같은 사용자의 중간 판 6개는 보이지 않습니다)
84번째 줄: 84번째 줄:
});
});


/* -------------------------------
function fillMobileLanguageFromInterwiki() {
*  모바일 언어 메뉴 삽입 (Minerva)
    var $mobileList = $('#mobile-language');
* ------------------------------- */
mw.loader.using(['jquery']).then(function() {


     $(function() {
     // 인터위키 링크 읽기
    var $interwikiLinks = $('#p-lang ul.minerva-languages .interlanguage-link a');
    if (!$interwikiLinks.length) return;


        var modal = $('#myLayer');
    var langMap = {
         var btn = $('#selectLanguage');
        'ko': '한국어',
         var span = $('.close-button').first();
        'en': '영어',
        'es': '스페인어',
        'vi': '베트남어',
         'ne': '네팔어',
         'pt': '포르투갈어'
    };


        btn.click(function() {
    $mobileList.empty();
            modal.show();
        });


        span.click(function() {
    $interwikiLinks.each(function () {
            modal.hide();
        var $a      = $(this);
         });
        var href    = $a.attr('href');
        var langCode = $a.attr('lang');
        var autonym  = $a.find('span').text() || $a.text();   // English, Español ...
         var korean  = langMap[langCode] || '';
        var label    = korean ? (autonym + ' (' + korean + ')') : autonym;


         $(window).click(function(event) {
         var $li  = $('<li>');
            if ($(event.target).is(modal)) {
        var $new = $('<a>', { href: href, text: label });
                modal.hide();
            }
        });


         // Minerva 스킨에서만 실행
         $li.append($new);
         if (mw.config.get('skin') !== 'minerva') return;
         $mobileList.append($li);
    });
}


        // 1) 인터위키 목록 읽기
mw.loader.using(['jquery']).then(function () {
        const $interwikiLinks = $('#p-lang .vector-menu-content-list .interlanguage-link a');
    $(function () {


         if ($interwikiLinks.length === 0) {
         // Minerva 전용이라면 이 체크를 유지
            console.warn('인터위키 목록이 없습니다.');
        // if (mw.config.get('skin') !== 'minerva') return;
            return;
        }


         // 2) mobile-language 리스트 비움
         // body DOM 변경 감시
         const $mobileList = $('#mobile-language');
         var observer = new MutationObserver(function (mutations) {
        $mobileList.empty();
            mutations.forEach(function (m) {
                $(m.addedNodes).each(function () {
                    var $node = $(this);


        // 3) 언어 한국어 병기용 매핑
                    // #mobile-language 가 새로 생겼거나,
        const langMap = {
                    // 그 안쪽에 #mobile-language 가 포함되어 있을 때
            'ko': '한국어',
                    if ($node.is('#mobile-language') || $node.find('#mobile-language').length) {
            'en': '영어',
                        fillMobileLanguageFromInterwiki();
            'es': '스페인어',
                    }
            'vi': '베트남어',
                 });
            'ne': '네팔어',
            'pt': '포르투갈어'
        };
 
        // 4) 인터위키에서 데이터 읽어서 모바일 메뉴에 넣기
        $interwikiLinks.each(function() {
 
            const $a = $(this);
 
            const href = $a.attr('href');
            const langCode = $a.attr('lang');
            const koreanName = langMap[langCode] || '';
            const autonym = $a.find('span').text() || $a.text();
 
            // "English (영어)" 형식으로
            const fullName = koreanName
                 ? `${autonym} (${koreanName})`
                : autonym;
 
            const $li = $('<li>');
            const $newA = $('<a>', {
                href: href,
                text: fullName
             });
             });
        });


            $li.append($newA);
        observer.observe(document.body, {
             $mobileList.append($li);
            childList: true,
             subtree: true
         });
         });


        // 혹시 이미 열려 있는 상태에서 로딩될 수도 있으니 한 번 시도
        fillMobileLanguageFromInterwiki();
     });
     });
});
});