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

Sem resumo de edição
Sem resumo de edição
 
(Há 15 revisões intermédias de 3 utilizadores que não estão a ser apresentadas)
Linha 1: Linha 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 */
// 모바일 메뉴에서 '둘러보기' 문서 보여주기
// 모바일 메뉴에서 '둘러보기' 문서 보여주기
document
document
     .querySelector('#mw-mf-page-left #p-navigation')
     .querySelector('#mw-mf-page-left #p-navigation')
     .insertAdjacentHTML(
     .insertAdjacentHTML(
         'afterend',
         'afterend',
    '<ul id="p-main-categories" class="toggle-list__list recommended-open">' +
        '<ul id="p-main-categories" class="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="title-recommended open"><a><span>Documentos Recomendados</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="/pt/Igreja_de_Deus_Sociedade_Missionária_Mundial"><span>Igreja de Deus (histórico)</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="/pt/Ahnsahnghong"><span>Cristo Ahnsahnghong</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="/pt/Deus_Mãe"><span>Deus Mãe</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="/pt/Sábado"><span>Sábado</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="/pt/Páscoa"><span>Páscoa</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="recommended"><a href="/pt/O_Evangelho_e_a_Nova_Aliança"><span>O Evangelho e a Nova Aliança</span></a></li>'+
      '<li class="title-category"><a><span>Dò xem danh mục</span></a><span class="ico-arrow"></span></li>' +
        '<li class="title-category"><a><span>Buscar por Categoria</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="/pt/Categoria:Igreja_de_Deus"><span>Igreja de Deus</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="/pt/Categoria:Deus_Pai"><span>Deus Pai</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="/pt/Categoria:Deus_Mãe"><span>Deus Mãe</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="/pt/Categoria:O_evangelho_da_Nova_Aliança"><span>O evangelho da Nova Aliança</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="/pt/Categoria:Senso_Comum_da_Bíblia"><span>Senso Comum da Bíblia</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="/pt/Categoria:Assuntos_Bíblicos"><span>Assuntos Bíblicos</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="/pt/Categoria:Contribuição_Social"><span>Contribuição Social</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>' +
        '<li class="category"><a href="/pt/Categoria:Cooperação_Global"><span>Cooperação Global</span></a></li>'+
      "</ul>"       
        '</ul>'
     );
     );


document.querySelector('#p-main-categories .title-recommended').addEventListener('click', function () {
// Recommended Documents 토글
    openList(this, 'recommended-open');
document.querySelector('#p-main-categories .title-recommended')
});
    .addEventListener('click', function (event) {
document.querySelector('#p-main-categories .title-category').addEventListener('click', function () {
        event.stopPropagation(); // 사이드바 닫힘 방지
    openList(this, 'category-open');
        openList(this, '.recommended');
});
    });


function openList(titleLi, listClass) {
// Browse by Category 토글
    var list = document.querySelector('#p-main-categories');
document.querySelector('#p-main-categories .title-category')
     if (list.classList.contains(listClass)) {
     .addEventListener('click', function (event) {
         list.classList.remove(listClass);
         event.stopPropagation(); // 사이드바 닫힘 방지
    } else {
         openList(this, '.category');
         list.classList.add(listClass);
     });
     }


     if (titleLi.classList.contains('open')) {
function openList(titleLi, selector) {
        titleLi.classList.remove('open');
     titleLi.classList.toggle('open');
    } else {
    let next = titleLi.nextElementSibling;
        titleLi.classList.add('open');
    while (next && !next.classList.contains('title-recommended') && !next.classList.contains('title-category')) {
        if (next.matches(selector)) {
            next.style.display = (next.style.display === 'none' || next.style.display === '') ? 'block' : 'none';
        }
        next = next.nextElementSibling;
     }
     }
}
}
Linha 50: Linha 54:
document.querySelectorAll('iframe').forEach(function(iframe){
document.querySelectorAll('iframe').forEach(function(iframe){
     iframe.parentElement.classList.add('video-wrap');
     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();
            }
        });
    });
});
function fillMobileLanguageFromInterwiki() {
    var $mobileList = $('#mobile-language');
    // 인터위키 링크 읽기
    var $interwikiLinks = $('#p-lang ul.minerva-languages .interlanguage-link a');
    if (!$interwikiLinks.length) return;
const langMap = {
    'ko': 'Coreano',
    'en': 'Inglês',
    'es': 'Espanhol',
    'vi': 'Vietnamita',
    'ne': 'Nepalês',
    'pt': 'Português'
};
    $mobileList.empty();
    $interwikiLinks.each(function () {
        var $a      = $(this);
        var href    = $a.attr('href');
        var langCode = $a.attr('lang');
        var autonym  = $a.find('span').text() || $a.text();  // English, Español ...
        var korean  = langMap[langCode] || '';
        var label    = korean ? (autonym + ' (' + korean + ')') : autonym;
        var $li  = $('<li>');
        var $new = $('<a>', { href: href, text: label });
        $li.append($new);
        $mobileList.append($li);
    });
}
mw.loader.using(['jquery']).then(function () {
    $(function () {
        // body DOM 변경 감시
        var observer = new MutationObserver(function (mutations) {
            mutations.forEach(function (m) {
                $(m.addedNodes).each(function () {
                    var $node = $(this);
                    if ($node.is('#mobile-language') || $node.find('#mobile-language').length) {
                        fillMobileLanguageFromInterwiki();
                    }
                });
            });
        });
        observer.observe(document.body, {
            childList: true,
            subtree: true
        });
        // 혹시 이미 열려 있는 상태에서 로딩될 수도 있으니 한 번 시도
        fillMobileLanguageFromInterwiki();
    });
});
});