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

2022년 5월 23일 (월) 10:26 판

/* 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></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');
});

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((iframe) => {
    iframe.parentElement.classList.add('video-wrap');
});