미디어위키:Minerva.js: 두 판 사이의 차이
편집 요약 없음 태그: 되돌려진 기여 |
편집 요약 없음 태그: 수동 되돌리기 |
||
| 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) { | function wikiLink(title) { | ||
return mw.config.get('wgServer') + '/' + title.replace(/ /g, '_'); | |||
return mw.config.get('wgServer') + '/' + | |||
} | } | ||
document | |||
.querySelector('#mw-mf-page-left #p-navigation') | |||
.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="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="/"><span>하나님의 교회</span></a></li>' + | ||
<li class="recommended"><a href=" | '<li class="recommended"><a href="'+wikiLink("안상홍")+'"><span>그리스도 안상홍님</span></a></li>' + | ||
<li class="recommended"><a href=" | '<li class="recommended"><a href="'+wikiLink("어머니 하나님")+'"><span>어머니 하나님</span></a></li>' + | ||
<li class="recommended"><a href=" | '<li class="recommended"><a href="'+wikiLink("안식일")+'"><span>안식일</span></a></li>' + | ||
<li class="recommended"><a href=" | '<li class="recommended"><a href="'+wikiLink("유월절")+'"><span>유월절</span></a></li>' + | ||
<li class="recommended"><a href=" | '<li class="recommended"><a href="'+wikiLink("복음과 새 언약")+'"><span>복음과 새 언약</span></a></li>' + | ||
<li class="recommended"><a href=" | '<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="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=" | '<li class="category"><a href="'+wikiLink("분류:아버지")+'"><span>아버지 하나님</span></a></li>' + | ||
<li class="category"><a href=" | '<li class="category"><a href="'+wikiLink("분류:어머니")+'"><span>어머니 하나님</span></a></li>' + | ||
<li class="category"><a href=" | '<li class="category"><a href="'+wikiLink("분류:새 언약 복음")+'"><span>새 언약 복음</span></a></li>' + | ||
<li class="category"><a href=" | '<li class="category"><a href="'+wikiLink("분류:성경 일반")+'"><span>성경 상식</span></a></li>' + | ||
<li class="category"><a href=" | '<li class="category"><a href="'+wikiLink("분류:성경 이슈")+'"><span>성경 이슈</span></a></li>' + | ||
<li class="category"><a href=" | '<li class="category"><a href="'+wikiLink("분류:사회 공헌")+'"><span>사회 공헌</span></a></li>' + | ||
<li class="category"><a href=" | '<li class="category"><a href="'+wikiLink("분류:국제 협력")+'"><span>국제 협력</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) { | function openList(titleLi, selector) { | ||
titleLi.classList.toggle('open'); | titleLi.classList.toggle('open'); | ||
let next = titleLi.nextElementSibling; | let next = titleLi.nextElementSibling; | ||
while (next && !next.classList.contains('title-recommended') && !next.classList.contains('title-category')) { | |||
if (next.matches(selector)) { | if (next.matches(selector)) { | ||
next.style.display = (next.style.display === 'none' || next.style.display === '') ? 'block' : 'none'; | next.style.display = (next.style.display === 'none' || next.style.display === '') ? 'block' : 'none'; | ||
| 83번째 줄: | 54번째 줄: | ||
} | } | ||
// 유튜브 썸네일 | // 유튜브 썸네일 | ||
document.querySelectorAll('iframe').forEach(function (iframe) { | document.querySelectorAll('iframe').forEach(function (iframe) { | ||
var | var $container = iframe.parentElement; | ||
var $videoWrap = $container.parentElement; | |||
if ( | if ($videoWrap && $videoWrap.classList.contains('video-wrap')) return; | ||
iframe.parentElement.classList.add('video-wrap'); | |||
}); | }); | ||
mw.loader.using(['jquery']).then(function() { | mw.loader.using(['jquery']).then(function() { | ||
$(function() { | $(function() { | ||
var modal = $('#myLayer'); | var modal = $('#myLayer'); | ||
var btn = $('#selectLanguage'); | var btn = $('#selectLanguage'); // jQuery 선택자 사용 | ||
var span = $('.close-button').first(); | var span = $('.close-button').first(); | ||
btn.click(function() { modal.show(); }); | |||
span.click(function() { modal.hide(); }); | btn.click(function() { | ||
modal.show(); | |||
}); | |||
span.click(function() { | |||
modal.hide(); | |||
}); | |||
$(window).click(function(event) { | $(window).click(function(event) { | ||
if ($(event.target).is(modal)) { | if ($(event.target).is(modal)) { | ||