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

Revisão das 03h00min de 18 de março de 2025

/* 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>Documentos Recomendados</span></a><span class="ico-arrow"></span></li>'+
        	'<li class="recommended"><a href="/Igreja de Deus Sociedade Missionária Mundial"><span>Igreja de Deus (histórico)</span></a></li>'+
        	'<li class="recommended"><a href="/Ahnsahnghong"><span>Cristo Ahnsahnghong</span></a></li>'+
        	'<li class="recommended"><a href="/Deus Mãe"><span>Deus Mãe</span></a></li>'+
        	'<li class="recommended"><a href="/Sábado"><span>Sábado</span></a></li>'+
        	'<li class="recommended"><a href="/Páscoa"><span>Páscoa</span></a></li>'+
        	'<li class="recommended"><a href="/O Evangelho e a Nova Aliança"><span>O Evangelho e a Nova Aliança</span></a></li>'+
        	'<li class="title-category"><a><span>Buscar por Categoria</span></a><span class="ico-arrow"></span></li>'+
        	'<li class="category"><a href="/Categoria:Igreja de Deus"><span>Igreja de Deus</span></a></li>'+
        	'<li class="category"><a href="/Categoria:Deus Pai"><span>Deus Pai</span></a></li>'+
        	'<li class="category"><a href="/Categoria:Deus Mãe"><span>Deus Mãe</span></a></li>'+
        	'<li class="category"><a href="/Categoria:O evangelho da Nova Aliança"><span>O evangelho da Nova Aliança</span></a></li>'+
        	'<li class="category"><a href="/Categoria:Senso Comum da Bíblia"><span>Senso Comum da Bíblia</span></a></li>'+
        	'<li class="category"><a href="/Categoria:Assuntos Bíblicos"><span>Assuntos Bíblicos</span></a></li>'+
        	'<li class="category"><a href="/Categoria:Serviço comunitário"><span>Serviço comunitário</span></a></li>'+
        	'<li class="category"><a href="/Categoria:Cooperação Global"><span>Cooperação Global</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');
});
mw.loader.using(['jquery']).then(function() {
    $(function() {
        var modal = $('#myLayer');
        var btn = $('#selectLanguage'); // jQuery 선택자 사용
        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();
            }
        });
    });
});