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') | |||
.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="/pt/Igreja_de_Deus_Sociedade_Missionária_Mundial"><span>Igreja de Deus (histórico)</span></a></li>'+ | |||
'<li class="recommended"><a href="/pt/Ahnsahnghong"><span>Cristo Ahnsahnghong</span></a></li>'+ | |||
'<li class="recommended"><a href="/pt/Deus_Mãe"><span>Deus Mãe</span></a></li>'+ | |||
'<li class="recommended"><a href="/pt/Sábado"><span>Sábado</span></a></li>'+ | |||
'<li class="recommended"><a href="/pt/Páscoa"><span>Páscoa</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>Buscar por Categoria</span></a><span class="ico-arrow"></span></li>'+ | |||
'<li class="category"><a href="/pt/Categoria:Igreja_de_Deus"><span>Igreja de Deus</span></a></li>'+ | |||
'<li class="category"><a href="/pt/Categoria:Deus_Pai"><span>Deus Pai</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="/pt/Categoria:O_evangelho_da_Nova_Aliança"><span>O evangelho da Nova Aliança</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="/pt/Categoria:Assuntos_Bíblicos"><span>Assuntos Bíblicos</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="/pt/Categoria:Cooperação_Global"><span>Cooperação Global</span></a></li>'+ | |||
'</ul>' | |||
); | |||
document | // 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. | 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( | 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() { | ||
var | 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' | |||
}; | |||
$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(); | |||
}); | |||
}); | |||