미디어위키:Minerva.js

Carnelian (토론 | 기여)님의 2025년 10월 22일 (수) 17:34 판

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

  • 파이어폭스 / 사파리: 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) {
    // MediaWiki의 서버 링크+타이틀 (encodeURIComponent로 특수문자 및 한글, 공백 대응)
    return mw.config.get('wgServer') + '/' + encodeURIComponent(title.replace(/ /g, '_')).replace(/%3A/gi, ':');
}

// p-navigation DOM 탐색 및 존재시 메뉴 삽입
var navEl = document.querySelector('#mw-mf-page-left #p-navigation');
if (navEl) {
    navEl.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>
            <li class="title-family"><a><span>패밀리 사이트</span></a><span class="ico-arrow"></span></li>
            <li class="family"><a href="https://watv.org/"><span>하나님의교회 공식사이트</span></a></li>
            <li class="family"><a href="https://ahnsahnghong.com/"><span>그리스도 안상홍님</span></a></li>
            <li class="family"><a href="https://jerusalemmother.com/"><span>어머니 하나님</span></a></li>
            <li class="family"><a href="https://watvseminar.org/"><span>국제 성경 세미나</span></a></li>
            <li class="family"><a href="https://webinar.watv.org/ko/"><span>WATV Webinar</span></a></li>
            <li class="family"><a href="https://ukzion.watv.org/"><span>영국 여왕상 수상</span></a></li>
            <li class="family"><a href="https://watvaward.org/"><span>수상내역 스페셜</span></a></li>
            <li class="family"><a href="https://watvpress.org/"><span>전 세계 언론보도</span></a></li>
            <li class="title-youtube"><a><span>유튜브 채널</span></a><span class="ico-arrow"></span></li>
            <li class="youtube"><a href="https://www.youtube.com/c/WMSCOGTV"><span>하나님의교회 공식유튜브</span></a></li>
            <li class="youtube"><a href="https://www.youtube.com/c/WorldMissionSocietyChurchofGod"><span>하나님의교회 소개영상</span></a></li>
            <li class="youtube"><a href="https://www.youtube.com/channel/UC5eMiMT79Q9dBNjC0ZGjqxQ"><span>그리스도 안상홍님</span></a></li>
            <li class="youtube"><a href="https://www.youtube.com/@JerusalemMother"><span>어머니 하나님</span></a></li>
            <li class="youtube"><a href="https://www.youtube.com/channel/UCYJ3ZTBXsk1XIfjACZRE4yg"><span>하나님의교회 미디어</span></a></li>
            <li class="youtube"><a href="https://www.youtube.com/c/ChurchofGodNEWSONG"><span>하나님의교회 새노래</span></a></li>
            <li class="youtube"><a href="https://www.youtube.com/channel/UCygKTjdV8ULvNT2cPANTE9A"><span>Church of God TUBE</span></a></li>
            <li class="youtube"><a href="https://www.youtube.com/channel/UCYLPtSHjJeyoXYaYTG0J_Gw"><span>사막에 뜨는 별</span></a></li>
        </ul>`
    );

    // 메뉴 토글 중복 없는 통합 바인딩(Null 체크 포함)
    var ulEl = document.querySelector('#p-main-categories');
    if (ulEl) {
        [
            { selector: '.title-recommended', list: '.recommended' },
            { selector: '.title-category',    list: '.category' },
            { selector: '.title-family',      list: '.family' },
            { selector: '.title-youtube',     list: '.youtube' }
        ].forEach(function(obj) {
            var btn = ulEl.querySelector(obj.selector);
            if (btn) {
                btn.addEventListener('click', function(event) {
                    event.stopPropagation();
                    openList(this, obj.list);
                });
            }
        });
    }
}

// 리스트 토글 함수 
function openList(titleLi, selector) {
    titleLi.classList.toggle('open');
    let next = titleLi.nextElementSibling;
    // 토글해야 하는 메뉴 클래스 목록
    const sectionTitles = ['title-recommended', 'title-category', 'title-family', 'title-youtube'];
    while (next && !sectionTitles.some(cls => next.classList.contains(cls))) {
        if (next.matches(selector)) {
            next.style.display = (next.style.display === 'none' || next.style.display === '') ? 'block' : 'none';
        }
        next = next.nextElementSibling;
    }
}

// 유튜브 썸네일: 구조/네이밍 확인 - 부모에 'video-wrap' 추가(중복 생성 방지)
document.querySelectorAll('iframe').forEach(function (iframe) {
    var parent = iframe.parentElement;
    // 이미 감싸진 경우 제외
    if (!parent.classList.contains('video-wrap')) {
        parent.classList.add('video-wrap');
    }
});

// 언어 선택 모달(jQuery 로더 사용)
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();
            }
        });
    });
});