MediaWiki:Minerva.js: Difference between revisions
No edit summary Tags: Mobile edit Mobile web edit |
No edit summary |
||
| (5 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 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 */ | ||
// | function wikiLink(title) { | ||
// 공백 → _ 치환 후 절대 경로 생성 | |||
return mw.config.get('wgServer') + '/en/' + title.replace(/ /g, '_'); | |||
} | |||
document | document | ||
| Line 6: | Line 9: | ||
.insertAdjacentHTML( | .insertAdjacentHTML( | ||
'afterend', | 'afterend', | ||
'<ul id="p-main-categories | '<ul id="p-main-categories">'+ | ||
'<li class="title-recommended | '<li class="title-recommended"><a><span>Recommended Documents</span></a><span class="ico-arrow"></span></li>'+ | ||
'<li class="recommended" style="display:none;"><a href="' + wikiLink("World Mission Society Church of God") + '"><span>Church of God(Document)</span></a></li>' + | |||
'<li class="recommended" style="display:none;"><a href="' + wikiLink("Ahnsahnghong") + '"><span>Christ Ahnsahnghong</span></a></li>' + | |||
'<li class="recommended" style="display:none;"><a href="' + wikiLink("God the Mother") + '"><span>God the Mother</span></a></li>' + | |||
'<li class="recommended" style="display:none;"><a href="' + wikiLink("Sabbath") + '"><span>Sabbath</span></a></li>' + | |||
'<li class="recommended" style="display:none;"><a href="' + wikiLink("Passover") + '"><span>Passover</span></a></li>' + | |||
'<li class="recommended" style="display:none;"><a href="' + wikiLink("Gospel and the New Covenant") + '"><span>Gospel and New Covenant</span></a></li>' + | |||
'<li class="title-category"><a><span>Browse by Category</span></a><span class="ico-arrow"></span></li>'+ | '<li class="title-category"><a><span>Browse by Category</span></a><span class="ico-arrow"></span></li>'+ | ||
'<li class="category" style="display:none;"><a href="' + wikiLink("en/Category:Church of God") + '"><span>Church of God</span></a></li>' + | |||
'<li class="category" style="display:none;"><a href="' + wikiLink("Category:God the Father") + '"><span>God the Father</span></a></li>' + | |||
'<li class="category" style="display:none;"><a href="' + wikiLink("Category:God the Mother") + '"><span>God the Mother</span></a></li>' + | |||
'<li class="category" style="display:none;"><a href="' + wikiLink("Category:Gospel of the New Covenant") + '"><span>Gospel of the New Covenant</span></a></li>' + | |||
'<li class="category" style="display:none;"><a href="' + wikiLink("Category:Bible Knowledge") + '"><span>Bible Knowledge</span></a></li>' + | |||
'<li class="category" style="display:none;"><a href="' + wikiLink("Category:Biblical Issues") + '"><span>Biblical Issues</span></a></li>' + | |||
'<li class="category" style="display:none;"><a href="' + wikiLink("Category:Community Service") + '"><span>Community Service</span></a></li>' + | |||
'<li class="category" style="display:none;"><a href="' + wikiLink("Category:Global Cooperation") + '"><span>Global Cooperation</span></a></li>' + | |||
'</ul>' | '</ul>' | ||
); | ); | ||
document.querySelector('#p-main-categories .title-recommended').addEventListener('click', function () { | // 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; | |||
} | } | ||
} | } | ||
| Line 52: | Line 58: | ||
iframe.parentElement.classList.add('video-wrap'); | iframe.parentElement.classList.add('video-wrap'); | ||
}); | }); | ||
mw.loader.using(['jquery']).then(function() { | mw.loader.using(['jquery']).then(function() { | ||
$(function() { | $(function() { | ||
| Line 71: | Line 78: | ||
} | } | ||
}); | }); | ||
}); | |||
}); | |||
function fillMobileLanguageFromInterwiki() { | |||
var $mobileList = $('#mobile-language'); | |||
// 인터위키 링크 읽기 | |||
var $interwikiLinks = $('#p-lang ul.minerva-languages .interlanguage-link a'); | |||
if (!$interwikiLinks.length) return; | |||
const langMap = { | |||
'ko': 'Korean', | |||
'en': 'English', | |||
'es': 'Spanish', | |||
'vi': 'Vietnamese', | |||
'ne': 'Nepali', | |||
'pt': 'Portuguese' | |||
}; | |||
$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(); | |||
}); | }); | ||
}); | }); | ||