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

Sem resumo de edição
Sem resumo de edição
 
(Há 24 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="recommended-open">' +
        '<ul id="p-main-categories" class="recommended-open">'+
      '<li class="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="recommended"><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
// Recommended Documents 토글
  .querySelector("#p-main-categories .title-recommended")
document.querySelector('#p-main-categories .title-recommended')
  .addEventListener("click", function () {
    .addEventListener('click', function (event) {
    openList(this, "recommended-open");
        event.stopPropagation(); // 사이드바 닫힘 방지
  });
        openList(this, '.recommended');
document
    });
  .querySelector("#p-main-categories .title-category")
  .addEventListener("click", function () {
    openList(this, "category-open");
  });


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;
    }
}
}


// 유튜브 썸네일
// 유튜브 썸네일
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() {
var mobileLangDiv = document.querySelector(".minerva-user-navigation");
            modal.show();
var navHTML =
        });
  '<div id="selectLanguage" class="select-mobile">' +
 
  "<a></a>" +
        span.click(function() {
  '<div id="layer-lang" class="modal-content">' +
            modal.hide();
  '<ul id="mobile-language" class="recommended-open">' +
        });
  '<li ><a href="https://churchofgod.wiki">한국어<span>Korean</span></a></li>' +
 
  '<li ><a href="https://en.churchofgod.wiki">English<span>English</span></a></li>' +
        $(window).click(function(event) {
  '<li ><a href="https://es.churchofgod.wiki">Español<span>Spanish</span></a></li>' +
            if ($(event.target).is(modal)) {
  '<li ><a href="https://vi.churchofgod.wiki">Tiếng Việt<span>Vietnamese</span></a></li>' +
                modal.hide();
  "</ul>" +
            }
  "</div>";
        });
mobileLangDiv.insertAdjacentHTML("afterbegin", navHTML);
    });
});
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();
    });
});