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

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


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


/* -------------------------------
    // 인터위키 링크 읽기
*  모바일 언어 메뉴 삽입
    var $interwikiLinks = $('#p-lang ul.minerva-languages .interlanguage-link a');
* ------------------------------- */
     if (!$interwikiLinks.length) return;
(function() {
    // Minerva 스킨에서만 실행
     if ( mw.config.get('skin') !== 'minerva' ) return;


    // 언어 메뉴 HTML
     var langMap = {
     var langHTML = ''
         'ko': '한국어',
         + '<li><a href="https://churchofgod.wiki">한국어<span>Korean</span></a></li>'
         'en': '영어',
         + '<li><a href="https://churchofgod.wiki/en">English<span>English</span></a></li>'
         'es': '스페인어',
         + '<li><a href="https://churchofgod.wiki/es">Español<span>Spanish</span></a></li>'
         'vi': '베트남어',
         + '<li><a href="https://churchofgod.wiki/vi">Tiếng Việt<span>Vietnamese</span></a></li>'
         'ne': '네팔어',
         + '<li><a href="https://churchofgod.wiki/ne">नेपाली<span>Nepali</span></a></li>'
         'pt': '포르투갈어'
         + '<li><a href="https://churchofgod.wiki/pt">português<span>Portuguese</span></a></li>';
    };
console.log(langHTML);


     // DOM 준비 후 실행
     $mobileList.empty();
    document.addEventListener('DOMContentLoaded', function() {
alert('read DOM');
        // 이미 id="mobile-language" 요소가 있는지 확인
        var langList = document.querySelector('#mobile-language');


         // 없으면 생성
    $interwikiLinks.each(function () {
         if (!langList) {
         var $a      = $(this);
            langList = document.createElement('ul');
         var href    = $a.attr('href');
            langList.id = 'mobile-language';
        var langCode = $a.attr('lang');
            langList.className = 'level1';
        var autonym  = $a.find('span').text() || $a.text();   // English, Español ...
         }
        var korean  = langMap[langCode] || '';
         var label    = korean ? (autonym + ' (' + korean + ')') : autonym;


         // 언어 리스트를 HTML로 채움
         var $li  = $('<li>');
         langList.innerHTML = langHTML;
         var $new = $('<a>', { href: href, text: label });


         // 사이드바 기준 메뉴 위치 찾기
        $li.append($new);
         var navigation = document.querySelector('#mw-mf-page-left #p-navigation');
        $mobileList.append($li);
    });
}
 
mw.loader.using(['jquery']).then(function () {
    $(function () {
 
         // Minerva 전용이라면 이 체크를 유지
        // if (mw.config.get('skin') !== 'minerva') return;
 
        // body DOM 변경 감시
         var observer = new MutationObserver(function (mutations) {
            mutations.forEach(function (m) {
                $(m.addedNodes).each(function () {
                    var $node = $(this);
 
                    // #mobile-language 가 새로 생겼거나,
                    // 그 안쪽에 #mobile-language 가 포함되어 있을 때
                    if ($node.is('#mobile-language') || $node.find('#mobile-language').length) {
                        fillMobileLanguageFromInterwiki();
                    }
                });
            });
        });
 
        observer.observe(document.body, {
            childList: true,
            subtree: true
        });


         if (navigation) {
         // 혹시 이미 열려 있는 상태에서 로딩될 수도 있으니 한 번 시도
            // 기존 p-navigation 아래에 우리가 만든 언어 메뉴 끼워 넣기
        fillMobileLanguageFromInterwiki();
            navigation.insertAdjacentElement('afterend', langList);
        }
     });
     });
})();
});