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

편집 요약 없음
태그: 되돌려진 기여
편집 요약 없음
 
(같은 사용자의 중간 판 8개는 보이지 않습니다)
84번째 줄: 84번째 줄:
});
});


function fillMobileLanguageFromInterwiki() {
    var $mobileList = $('#mobile-language');


/* -------------------------------
    // 인터위키 링크 읽기
*  모바일 언어 메뉴 삽입
     var $interwikiLinks = $('#p-lang ul.minerva-languages .interlanguage-link a');
* ------------------------------- */
    if (!$interwikiLinks.length) return;
mw.loader.using(['jquery']).then(function() {
     $(function() {
        // ===== 기존 모달 코드 =====
        var modal = $('#myLayer');
        var btn = $('#selectLanguage'); // jQuery 선택자 사용
        var span = $('.close-button').first();


        btn.click(function() {
    var langMap = {
            modal.show();
        });
 
        span.click(function() {
            modal.hide();
        });
 
        $(window).click(function(event) {
            if ($(event.target).is(modal)) {
                modal.hide();
            }
        });
 
        // ===== 여기부터 모바일 언어 메뉴 삽입 =====
        if ( mw.config.get('skin') === 'minerva' ) {
            var langHTML = ''
            + '<ul id="mobile-language" class="recommended-open">'
    + '<li><a href="https://churchofgod.wiki/en">English (영어)</a></li>'
    + '<li><a href="https://churchofgod.wiki/es">Español (스페인어)</a></li>'
    + '<li><a href="https://churchofgod.wiki/vi">Tiếng Việt (베트남어)</a></li>'
    + '<li><a href="https://churchofgod.wiki/ne">नेपाली (네팔어)</a></li>'
    + '<li><a href="https://churchofgod.wiki/pt">Português (포르투갈어)</a></li>'
                + '</ul>';
var $list = $('#mobile-language');
$list.html(langHTML);
 
        }
    });
});
 
mw.loader.using(['jquery']).then(function () {
 
    // 언어 이름 매핑 : lang code → 한국어 언어 이름
    const langMap = {
         'ko': '한국어',
         'ko': '한국어',
         'en': '영어',
         'en': '영어',
138번째 줄: 100번째 줄:
     };
     };


     // 인터위키 언어 목록 선택자
     $mobileList.empty();
     const $items = $('.vector-menu-content-list .interlanguage-link a');
 
    $interwikiLinks.each(function () {
        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;
 
        var $li  = $('<li>');
        var $new = $('<a>', { href: href, text: label });
 
        $li.append($new);
        $mobileList.append($li);
    });
}
 
mw.loader.using(['jquery']).then(function () {
    $(function () {


    $items.each(function () {
        // Minerva 전용이라면 이 체크를 유지
        const $a = $(this);
        // if (mw.config.get('skin') !== 'minerva') return;


         const langCode = $a.attr('lang'); // en, es, vi, ne, pt …
         // body DOM 변경 감시
        const autonym = $a.find('span').text(); // English, Español, Tiếng Việt …
        var observer = new MutationObserver(function (mutations) {
        const koreanName = langMap[langCode];
            mutations.forEach(function (m) {
                $(m.addedNodes).each(function () {
                    var $node = $(this);


        if (!koreanName) return; // 배열에 없는 언어는 스킵
                    // #mobile-language 가 새로 생겼거나,
                    // 그 안쪽에 #mobile-language 가 포함되어 있을 때
                    if ($node.is('#mobile-language') || $node.find('#mobile-language').length) {
                        fillMobileLanguageFromInterwiki();
                    }
                });
            });
        });


         // 이미 한국어 형식이 적용된 경우 중복 적용 방지
         observer.observe(document.body, {
         if (autonym.includes('(')) return;
            childList: true,
            subtree: true
         });


         // 링크 텍스트 변경: "English" → "English (영어)"
         // 혹시 이미 열려 있는 상태에서 로딩될 수도 있으니 한 번 시도
         $a.find('span').text(`${autonym} (${koreanName})`);
         fillMobileLanguageFromInterwiki();
     });
     });
});
});