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

Revisão das 06h22min de 7 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="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="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="/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");
});

// 모바일 언어선택
var langDiv = document.querySelector(".minerva-user-navigation");
var navHTML =
  '<div id="selectLanguage" class="select-mobile">' +
  "<a></a>" +
  '<div id="layer-lang" class="modal-content">' +
  '<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>' +
  '<li ><a href="https://es.churchofgod.wiki">Español<span>Spanish</span></a></li>' +
  '<li ><a href="https://vi.churchofgod.wiki">Tiếng Việt<span>Vietnamese</span></a></li>' +
  "</ul>" +
  "</div>";
langDiv.insertAdjacentHTML("afterbegin", navHTML);