미디어위키:Minerva.js

참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.

• 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
• 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
• 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.

/* All JavaScript here will be loaded for users of the MinervaNeue skin */
function wikiLink(title) {
    return mw.config.get('wgServer') + '/' + title.replace(/ /g, '_');
}

document
    .querySelector('#mw-mf-page-left #p-navigation')
    .insertAdjacentHTML(
        'afterend',
        '<ul id="p-main-categories" class="recommended-open">' +
            '<li class="title-recommended open"><a><span>추천문서</span></a><span class="ico-arrow"></span></li>' +
            '<li class="recommended"><a href="/"><span>하나님의 교회</span></a></li>' +
            '<li class="recommended"><a href="'+wikiLink("안상홍")+'"><span>그리스도 안상홍님</span></a></li>' +
            '<li class="recommended"><a href="'+wikiLink("어머니 하나님")+'"><span>어머니 하나님</span></a></li>' +
            '<li class="recommended"><a href="'+wikiLink("안식일")+'"><span>안식일</span></a></li>' +
            '<li class="recommended"><a href="'+wikiLink("유월절")+'"><span>유월절</span></a></li>' +
            '<li class="recommended"><a href="'+wikiLink("복음과 새 언약")+'"><span>복음과 새 언약</span></a></li>' +
            '<li class="recommended"><a href="'+wikiLink("하나님의 교회 마지막 종교개혁")+'"><span>마지막 종교개혁</span></a></li>' +
            '<li class="title-category"><a><span>카테고리 둘러보기</span></a><span class="ico-arrow"></span></li>' +
			'<li class="category"><a href="'+wikiLink("분류:하나님의 교회")+'"><span>하나님의 교회</span></a></li>' +
            '<li class="category"><a href="'+wikiLink("분류:아버지")+'"><span>아버지 하나님</span></a></li>' +
            '<li class="category"><a href="'+wikiLink("분류:어머니")+'"><span>어머니 하나님</span></a></li>' +
            '<li class="category"><a href="'+wikiLink("분류:새 언약 복음")+'"><span>새 언약 복음</span></a></li>' +
            '<li class="category"><a href="'+wikiLink("분류:성경 일반")+'"><span>성경 상식</span></a></li>' +
            '<li class="category"><a href="'+wikiLink("분류:성경 이슈")+'"><span>성경 이슈</span></a></li>' +
            '<li class="category"><a href="'+wikiLink("분류:사회 공헌")+'"><span>사회 공헌</span></a></li>' +
            '<li class="category"><a href="'+wikiLink("분류:국제 협력")+'"><span>국제 협력</span></a></li>' +
            '</ul>'
    );

// Recommended Documents 토글
document.querySelector('#p-main-categories .title-recommended')
    .addEventListener('click', function (event) {
        event.stopPropagation(); // 사이드바 닫힘 방지
        openList(this, '.recommended');
    });

// Browse by Category 토글
document.querySelector('#p-main-categories .title-category')
    .addEventListener('click', function (event) {
        event.stopPropagation(); // 사이드바 닫힘 방지
        openList(this, '.category');
    });

function openList(titleLi, selector) {
    titleLi.classList.toggle('open');
    let next = titleLi.nextElementSibling;
    while (next && !next.classList.contains('title-recommended') && !next.classList.contains('title-category')) {
        if (next.matches(selector)) {
            next.style.display = (next.style.display === 'none' || next.style.display === '') ? 'block' : 'none';
        }
        next = next.nextElementSibling;
    }
}

// 유튜브 썸네일
document.querySelectorAll('iframe').forEach(function (iframe) {
    var $container = iframe.parentElement;
    var $videoWrap = $container.parentElement;
    if ($videoWrap && $videoWrap.classList.contains('video-wrap')) return;
    iframe.parentElement.classList.add('video-wrap');
});

mw.loader.using(['jquery']).then(function() {
    $(function() {
        var modal = $('#myLayer');
        var btn = $('#selectLanguage'); // jQuery 선택자 사용
        var span = $('.close-button').first();

        btn.click(function() {
            modal.show();
        });

        span.click(function() {
            modal.hide();
        });

        $(window).click(function(event) {
            if ($(event.target).is(modal)) {
                modal.hide();
            }
        });
    });
});

/* -------------------------------
 *  모바일 언어 메뉴 삽입 (Minerva)
 * ------------------------------- */
mw.loader.using(['jquery']).then(function() {

    $(function() {

        var modal = $('#myLayer');
        var btn = $('#selectLanguage');
        var span = $('.close-button').first();

        btn.click(function() {
            modal.show();
        });

        span.click(function() {
            modal.hide();
        });

        $(window).click(function(event) {
            if ($(event.target).is(modal)) {
                modal.hide();
            }
        });

        // Minerva 스킨에서만 실행
        if (mw.config.get('skin') !== 'minerva') return;

        // 1) 인터위키 목록 읽기
        const $interwikiLinks = $('#p-lang .vector-menu-content-list .interlanguage-link a');

        if ($interwikiLinks.length === 0) {
            console.warn('인터위키 목록이 없습니다.');
            return;
        }

        // 2) mobile-language 리스트 비움
        const $mobileList = $('#mobile-language');
        $mobileList.empty();

        // 3) 언어 한국어 병기용 매핑
        const langMap = {
            'ko': '한국어',
            'en': '영어',
            '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);
            $mobileList.append($li);
        });

    });
});