하나님의 교회 지식사전

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

← 이전 편집다음 편집 →
편집 요약 없음
태그: 되돌려진 기여
편집 요약 없음
태그: 되돌려진 기여
1번째 줄: 1번째 줄:
/* All JavaScript here will be loaded for users of the MinervaNeue skin */
/* All JavaScript here will be loaded for users of the MinervaNeue skin */
function wikiLink(title) {
function wikiLink(title) {
     return mw.config.get('wgServer') + '/' + title.replace(/ /g, '_');
    // MediaWiki의 서버 링크+타이틀 (encodeURIComponent로 특수문자 및 한글, 공백 대응)
     return mw.config.get('wgServer') + '/' + encodeURIComponent(title.replace(/ /g, '_')).replace(/%3A/gi, ':');
}
}


document
// p-navigation DOM 탐색 및 존재시 메뉴 삽입
    .querySelector('#mw-mf-page-left #p-navigation')
var navEl = document.querySelector('#mw-mf-page-left #p-navigation');
     .insertAdjacentHTML(
if (navEl) {
     navEl.insertAdjacentHTML(
         'afterend',
         'afterend',
         '<ul id="p-main-categories" class="recommended-open">' +
         `<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="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="/"><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="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="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="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="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://watv.org/"><span>하나님의교회 공식사이트</span></a></li>
             '<li class="family"><a href="https://ahnsahnghong.com/"><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://jerusalemmother.com/"><span>어머니 하나님</span></a></li>
             '<li class="family"><a href="https://watvseminar.org/"><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://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://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://watvaward.org/"><span>수상내역 스페셜</span></a></li>
             '<li class="family"><a href="https://watvpress.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="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/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/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/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/@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/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/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/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>' +
             <li class="youtube"><a href="https://www.youtube.com/channel/UCYLPtSHjJeyoXYaYTG0J_Gw"><span>사막에 뜨는 별</span></a></li>
            '</ul>'
        </ul>`
     );
     );


// Recommended Documents 토글
    // 메뉴 토글 중복 없는 통합 바인딩(Null 체크 포함)
document.querySelector('#p-main-categories .title-recommended')
    var ulEl = document.querySelector('#p-main-categories');
    .addEventListener('click', function (event) {
    if (ulEl) {
        event.stopPropagation(); // 사이드바 닫힘 방지
        [
        openList(this, '.recommended');
            { 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);
                });
            }
        });
    }
}


// Browse by Category 토글
// 리스트 토글 함수
document.querySelector('#p-main-categories .title-category')
    .addEventListener('click', function (event) {
        event.stopPropagation(); // 사이드바 닫힘 방지
        openList(this, '.category');
    });
 
// Browse by Category 토글
document.querySelector('#p-main-categories .title-family')
    .addEventListener('click', function (event) {
        event.stopPropagation(); // 사이드바 닫힘 방지
        openList(this, '.family');
    });
   
// Browse by Category 토글
document.querySelector('#p-main-categories .title-youtube')
    .addEventListener('click', function (event) {
        event.stopPropagation(); // 사이드바 닫힘 방지
        openList(this, '.youtube');
    });
   
function openList(titleLi, selector) {
function openList(titleLi, selector) {
     titleLi.classList.toggle('open');
     titleLi.classList.toggle('open');
     let next = titleLi.nextElementSibling;
     let next = titleLi.nextElementSibling;
     while (next && !next.classList.contains('title-recommended') && !next.classList.contains('title-category') && !next.classList.contains('title-family') && !next.classList.contains('title-youtube')) {
     // 토글해야 하는 메뉴 클래스 목록
    const sectionTitles = ['title-recommended', 'title-category', 'title-family', 'title-youtube'];
    while (next && !sectionTitles.some(cls => next.classList.contains(cls))) {
         if (next.matches(selector)) {
         if (next.matches(selector)) {
             next.style.display = (next.style.display === 'none' || next.style.display === '') ? 'block' : 'none';
             next.style.display = (next.style.display === 'none' || next.style.display === '') ? 'block' : 'none';
86번째 줄: 83번째 줄:
}
}


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


// 언어 선택 모달(jQuery 로더 사용)
mw.loader.using(['jquery']).then(function() {
mw.loader.using(['jquery']).then(function() {
     $(function() {
     $(function() {
         var modal = $('#myLayer');
         var modal = $('#myLayer');
         var btn = $('#selectLanguage'); // jQuery 선택자 사용
         var btn = $('#selectLanguage');
         var span = $('.close-button').first();
         var span = $('.close-button').first();
 
         btn.click(function() { modal.show(); });
         btn.click(function() {
         span.click(function() { modal.hide(); });
            modal.show();
        });
 
         span.click(function() {
            modal.hide();
        });
 
         $(window).click(function(event) {
         $(window).click(function(event) {
             if ($(event.target).is(modal)) {
             if ($(event.target).is(modal)) {
원본 주소 "https://churchofgod.wiki/미디어위키:Minerva.js"