MediaWiki:Minerva.js: diferenças entre revisões

Revisão das 07h13min de 15 de março de 2024

/* 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="toggle-list__list recommended-open">' +
	      '<li class="toggle-list-item title-recommended open"><a><span>Bài viết đề xuất</span></a><span class="ico-arrow"></span></li>' +
	      '<li class="toggle-list-item" ><a href="/Hội Thánh của Đức Chúa Trời Hiệp Hội Truyền Giáo Tin Lành Thế Giới"><span>Hội Thánh của Đức Chúa Trời (Tài liệu)</span></a></li>' +
	      '<li class="recommended"><a href="/An Xang Hồng"><span>Đấng Christ An Xang Hồng</span></a></li>' +
	      '<li class="recommended"><a href="/Đức Chúa Trời Mẹ"><span>Đức Chúa Trời Mẹ</span></a></li>' +
	      '<li class="recommended"><a href="/Ngày Sabát"><span>Ngày Sabát</span></a></li>' +
	      '<li class="recommended"><a href="/Lễ Vượt Qua"><span>Lễ Vượt Qua</span></a></li>' +
	      '<li class="recommended"><a href="/Tin Lành và giao ước mới"><span>Tin Lành và giao ước mới</span></a></li>' +
	      '<li class="title-category"><a><span>Dò xem danh mục</span></a><span class="ico-arrow"></span></li>' +
	      '<li class="category"><a href="/Category:Hội Thánh của Đức Chúa Trời"><span>Hội Thánh của Đức Chúa Trời</span></a></li>' +
	      '<li class="category"><a href="/Category:Ðức Chúa Trời Cha"><span>Ðức Chúa Trời Cha</span></a></li>' +
	      '<li class="category"><a href="/Category:Đức Chúa Trời Mẹ"><span>Đức Chúa Trời Mẹ</span></a></li>' +
	      '<li class="category"><a href="/Category:Tin Lành giao ước mới"><span>Tin Lành giao ước mới</span></a></li>' +
	      '<li class="category"><a href="/Category:Thường thức Kinh Thánh"><span>Thường thức Kinh Thánh</span></a></li>' +
	      '<li class="category"><a href="/Category:Vấn đề Kinh Thánh"><span>Vấn đề Kinh Thánh</span></a></li>' +
	      '<li class="category"><a href="/Category:Cống hiến cho xã hội"><span>Cống hiến cho xã hội</span></a></li>' +
	      '<li class="category"><a href="/Category:Hợp tác quốc tế"><span>Hợp tác quốc tế</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(function(iframe){
    iframe.parentElement.classList.add('video-wrap');
});