하나님의 교회 지식사전

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

← 이전 편집다음 편집 →
편집 요약 없음
편집 요약 없음
88번째 줄: 88번째 줄:
  *  모바일 언어 메뉴 삽입
  *  모바일 언어 메뉴 삽입
  * ------------------------------- */
  * ------------------------------- */
(function() {
mw.loader.using(['jquery']).then(function() {
     // Minerva 스킨에서만 실행
     $(function() {
    if ( mw.config.get('skin') !== 'minerva' ) return;
        // ===== 기존 모달 코드 =====
        var modal = $('#myLayer');
        var btn = $('#selectLanguage'); // jQuery 선택자 사용
        var span = $('.close-button').first();


    // 언어 메뉴 HTML
         btn.click(function() {
    var langHTML = ''
            modal.show();
         + '<li><a href="https://churchofgod.wiki">한국어<span>Korean</span></a></li>'
         });
        + '<li><a href="https://churchofgod.wiki/en">English<span>English</span></a></li>'
         + '<li><a href="https://churchofgod.wiki/es">Español<span>Spanish</span></a></li>'
        + '<li><a href="https://churchofgod.wiki/vi">Tiếng Việt<span>Vietnamese</span></a></li>'
        + '<li><a href="https://churchofgod.wiki/ne">नेपाली<span>Nepali</span></a></li>'
        + '<li><a href="https://churchofgod.wiki/pt">português<span>Portuguese</span></a></li>';
console.log(langHTML);


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


         // 없으면 생성
        $(window).click(function(event) {
         if (!langList) {
            if ($(event.target).is(modal)) {
             langList = document.createElement('ul');
                modal.hide();
             langList.id = 'mobile-language';
            }
            langList.className = 'level1';
        });
        }
 
         // ===== 여기부터 모바일 언어 메뉴 삽입 =====
         if ( mw.config.get('skin') === 'minerva' ) {
             alert('read DOM'); // 여기서는 실제로 뜰 거야
 
             var langHTML = ''
                + '<li><a href="https://churchofgod.wiki">한국어<span>Korean</span></a></li>'
                + '<li><a href="https://churchofgod.wiki/en">English<span>English</span></a></li>'
                + '<li><a href="https://churchofgod.wiki/es">Español<span>Spanish</span></a></li>'
                + '<li><a href="https://churchofgod.wiki/vi">Tiếng Việt<span>Vietnamese</span></a></li>'
                + '<li><a href="https://churchofgod.wiki/ne">नेपाली<span>Nepali</span></a></li>'
                + '<li><a href="https://churchofgod.wiki/pt">português<span>Portuguese</span></a></li>';


        // 언어 리스트를 HTML로 채움
            console.log(langHTML);
        langList.innerHTML = langHTML;


        // 사이드바 기준 메뉴 위치 찾기
            var $nav = $('#mw-mf-page-left #p-navigation');
        var navigation = document.querySelector('#mw-mf-page-left #p-navigation');
            if ( $nav.length ) {
                var $list = $('#mobile-language');
                if ( !$list.length ) {
                    $list = $('<ul>', {
                        id: 'mobile-language',
                        'class': 'level1'
                    });
                }


        if (navigation) {
                $list.html(langHTML);
            // 기존 p-navigation 아래에 우리가 만든 언어 메뉴 끼워 넣기
                $nav.after($list);
            navigation.insertAdjacentElement('afterend', langList);
            }
         }
         }
     });
     });
})();
});
원본 주소 "https://watv.kr/미디어위키:Minerva.js"