미디어위키:Common.js

/**
 * 이 스크립트는 위키백과 전체에 적용됩니다. 고칠 때는 주의해주세요.
 * [[위키백과:위키프로젝트 시스템]] 참고
 *
 * 스크립트를 넣을 때는 충분한 설명, 출처를 넣어주세요! 이후 관리가 어려워집니다.
 **/

mw.loader.using( ['mediawiki.util', 'mediawiki.notify', 'jquery.client'], function () {
/* Begin of mw.loader.using callback */

/**
 * Map addPortletLink to mw.util 
 *
 * @deprecated: Use mw.util.addPortletLink instead.
 */
mw.log.deprecate( window, 'addPortletLink', mw.util.addPortletLink,
 'Use mw.util.addPortletLink instead' );
 
/**
 * Extract a URL parameter from the current URL
 *
 * @deprecated: Use mw.util.getParamValue with proper escaping
 */
mw.log.deprecate( window, 'getURLParamValue', mw.util.getParamValue, 'Use mw.util.getParamValue instead' );
 
/** 
 * Test if an element has a certain class
 *
 * @deprecated:  Use $(element).hasClass() instead.
 */
mw.log.deprecate( window, 'hasClass', function ( element, className ) {
    return $( element ).hasClass( className );
}, 'Use jQuery.hasClass() instead' );
 
/**
 * @source www.mediawiki.org/wiki/Snippets/Load_JS_and_CSS_by_URL
 * @rev 5
 */
// CSS
var extraCSS = mw.util.getParamValue( 'withCSS' );
if ( extraCSS ) {
	if ( extraCSS.match( /^MediaWiki:[^&<>=%#]*\.css$/ ) ) {
		importStylesheet( extraCSS );
	} else {
		mw.notify( 'Only pages from the MediaWiki namespace are allowed.', { title: 'Invalid withCSS value' } );
	}
}
 
// JS
var extraJS = mw.util.getParamValue( 'withJS' );
if ( extraJS ) {
	if ( extraJS.match( /^MediaWiki:[^&<>=%#]*\.js$/ ) ) {
		importScript( extraJS );
	} else {
		mw.notify( 'Only pages from the MediaWiki namespace are allowed.', { title: 'Invalid withJS value' } );
	}
}
 

/**
 * Import more specific scripts if necessary
 */

if ( mw.config.get( 'wgNamespaceNumber' ) === 6 ) {
    /* file description page scripts */
    importScript( 'MediaWiki:Common.js/file.js' );
}

/* ([[위키백과:관리자 요청/2007년 5월#스크립트 추가 요청]]) */
/** Collapsible tables *********************************************************
 *
 *  Description: Allows tables to be collapsed, showing only the header. See
 *               [[:en:Wikipedia:NavFrame]].
 *  Maintainers: [[:en:User:R. Koot]]
 */
 
var autoCollapse = 2;
var collapseCaption = '숨기기';
var expandCaption = '보이기';

window.collapseTable = function ( tableIndex ) {
    var Button = document.getElementById( 'collapseButton' + tableIndex );
    var Table = document.getElementById( 'collapsibleTable' + tableIndex );

    if ( !Table || !Button ) {
        return false;
    }

    var Rows = Table.rows;
    var i;

    if ( Button.firstChild.data === collapseCaption ) {
        for ( i = 1; i < Rows.length; i++ ) {
            Rows[i].style.display = 'none';
        }
        Button.firstChild.data = expandCaption;
    } else {
        for ( i = 1; i < Rows.length; i++ ) {
            Rows[i].style.display = Rows[0].style.display;
        }
        Button.firstChild.data = collapseCaption;
    }
};

function createCollapseButtons() {
    var tableIndex = 0;
    var NavigationBoxes = {};
    var Tables = document.getElementsByTagName( 'table' );
    var i;

    function handleButtonLink( index, e ) {
        window.collapseTable( index );
        e.preventDefault();
    }

    for ( i = 0; i < Tables.length; i++ ) {
        if ( $( Tables[i] ).hasClass( 'collapsible' ) ) {

            /* only add button and increment count if there is a header row to work with */
            var HeaderRow = Tables[i].getElementsByTagName( 'tr' )[0];
            if ( !HeaderRow ) continue;
            var Header = HeaderRow.getElementsByTagName( 'th' )[0];
            if ( !Header ) continue;

            NavigationBoxes[ tableIndex ] = Tables[i];
            Tables[i].setAttribute( 'id', 'collapsibleTable' + tableIndex );

            var Button     = document.createElement( 'span' );
            var ButtonLink = document.createElement( 'a' );
            var ButtonText = document.createTextNode( collapseCaption );

            Button.className = 'collapseButton';  /* Styles are declared in Common.css */

            ButtonLink.style.color = Header.style.color;
            ButtonLink.setAttribute( 'id', 'collapseButton' + tableIndex );
            ButtonLink.setAttribute( 'href', '#' );
            $( ButtonLink ).on( 'click', $.proxy( handleButtonLink, ButtonLink, tableIndex ) );
            ButtonLink.appendChild( ButtonText );

            Button.appendChild( document.createTextNode( '[' ) );
            Button.appendChild( ButtonLink );
            Button.appendChild( document.createTextNode( ']' ) );

            Header.insertBefore( Button, Header.firstChild );
            tableIndex++;
        }
    }

    for ( i = 0;  i < tableIndex; i++ ) {
        if ( $( NavigationBoxes[i] ).hasClass( 'collapsed' ) || ( tableIndex >= autoCollapse && $( NavigationBoxes[i] ).hasClass( 'autocollapse' ) ) ) {
            window.collapseTable( i );
        } 
        else if ( $( NavigationBoxes[i] ).hasClass ( 'innercollapse' ) ) {
            var element = NavigationBoxes[i];
            while ((element = element.parentNode)) {
                if ( $( element ).hasClass( 'outercollapse' ) ) {
                    window.collapseTable ( i );
                    break;
                }
            }
        }
    }
}

mw.hook( 'wikipage.content' ).add( createCollapseButtons );

/* ([[위키백과:관리자 요청/2007년 5월#스크립트 추가 요청]]) */
/** Dynamic Navigation Bars (experimental) *************************************
 *
 *  Description: See [[:en:Wikipedia:NavFrame]].
 *  Maintainers: UNMAINTAINED
 */
 
// set up the words in your language
/* set up the words in your language */
var NavigationBarHide = '[' + collapseCaption + ']';
var NavigationBarShow = '[' + expandCaption + ']';

/**
 * Shows and hides content and picture (if available) of navigation bars
 * Parameters:
 *     indexNavigationBar: the index of navigation bar to be toggled
 **/
window.toggleNavigationBar = function ( indexNavigationBar, event ) {
    var NavToggle = document.getElementById( 'NavToggle' + indexNavigationBar );
    var NavFrame = document.getElementById( 'NavFrame' + indexNavigationBar );
    var NavChild;

    if ( !NavFrame || !NavToggle ) {
        return false;
    }

    /* if shown now */
    if ( NavToggle.firstChild.data === NavigationBarHide ) {
        for ( NavChild = NavFrame.firstChild; NavChild !== null; NavChild = NavChild.nextSibling ) {
            if ( $( NavChild ).hasClass( 'NavContent' ) || $( NavChild ).hasClass( 'NavPic' ) ) {
                NavChild.style.display = 'none';
            }
        }
    NavToggle.firstChild.data = NavigationBarShow;

    /* if hidden now */
    } else if ( NavToggle.firstChild.data === NavigationBarShow ) {
        for ( NavChild = NavFrame.firstChild; NavChild !== null; NavChild = NavChild.nextSibling ) {
            if ( $( NavChild ).hasClass( 'NavContent' ) || $( NavChild ).hasClass( 'NavPic' ) ) {
                NavChild.style.display = 'block';
            }
        }
        NavToggle.firstChild.data = NavigationBarHide;
    }

    event.preventDefault();
};

/* adds show/hide-button to navigation bars */
function createNavigationBarToggleButton() {
    var indexNavigationBar = 0;
    var NavFrame;
    var NavChild;
    /* iterate over all < div >-elements */
    var divs = document.getElementsByTagName( 'div' );
    for ( var i = 0; (NavFrame = divs[i]); i++ ) {
        /* if found a navigation bar */
        if ( $( NavFrame ).hasClass( 'NavFrame' ) ) {

            indexNavigationBar++;
            var NavToggle = document.createElement( 'a' );
            NavToggle.className = 'NavToggle';
            NavToggle.setAttribute( 'id', 'NavToggle' + indexNavigationBar );
            NavToggle.setAttribute( 'href', '#' );
            $( NavToggle ).on( 'click', $.proxy( window.toggleNavigationBar, window, indexNavigationBar ) );

            var isCollapsed = $( NavFrame ).hasClass( 'collapsed' );
            /**
             * Check if any children are already hidden.  This loop is here for backwards compatibility:
             * the old way of making NavFrames start out collapsed was to manually add style="display:none"
             * to all the NavPic/NavContent elements.  Since this was bad for accessibility (no way to make
             * the content visible without JavaScript support), the new recommended way is to add the class
             * "collapsed" to the NavFrame itself, just like with collapsible tables.
             */
            for ( NavChild = NavFrame.firstChild; NavChild != null && !isCollapsed; NavChild = NavChild.nextSibling ) {
                if ( $( NavChild ).hasClass( 'NavPic' ) || $( NavChild ).hasClass( 'NavContent' ) ) {
                    if ( NavChild.style.display === 'none' ) {
                        isCollapsed = true;
                    }
                }
            }
            if ( isCollapsed ) {
                for ( NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling ) {
                    if ( $( NavChild ).hasClass( 'NavPic' ) || $( NavChild ).hasClass( 'NavContent' ) ) {
                        NavChild.style.display = 'none';
                    }
                }
            }
            var NavToggleText = document.createTextNode( isCollapsed ? NavigationBarShow : NavigationBarHide );
            NavToggle.appendChild( NavToggleText );

            /* Find the NavHead and attach the toggle link (Must be this complicated because Moz's firstChild handling is borked) */
            for( var j = 0; j < NavFrame.childNodes.length; j++ ) {
                if ( $( NavFrame.childNodes[j] ).hasClass( 'NavHead' ) ) {
                    NavToggle.style.color = NavFrame.childNodes[j].style.color;
                    NavFrame.childNodes[j].appendChild( NavToggle );
                }
            }
            NavFrame.setAttribute( 'id', 'NavFrame' + indexNavigationBar );
        }
    }
}

mw.hook( 'wikipage.content' ).add( createNavigationBarToggleButton );

/***** 그림 정보 틀을 자동으로 불러옴 ********
 * Adds a link to subpages of current page
 * from commons.wikimedia.org
 *  Maintainers: [[User:Yonidebest]], [[User:Dschwen]]
 *  [[사용자:Kwj2772]]가 수정
 *  JSconfig items: bool 'loadAutoInformationTemplate'
 *                       (true=enabled (default), false=disabled)
 * JSConfig를 사용하지 않도록 수정함. --[[사용자:Klutzy|klutzy]] ([[사용자토론:Klutzy|토론]]) 2009년 9월 27일 (일) 20:33 (KST)
 ****/
/**
 * 파일 라이선스 체계화 150726 - 리브레위키
 */
if (mw.config.get( 'wgCanonicalSpecialPageName' ) == 'Upload') {
  mw.loader.load( '/index.php?title=MediaWiki:Upload.js&action=raw&ctype=text/javascript');
  mw.loader.load( '/index.php?title=MediaWiki:UploadForm.js&action=raw&ctype=text/javascript');
}

/* 인터랙티브 지도. 영어 위키백과에서 가져옴. -- [[사용자:ChongDae]] 2010년 3월 28일 (일) 02:08 (KST) */
/**
 * WikiMiniAtlas
 *
 * Description: WikiMiniAtlas is a popup click and drag world map.
 *              This script causes all of our coordinate links to display the WikiMiniAtlas popup button.
 *              The script itself is located on meta because it is used by many projects.
 *              See [[Meta:WikiMiniAtlas]] for more information. 
 * Maintainers: [[User:Dschwen]]
 */
( function () {
    var require_wikiminiatlas = false;
    var coord_filter = /geohack/;
    $( function () {
        $( 'a.external.text' ).each( function( key, link ) {
            if ( link.href && coord_filter.exec( link.href ) ) {
                require_wikiminiatlas = true;
                // break from loop
                return false;
            }
        } );
        if ( $( 'div.kmldata' ).length ) {
            require_wikiminiatlas = true;
        }
        if ( require_wikiminiatlas ) {
            mw.loader.load( '//meta.wikimedia.org/w/index.php?title=MediaWiki:Wikiminiatlas.js&action=raw&ctype=text/javascript' );
        }
    } );
} )();

/**
 * Fix for Windows XP Unicode font rendering
 */
if ( navigator.appVersion.search(/windows nt 5/i) !== -1 ) {
    mw.util.addCSS( '.IPA { font-family: "Lucida Sans Unicode", "Arial Unicode MS"; } ' + 
                '.Unicode { font-family: "Arial Unicode MS", "Lucida Sans Unicode"; } ' );
}

/**
 * 편집 안내 ****************************************************
 *
 * 생존 인물에 대한 편집 안내. 영어 위키백과에서 가져옴 - ChongDae
 * Maintainers: [[User:RockMFR]]
 */
function addEditIntro( name ) {
    $( '.mw-editsection, #ca-edit' ).find( 'a' ).each( function ( i, el ) {
        el.href = $( this ).attr( 'href' ) + '&editintro=' + name;
    } );
}

if ( mw.config.get( 'wgNamespaceNumber' ) === 0 ) {
    $( function () {
        var cats = mw.config.get('wgCategories');
        if ( !cats ) {
            return;
        }
        if ( $.inArray( '살아있는 사람', cats ) !== -1 || $.inArray( '생사 불명', cats ) !== -1 ) {
            addEditIntro( '틀:BLP_편집_안내' );
        }
    } );
}

/* End of mw.loader.using callback */
} );
/* DO NOT ADD CODE BELOW THIS LINE */



$(function () {
if (/^(edit|submit)$/.test(mw.config.get('wgAction'))) {
	var eForm = document.getElementById('editform');
	if (!eForm) return;
	var eTools = eForm.getElementsByClassName('mw-editTools')[0]; // DIV
	var eOptions = eForm.getElementsByClassName('editOptions')[0]; // DIV
	if (!eTools || !eOptions) return mw.log(eTools, eForm, eOptions);
	eForm.insertBefore(eTools, eOptions);
}
});

/**
 * Auto-number headings
 *
 * @source https://www.mediawiki.org/wiki/Snippets/Auto-number_headings
 * @author Krinkle
 * @version 2021-10-03
 */
var toc = document.querySelector('#toc');
if (toc) {
  document.querySelectorAll('.mw-parser-output :is(h1,h2,h3,h4,h5,h6) .mw-headline').forEach(function (headline) {
    var num = toc.querySelector('a[href="#' + CSS.escape(headline.id) + '"] .tocnumber');
    if (num) headline.prepend(num.textContent + ' ');
  });
} else {
  document.body.classList.add('tpl-autonum');
}


/* nav bar 속성 */
var last_top = 0;
$(window).scroll(function() {
  var this_top = $(this).scrollTop();
  if( this_top > last_top ) {
    $(".nav-wrapper.navbar-fixed-top").addClass("hide");
  }
  else {
    $(".nav-wrapper.navbar-fixed-top").removeClass("hide");
  }
	last_top = this_top;  
});

/* 케이 펼접 */
document.querySelectorAll(".fold-button").forEach(function(button) {
    var targetId = button.getAttribute("data-target");
    var content = document.getElementById(targetId);

    if (!content) return;

    var opened = false;
    var duration = 350;

    function measureHeight(element) {
        var height = element.style.height;
        var transition = element.style.transition;

        element.style.transition = "none";
        element.style.height = "auto";

        var naturalHeight = element.scrollHeight;

        element.style.height = height;
        element.style.transition = transition;

        return naturalHeight;
    }

    function updateParents() {
        var parent = content.parentElement.closest(".fold-content");

        while (parent) {
            if (parent.style.height !== "0px") {
                parent.style.height = measureHeight(parent) + "px";
            }

            parent = parent.parentElement.closest(".fold-content");
        }
    }

    function animateParents() {
        var start = performance.now();

        function frame(time) {
            updateParents();

            if (time - start < duration) {
                requestAnimationFrame(frame);
            }
        }

        requestAnimationFrame(frame);
    }

    button.addEventListener("click", function() {
        if (!opened) {
            content.style.height = "0px";
            content.style.opacity = "0";

            content.classList.add("open");
            button.classList.add("open");

            var targetHeight = measureHeight(content);

            requestAnimationFrame(function() {
                content.style.height = targetHeight + "px";
                content.style.opacity = "1";

                animateParents();
            });

            opened = true;
        } else {
            var currentHeight = content.scrollHeight;

            content.style.height = currentHeight + "px";

            content.classList.remove("open");
            button.classList.remove("open");

            requestAnimationFrame(function() {
                content.style.height = "0px";
                content.style.opacity = "0";

                animateParents();
            });

            opened = false;
        }
    });
});
/* ===== 대문 슬라이더 ([[틀:대문 슬라이더]]) ===== */
( function () {
	function init( root ) {
		var tabs = [].slice.call( root.querySelectorAll( '.wikis-slider-tab' ) );
		var panels = [].slice.call( root.querySelectorAll( '.wikis-slider-panel' ) );
		if ( !tabs.length || !panels.length ) {
			return;
		}
		var toggle = root.querySelector( '.wikis-slider-toggle' );
		var delay = parseInt( root.getAttribute( 'data-interval' ), 10 ) || 5000;
		var index = 0;
		var timer = null;
		var playing = false;

		function show( i ) {
			index = ( i % panels.length + panels.length ) % panels.length;
			tabs.forEach( function ( t, n ) {
				var on = ( n === index );
				t.classList.toggle( 'is-active', on );
				t.setAttribute( 'aria-selected', on ? 'true' : 'false' );
				t.setAttribute( 'tabindex', on ? '0' : '-1' );
			} );
			panels.forEach( function ( p, n ) {
				p.classList.toggle( 'is-active', n === index );
			} );
		}
		function stop() {
			if ( timer ) {
				clearInterval( timer );
				timer = null;
			}
		}
		function start() {
			stop();
			if ( panels.length > 1 ) {
				timer = setInterval( function () {
					show( index + 1 );
				}, delay );
			}
		}
		function setPlaying( on ) {
			playing = on;
			if ( toggle ) {
				toggle.classList.toggle( 'is-paused', !on );
				toggle.setAttribute( 'title', on ? '자동 넘김 멈춤' : '자동 넘김 시작' );
				toggle.setAttribute( 'aria-label', on ? '자동 넘김 멈춤' : '자동 넘김 시작' );
			}
			if ( on ) {
				start();
			} else {
				stop();
			}
		}

		tabs.forEach( function ( t, n ) {
			t.setAttribute( 'role', 'tab' );
			t.setAttribute( 'tabindex', '-1' );
			t.addEventListener( 'click', function () {
				show( n );
				if ( playing ) {
					start();
				}
			} );
			t.addEventListener( 'keydown', function ( e ) {
				if ( e.key === 'Enter' || e.key === ' ' ) {
					e.preventDefault();
					show( n );
					if ( playing ) {
						start();
					}
				} else if ( e.key === 'ArrowRight' || e.key === 'ArrowLeft' ) {
					e.preventDefault();
					show( index + ( e.key === 'ArrowRight' ? 1 : -1 ) );
					tabs[ index ].focus();
					if ( playing ) {
						start();
					}
				}
			} );
		} );

		if ( toggle ) {
			toggle.setAttribute( 'role', 'button' );
			toggle.setAttribute( 'tabindex', '0' );
			toggle.addEventListener( 'click', function () {
				setPlaying( !playing );
			} );
			toggle.addEventListener( 'keydown', function ( e ) {
				if ( e.key === 'Enter' || e.key === ' ' ) {
					e.preventDefault();
					setPlaying( !playing );
				}
			} );
		}

		// 마우스를 올려 두는 동안은 멈춘다 (멈춤 단추를 누른 상태는 그대로)
		root.addEventListener( 'mouseenter', function () {
			if ( playing ) {
				stop();
			}
		} );
		root.addEventListener( 'mouseleave', function () {
			if ( playing ) {
				start();
			}
		} );

		// 손가락으로 쓸어 넘기기
		var x0 = null;
		root.addEventListener( 'touchstart', function ( e ) {
			x0 = e.touches[ 0 ].clientX;
		}, { passive: true } );
		root.addEventListener( 'touchend', function ( e ) {
			if ( x0 === null ) {
				return;
			}
			var dx = e.changedTouches[ 0 ].clientX - x0;
			x0 = null;
			if ( Math.abs( dx ) > 40 ) {
				show( index + ( dx < 0 ? 1 : -1 ) );
				if ( playing ) {
					start();
				}
			}
		}, { passive: true } );

		root.classList.add( 'is-ready' );
		var list = root.querySelector( '.wikis-slider-tablist' );
		if ( list ) {
			list.setAttribute( 'role', 'tablist' );
		}
		show( 0 );
		setPlaying( panels.length > 1 );
	}

	function run() {
		[].forEach.call( document.querySelectorAll( '.wikis-slider' ), function ( r ) {
			if ( !r.classList.contains( 'is-ready' ) ) {
				init( r );
			}
		} );
	}

	if ( document.readyState === 'loading' ) {
		document.addEventListener( 'DOMContentLoaded', run );
	} else {
		run();
	}
	if ( window.mw && mw.hook ) {
		mw.hook( 'wikipage.content' ).add( run );
	}
}() );
/* ===== 대문에서만: 문서 도구(편집·토론·기록·공유)를 본문 맨 아래로 ===== */
( function () {
	function move() {
		if ( !window.mw || !mw.config ) {
			return;
		}
		if ( mw.config.get( 'wgPageName' ) !== '대문' || mw.config.get( 'wgAction' ) !== 'view' ) {
			return;
		}
		var tools = document.querySelector( '.liberty-content-header > .content-tools' );
		var wrap = document.querySelector( '.liberty-content-main' ) || document.querySelector( '.container-fluid.liberty-content' );
		if ( !tools || !wrap ) {
			return;
		}
		tools.classList.add( 'wikis-tools-bottom' );
		wrap.appendChild( tools );
	}
	if ( document.readyState === 'loading' ) {
		document.addEventListener( 'DOMContentLoaded', move );
	} else {
		move();
	}
}() );