미디어위키:Minerva.js: 두 판 사이의 차이
Resultofunion (토론 | 기여) 편집 요약 없음 |
Resultofunion (토론 | 기여) 편집 요약 없음 |
||
| (같은 사용자의 중간 판 39개는 보이지 않습니다) | |||
| 1번째 줄: | 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') + '/' + title.replace(/ /g, '_'); | |||
} | |||
document | document | ||
.querySelector('#mw-mf-page-left #p-navigation') | .querySelector('#mw-mf-page-left #p-navigation') | ||
.insertAdjacentHTML( | .insertAdjacentHTML( | ||
'afterend', | 'afterend', | ||
'<ul id="p-main-categories" class="recommended-open"><li class="title-recommended open"><a><span>추천문서</span></a><span class="ico-arrow"></span></li><li class="recommended"><a href="/ | '<ul id="p-main-categories" class="recommended-open">' + | ||
'<li class="title-recommended open"><a><span>추천문서</span></a><span class="ico-arrow"></span></li>' + | |||
'<li class="recommended"><a href="/"><span>하나님의 교회</span></a></li>' + | |||
'<li class="recommended"><a href="'+wikiLink("안상홍")+'"><span>그리스도 안상홍님</span></a></li>' + | |||
'<li class="recommended"><a href="'+wikiLink("어머니 하나님")+'"><span>어머니 하나님</span></a></li>' + | |||
'<li class="recommended"><a href="'+wikiLink("안식일")+'"><span>안식일</span></a></li>' + | |||
'<li class="recommended"><a href="'+wikiLink("유월절")+'"><span>유월절</span></a></li>' + | |||
'<li class="recommended"><a href="'+wikiLink("복음과 새 언약")+'"><span>복음과 새 언약</span></a></li>' + | |||
'<li class="recommended"><a href="'+wikiLink("하나님의 교회 마지막 종교개혁")+'"><span>마지막 종교개혁</span></a></li>' + | |||
'<li class="title-category"><a><span>카테고리 둘러보기</span></a><span class="ico-arrow"></span></li>' + | |||
'<li class="category"><a href="'+wikiLink("분류:하나님의 교회")+'"><span>하나님의 교회</span></a></li>' + | |||
'<li class="category"><a href="'+wikiLink("분류:아버지")+'"><span>아버지 하나님</span></a></li>' + | |||
'<li class="category"><a href="'+wikiLink("분류:어머니")+'"><span>어머니 하나님</span></a></li>' + | |||
'<li class="category"><a href="'+wikiLink("분류:새 언약 복음")+'"><span>새 언약 복음</span></a></li>' + | |||
'<li class="category"><a href="'+wikiLink("분류:성경 일반")+'"><span>성경 상식</span></a></li>' + | |||
'<li class="category"><a href="'+wikiLink("분류:성경 이슈")+'"><span>성경 이슈</span></a></li>' + | |||
'<li class="category"><a href="'+wikiLink("분류:사회 공헌")+'"><span>사회 공헌</span></a></li>' + | |||
'<li class="category"><a href="'+wikiLink("분류:국제 협력")+'"><span>국제 협력</span></a></li>' + | |||
'</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) { | |||
var $container = iframe.parentElement; | |||
var $videoWrap = $container.parentElement; | |||
if ($videoWrap && $videoWrap.classList.contains('video-wrap')) return; | |||
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 | function fillMobileLanguageFromInterwiki() { | ||
var | var $mobileList = $('#mobile-language'); | ||
if ( | |||
// 인터위키 링크 읽기 | |||
var $interwikiLinks = $('#p-lang ul.minerva-languages .interlanguage-link a'); | |||
if (!$interwikiLinks.length) return; | |||
var langMap = { | |||
'ko': '한국어', | |||
'en': '영어', | |||
'es': '스페인어', | |||
'vi': '베트남어', | |||
'ne': '네팔어', | |||
'pt': '포르투갈어' | |||
}; | |||
$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 () { | |||
// Minerva 전용이라면 이 체크를 유지 | |||
// if (mw.config.get('skin') !== 'minerva') return; | |||
// body DOM 변경 감시 | |||
var observer = new MutationObserver(function (mutations) { | |||
mutations.forEach(function (m) { | |||
$(m.addedNodes).each(function () { | |||
var $node = $(this); | |||
// #mobile-language 가 새로 생겼거나, | |||
// 그 안쪽에 #mobile-language 가 포함되어 있을 때 | |||
if ($node.is('#mobile-language') || $node.find('#mobile-language').length) { | |||
fillMobileLanguageFromInterwiki(); | |||
} | |||
}); | |||
}); | |||
}); | |||
observer.observe(document.body, { | |||
childList: true, | |||
subtree: true | |||
}); | |||
// 혹시 이미 열려 있는 상태에서 로딩될 수도 있으니 한 번 시도 | |||
fillMobileLanguageFromInterwiki(); | |||
}); | |||
}); | |||