Diferencia entre revisiones de «MediaWiki:Minerva.js»

Revisión del 17:30 7 feb 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>Documentos recomendados</span></a><span class="ico-arrow"></span></li>'+
    '<li class="recommended"><a href="/Iglesia_de_Dios_Sociedad_Misionera_Mundial"><span>Iglesia de Dios (documento)</span></a></li>'+
    '<li class="recommended"><a href="/Ahnsahnghong"><span>Cristo Ahnsahnghong</span></a></li>'+
    '<li class="recommended"><a href="/Dios_Madre"><span>Dios Madre</span></a></li>'+
    '<li class="recommended"><a href="/El_Día_de_Reposo"><span>El Día de Reposo</span></a></li>'+
    '<li class="recommended"><a href="/Pascua"><span>Pascua</span></a></li>'+
    '<li class="recommended"><a href="/El_evangelio_y_el_nuevo_pacto"><span>El evangelio y el nuevo pacto</span></a></li>'+
    '<li class="title-category"><a><span>Buscar por categoría</span></a><span class="ico-arrow"></span></li>'+
    '<li class="category"><a href="/Categoría:Iglesia_de_Dios"><span>Iglesia de Dios</span></a></li>'+
    '<li class="category"><a href="/Categoría:Dios_Padre"><span>Dios Padre</span></a></li>'+
    '<li class="category"><a href="/Categoría:Dios Madre"><span>Dios Madre</span></a></li>'+
    '<li class="category"><a href="/Categoría:El_evangelio_del_nuevo_pacto"><span>El evangelio del nuevo pacto</span></a></li>'+
    '<li class="category"><a href="/Categoría:Sentido_común_de_la_Biblia"><span>Sentido común de la Biblia</span></a></li>'+
    '<li class="category"><a href="/Categoría:Asuntos_bíblicos"><span>Asuntos bíblicos</span></a></li>'+
    '<li class="category"><a href="/Categoría:Servicio_comunitario"><span>Servicio comunitario</span></a></li>'+
    '<li class="category"><a href="/Categoría:Cooperación_Global"><span>Cooperación 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");
});
document.querySelector("#p-main-categories .title-language").addEventListener("click", function () {
  openList(this, "language-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");
});