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

2024년 1월 29일 (월) 14:49 판

/* All JavaScript here will be loaded for users of the MinervaNeue skin */
// 모바일 메뉴에서 '둘러보기' 문서 보여주기
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="/안상홍"><span>그리스도 안상홍님</span></a></li>' +
            '<li class="recommended"><a href="/어머니 하나님"><span>어머니 하나님</span></a></li>' +
            '<li class="recommended"><a href="/안식일"><span>안식일</span></a></li>' +
            '<li class="recommended"><a href="/유월절"><span>유월절</span></a></li>' +
            '<li class="recommended"><a href="/복음과 새 언약"><span>복음과 새 언약</span></a></li>' +
            '<li class="recommended"><a href="/하나님의 교회 마지막 종교개혁"><span>마지막 종교개혁</span></a></li>' +
            '<li class="title-category"><a><span>카테고리 둘러보기</span></a><span class="ico-arrow"></span></li>' +
            '<li class="category"><a href="/분류:하나님의 교회"><span>하나님의 교회</span></a></li>' +
            '<li class="category"><a href="/분류:아버지"><span>아버지 하나님</span></a></li>' +
            '<li class="category"><a href="/분류:어머니"><span>어머니 하나님</span></a></li>' +
            '<li class="category"><a href="/분류:새 언약 복음"><span>새 언약 복음</span></a></li>' +
            '<li class="category"><a href="/분류:성경 일반"><span>성경 상식</span></a></li>' +
            '<li class="category"><a href="/분류:성경 이슈"><span>성경 이슈</span></a></li>' +
            '<li class="category"><a href="/분류:사회 공헌"><span>사회 공헌</span></a></li>' +
            '<li class="category"><a href="/분류:국제 협력"><span>국제 협력</span></a></li>' +
            '<li class="title-language"><a><span>Language</span></a><span class="ico-arrow"></span></li>' +
            '<li class="language"><a href="https://en.churchofgod.wiki"><span>English</span></a></li>' +
			'<li class="language"><a href="https://es.churchofgod.wiki"><span>Spanish</span></a></li>' +            
            '<li class="language"><a href="https://vi.churchofgod.wiki"><span>Vietnamese</span></a></li>' +
		'</ul>'
    );

document.querySelector('#p-main-categories .title-recommended').addEventListener('click', function () {
    openList(this, 'recommended-open');
});
document.querySelector('#p-main-categories .title-category').addEventListener('click', function () {
    openList(this, 'category-open');
});
document.querySelector('#p-main-categories .title-language').addEventListener('click', function () {
    openList(this, 'language-open');
});

function openList(titleLi, listClass) {
    var list = document.querySelector('#p-main-categories');
    if (list.classList.contains(listClass)) {
        list.classList.remove(listClass);
    } else {
        list.classList.add(listClass);
    }

    if (titleLi.classList.contains('open')) {
        titleLi.classList.remove('open');
    } else {
        titleLi.classList.add('open');
    }
}

// 유튜브 썸네일
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');
});