미디어위키:Common.js
참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.
- 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
- 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
- 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
//Naver Analytics
var NaverCdn = document.createElement('script');
NaverCdn.src = '//wcs.naver.net/wcslog.js';
document.body.appendChild(NaverCdn);
if (!wcs_add) var wcs_add = {};
wcs_add['wa'] = 'ab0e0ecee3c040';
//Google Analytics
var GoogleCdn = document.createElement('script');
GoogleCdn.src = 'https://www.googletagmanager.com/gtag/js?id=G-YGT3D2Q9QW';
document.body.appendChild(GoogleCdn);
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-YGT3D2Q9QW');
/* TOP 버튼 */
var topButton = document.createElement('div');
topButton.id = 'top-button';
document.body.appendChild(topButton);
window.addEventListener('scroll', function (e) {
if (window.scrollY > 300) {
topButton.classList.add('active');
} else {
topButton.classList.remove('active');
}
});
topButton.addEventListener('click', function (e) {
try {
window.scrollTo({
top: 0,
left: 0,
behavior: 'smooth',
});
} catch (e) {
window.scrollTo(0, 0);
}
});
/* 대문 섹션 토글 */
if (mw.config.get('wgPageName') == '대문' || mw.config.get('wgPageName') == '대문테스트') {
window.location.href = 'https://churchofgod.wiki/%ED%95%98%EB%82%98%EB%8B%98%EC%9D%98_%EA%B5%90%ED%9A%8C_%EC%A7%80%EC%8B%9D%EC%82%AC%EC%A0%84';
}
if (mw.config.get('wgPageName') == '하나님의_교회_지식사전') {
var titles = document.querySelectorAll('.cog-box-title');
for (var i = 0; i < titles.length; i++) {
titles[i].addEventListener('click', function (e) {
if (e.currentTarget.classList.contains('open')) {
e.currentTarget.classList.remove('open');
} else {
e.currentTarget.classList.add('open');
}
});
}
}
/*모든 문서 */
if (mw.config.get('wgPageName').toLowerCase() == '모든_문서_목록') {
var list = document.querySelectorAll('.mw-allpages-body li');
for (var i = 0; i < list.length; i++) {
var title = list[i].querySelector('a').title;
if (title.indexOf(':') != -1) {
list[i].parentNode.removeChild(list[i]);
}
}
document.querySelector('.cog-commonpages').style.display = '';
}
/* 각주 팝업창 위치 보정 */
document.body.addEventListener(
'DOMNodeInserted',
function (e) {
if (e.target.classList && e.target.classList.contains('mwe-popups')) {
requestAnimationFrame(function () {
var bodyLeft = document.body.getBoundingClientRect().left;
var left = parseInt(window.getComputedStyle(e.target).left);
e.target.style.left = left - bodyLeft + 'px';
});
}
},
false
);
/* 우클릭 방지 */
window.oncontextmenu = function (e) {
return e.preventDefault();
};
window.onselectstart = function (e) {
return e.preventDefault();
};
/* 존재하지 않는 문서 페이지의 '기록' 링크 삭제 */
if (mw.config.get('wgUserId') == null && document.querySelector('.plainlinks a')) {
document.querySelector('.plainlinks a').removeAttribute('href');
document.querySelector('.plainlinks a').classList.add('disable');
}
// 대문 공유 버튼
var sharebox = document.querySelector('.wikishare_toolbox');
if (sharebox) {
sharebox.classList.add('a2a_kit_size_20');
sharebox.classList.add('a2a_kit');
var shares = ['Facebook', 'Twitter', 'Email', 'Line', 'Kakao', 'SMS'];
for (var i in shares) {
var elem = document.querySelector('[title="Share on ' + shares[i] + '"] a');
elem.href = '';
elem.classList.add('a2a_button_' + shares[i].toLowerCase());
}
document.querySelector('[title="Share on KakaoTalk"] a').href = '#';
document.querySelector('[title="Share on KakaoTalk"] a').removeAttribute('target');
var share_cdn = document.createElement('script');
share_cdn.src = 'https://static.addtoany.com/menu/page.js';
var kakao_cdn = document.createElement('script');
kakao_cdn.src = 'https://developers.kakao.com/sdk/js/kakao.min.js';
document.body.appendChild(share_cdn);
document.body.appendChild(kakao_cdn);
// 페이지 로딩 이후 초기화해야할 내용 정의
initScript();
function initScript() {
var retry = false;
// 카카오 링크 초기화
if (window.initKakaoLink != true) {
var $kakao = document.querySelector('[title="Share on KakaoTalk"]');
if (window.Kakao && $kakao) {
// 사용할 앱의 JavaScript 키를 설정해 주세요.
Kakao.init('132b053079230ffc0880fd0a8155f444');
$kakao.children[0].style.display = 'inline';
$kakao.onclick = sendScrap; // 카카오 Link 공유 API 사용
window.initKakaoLink = true;
} else retry = true;
}
// 링크 복사 초기화
if (window.initCopyLink != true) {
var $copy = document.querySelector('.wikishare_button_Copy');
if ($copy) {
$copy.style.display = 'inline';
$copy.addEventListener('click', function (e) {
copyStringToClipboard(decodeURI(location.href));
alert('링크를 클립보드에 저장했습니다.');
e.preventDefault();
});
window.initCopyLink = true;
} else retry = true;
}
// 애널리틱스
if (window.initWcs != true) {
if (window.wcs) {
wcs_do();
window.initWcs = true;
} else retry = true;
}
if (retry) setTimeout(initScript, 300);
}
}
// 문자열을 클립보드에 저장
function copyStringToClipboard(str) {
var el = document.createElement('textarea');
el.value = str;
el.setAttribute('readonly', '');
el.style = { position: 'absolute', left: '-9999px' };
document.body.appendChild(el);
el.select();
document.execCommand('copy');
document.body.removeChild(el);
}
function sendScrap() {
// 카카오 Link 공유 API 사용
Kakao.Link.sendScrap({
requestUrl: location.href,
templateId: 82911,
templateArgs: {
TITLE: og('title', '하나님의 교회 지식사전'),
DESC: og('description'),
THUMB: thumb(),
PAGE: path(),
},
});
function og(name, defaultVal) {
var $meta = document.querySelector('meta[property="og:' + name + '"]');
if ($meta) return $meta.getAttribute('content');
else return defaultVal ? defaultVal : '';
}
function thumb() {
var img = og('image');
if (!img) {
var $img = document.querySelector('img[src]');
if ($img) {
img = $img.src;
}
}
if (img.indexOf('http') != 0) img = location.origin + (img[0] == '/' ? img : '/' + img);
return img;
}
function path() {
if (location.pathname[0] == '/') return location.pathname.substring(1) + location.search;
else return location.pathname + location.search;
}
}
// 앨범 레이아웃 보정
updateAllAlbum();
window.addEventListener('load', updateAllAlbum);
window.addEventListener('resize', updateAllAlbum);
function updateAllAlbum() {
var $albums = document.querySelectorAll('.custom-album');
for (var i = 0; i < $albums.length; i++) {
updateAlbum($albums[i]);
}
}
function updateAlbum($elem) {
var lineMax = 3;
for (var i = 0; i < $elem.classList.length; i++) {
if ($elem.classList[i].indexOf('line-max-') == 0) {
lineMax = Number($elem.classList[i].replace('line-max-', ''));
}
}
var totalWidth = $elem.clientWidth;
if ($elem.children.length > 0) {
for (var i = $elem.children.length - 1; i >= 0; i--) {
if (!$elem.children[i].classList.contains('albumitem')) {
$elem.children[i].remove();
continue;
}
$elem.children[i].style.width = '';
$elem.children[i].style.height = '';
}
if (window.innerWidth < 720) return;
var lineTotalRatio = [];
for (var i = 0; i < $elem.children.length; i++) {
var lineIdx = Math.floor(i / lineMax);
var $img = $elem.children[i].querySelector('img');
if (!$img || $img.naturalWidth == 0) continue;
if (lineTotalRatio[lineIdx] == undefined) {
lineTotalRatio[lineIdx] = 0;
}
lineTotalRatio[lineIdx] += $img.naturalWidth / $img.naturalHeight;
}
for (var i = 0; i < $elem.children.length; i++) {
var totalRatio = lineTotalRatio[Math.floor(i / lineMax)];
var $img = $elem.children[i].querySelector('img');
if (!$img || $img.naturalWidth == 0) continue;
var ratio = $img.naturalWidth / $img.naturalHeight;
var width = (ratio / totalRatio) * (totalWidth - 6 * lineMax) + 6;
$elem.children[i].style.width = (width / totalWidth) * 100 + '%';
}
}
}
//넘겨주기 문서를 숨깁니다.
var $redirectList = document.querySelectorAll('.allpagesredirect')
for (var i=0; i < $redirectList.length; i++){
redirectList[i].style.display = 'none';
}
window.addEventListener('load', function(){
if(mw.user.getId() == 0){
var $tb = document.querySelector('.mw-portlet-tb');
if($tb) $tb.parentElement.removeChild($tb);
}
});