미디어위키:Common.js

/* 이 자바스크립트 설정은 모든 문서, 모든 사용자에게 적용됩니다. */
document.addEventListener("DOMContentLoaded", function() {
    const logos = document.querySelectorAll('.mw-logo-icon');
    if (logos.length > 0) {
        const htmlElement = document.documentElement;
        const isDarkMode = htmlElement.classList.contains('skin-citizen-dark');

        logos.forEach(logo => {
            if (isDarkMode) {
                // 다크 모드인 경우 _white.png로 사용
                logo.src = logo.src.replace('_black.png', '_white.png');
            } else {
                // 라이트 모드인 경우 _black.png로 사용
                logo.src = logo.src.replace('_white.png', '_black.png');
            }
        });
    }
});
// 페이지 로드 후 실행
$(document).ready(function() {
    // 모든 mw-collapsible 클래스를 가진 테이블에 대해 접기 기능을 활성화
    $('.mw-collapsible').each(function() {
        var $table = $(this);
        
        // 미디어위키 기본 접기/펼치기 기능 활성화
        $table.makeCollapsible();

        // 접기/펼치기 버튼이 제대로 작동하지 않을 때를 위한 수동 토글 버튼 추가
        var $toggleButton = $('<a href="javascript:void(0)" class="toggleLink">[ 펼치기 · 접기 ]</a>');
        
        // 버튼 클릭 시 접기/펼치기 동작 설정
        $toggleButton.on('click', function() {
            var $content = $table.find('.mw-collapsible-content');
            
            // 콘텐츠가 보이는 상태인지 확인하고, 상태에 따라 텍스트 변경
            if ($content.is(':visible')) {
                $content.hide();
                $toggleButton.text('[ 펼치기 · 접기 ]');
            } else {
                $content.show();
                $toggleButton.text('[ 접기 ]');
            }
        });

        // 테이블 앞에 토글 버튼 삽입
        $table.before($toggleButton);
    });
});