MediaWiki:Minerva.js: diferenças entre revisões
Sem resumo de edição Etiqueta: Revertida |
Sem resumo de edição |
||
| (Há 9 revisões intermédias de 3 utilizadores que não estão a ser apresentadas) | |||
| Linha 7: | Linha 7: | ||
'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> | '<li class="title-recommended open"><a><span>Documentos Recomendados</span></a><span class="ico-arrow"></span></li>'+ | ||
'<li class="recommended"><a href="/ | '<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="/Ahnsahnghong"><span> | '<li class="recommended"><a href="/pt/Ahnsahnghong"><span>Cristo Ahnsahnghong</span></a></li>'+ | ||
'<li class="recommended"><a href="/ | '<li class="recommended"><a href="/pt/Deus_Mãe"><span>Deus Mãe</span></a></li>'+ | ||
'<li class="recommended"><a href="/ | '<li class="recommended"><a href="/pt/Sábado"><span>Sábado</span></a></li>'+ | ||
'<li class="recommended"><a href="/ | '<li class="recommended"><a href="/pt/Páscoa"><span>Páscoa</span></a></li>'+ | ||
'<li class="recommended"><a href="/ | '<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> | '<li class="title-category"><a><span>Buscar por Categoria</span></a><span class="ico-arrow"></span></li>'+ | ||
'<li class="category"><a href="/ | '<li class="category"><a href="/pt/Categoria:Igreja_de_Deus"><span>Igreja de Deus</span></a></li>'+ | ||
'<li class="category"><a href="/ | '<li class="category"><a href="/pt/Categoria:Deus_Pai"><span>Deus Pai</span></a></li>'+ | ||
'<li class="category"><a href="/ | '<li class="category"><a href="/pt/Categoria:Deus_Mãe"><span>Deus Mãe</span></a></li>'+ | ||
'<li class="category"><a href="/ | '<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="/ | '<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="/ | '<li class="category"><a href="/pt/Categoria:Assuntos_Bíblicos"><span>Assuntos Bíblicos</span></a></li>'+ | ||
'<li class="category"><a href="/ | '<li class="category"><a href="/pt/Categoria:Contribuição_Social"><span>Contribuição Social</span></a></li>'+ | ||
'<li class="category"><a href="/ | '<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- | 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(); | |||
} | |||
}); | |||
}); | |||
}); | }); | ||
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' | |||
}; | |||
function | $mobileList.empty(); | ||
var | |||
$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(); | |||
}); | |||
}); | |||