Diferencia entre revisiones de «MediaWiki:Minerva.js»

De Enciclopedia de conocimiento de la Iglesia de Dios
Ir a la navegación Ir a la búsqueda
Sin resumen de edición
Etiquetas: Edición desde móvil Edición vía web móvil
Sin resumen de edición
Línea 25: Línea 25:
   );
   );


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


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


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")) {
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;
    }
}
}


Línea 51: Línea 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();
            }
        });
    });
});
});

Revisión del 16:02 25 sep 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="/es/Iglesia_de_Dios_Sociedad_Misionera_Mundial"><span>Iglesia de Dios (documento)</span></a></li>'+
    '<li class="recommended"><a href="/es/Ahnsahnghong"><span>Cristo Ahnsahnghong</span></a></li>'+
    '<li class="recommended"><a href="/es/Dios_Madre"><span>Dios Madre</span></a></li>'+
    '<li class="recommended"><a href="/es/El_Día_de_Reposo"><span>El Día de Reposo</span></a></li>'+
    '<li class="recommended"><a href="/es/Pascua"><span>Pascua</span></a></li>'+
    '<li class="recommended"><a href="/es/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="/es/Categoría:Iglesia_de_Dios"><span>Iglesia de Dios</span></a></li>'+
    '<li class="category"><a href="/es/Categoría:Dios_Padre"><span>Dios Padre</span></a></li>'+
    '<li class="category"><a href="/es/Categoría:Dios Madre"><span>Dios Madre</span></a></li>'+
    '<li class="category"><a href="/es/Categoría:El_evangelio_del_nuevo_pacto"><span>El evangelio del nuevo pacto</span></a></li>'+
    '<li class="category"><a href="/es/Categoría:Sentido_común_de_la_Biblia"><span>Sentido común de la Biblia</span></a></li>'+
    '<li class="category"><a href="/es/Categoría:Asuntos_bíblicos"><span>Asuntos bíblicos</span></a></li>'+
    '<li class="category"><a href="/es/Categoría:Servicio_comunitario"><span>Servicio comunitario</span></a></li>'+
    '<li class="category"><a href="/es/Categoría:Cooperación_Global"><span>Cooperación Global</span></a></li>'+
  '</ul>'
  );

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

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


function openList(titleLi, selector) {
    titleLi.classList.toggle('open');
    let next = titleLi.nextElementSibling;
    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) {
  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();
            }
        });
    });
});