미디어위키:Gadget-autonum.js

참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.

• 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
• 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
• 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.

/**
 * Auto-number headings
 *
 * @source https://www.mediawiki.org/wiki/Snippets/Auto-number_headings
 * @author Krinkle
 * @version 2024-07-28
 */
var toc = document.querySelector('#toc');
if (toc) {
  document.body.classList.add('tpl-autonum-attr');
  // Support legacy Parser: <h2><span class=mw-headline id=…>
  // Support Parsoid: <section><div class=mw-heading><h2 id…>
  document.querySelectorAll('.mw-parser-output :is(h1,h2,h3,h4,h5,h6) .mw-headline[id], .mw-parser-output .mw-heading [id]:is(h1,h2,h3,h4,h5,h6)').forEach(function (headline) {
    var num = toc.querySelector('a[href="#' + CSS.escape(headline.id) + '"] .tocnumber');
    if (num) headline.setAttribute('data-autonum', num.textContent);
  });
} else {
  document.body.classList.add('tpl-autonum');
}

mw.loader.using(['mediawiki.util'], function () {
    $(function () {
        // 검색 특별 문서에서만 동작
        if (mw.config.get('wgCanonicalSpecialPageName') !== 'Search') {
            return;
        }

        var $results = $('.searchresults');
        if (!$results.length) {
            return;
        }

        // OOUI 검색 입력창 (#ooui-php-1)에서 검색어 가져오기
        var $input = $('#ooui-php-1');
        if (!$input.length) {
            return;
        }

        var title = $.trim($input.val());
        if (!title) {
            return;
        }

        // 해당 제목 문서의 URL
        var url = mw.util.getUrl(title);

        // 박스 생성
        var $box = $('<div>')
            .addClass('mw-search-go-box')
            .css({
                'border': '1px solid var(--border)',
                'padding': '0.75em 1em',
                'margin-bottom': '1em',
                'background': 'var(--altbg)',
                'color': 'var(--text)',
                'border-radius': '0.5rem',
                'display': 'flex',
                'justify-content': 'space-between',
                'align-content': 'baseline'
            });

        // 설명 텍스트
        var $text = $('<div>')
            .text('찾는 문서가 없나요? 문서로 바로 갈 수 있습니다.')
                     .css({
            	'padding':'4px',
            	'display': 'inline-block',
            	'margin-top': 'auto',
            	'margin-bottom': 'auto'
            });

        // 링크
        var $link = $('<a>')
            .attr('href', url)
            .text('"' + title + '" 문서')
            .css({
            	'padding':'4px',
            });

        // 버튼
        var $button = $('<button>')
            .text("'" + title + "'" + ' 문서로 가기')
            .css({
                'margin-left': '0.75em',
                'cursor': 'pointer',
                'background': 'var(--bg)',
                'color': 'var(--text)',
                'border-radius': '0.5rem',
                'text-align': 'right',
                'border': '1px solid var(--border)',
            })
            .on('click', function () {
                location.href = url;
            });

        // 조립
        $box.append($text, $button);

        // .searchresults 위에 삽입
        $results.first().before($box);
    });
});