미디어위키: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 () {
    // 각 collapsible 테이블에 대해 작업 수행
    $('.mw-collapsible').each(function () {
        var $table = $(this);
        var $toggleButton = $table.find('.mw-collapsible-toggle'); // 상단의 기본 버튼 선택

        // 테이블 마지막 줄 뒤에 버튼을 추가
        $table.find('tbody').append('<tr><td colspan="100%" class="toggle-container"></td></tr>');
        $table.find('.toggle-container').append($toggleButton);

        // 테이블 기본 동작 설정 (펼치기/접기)
        $toggleButton.on('click', function () {
            if ($table.hasClass('mw-collapsed')) {
                $table.removeClass('mw-collapsed');
            } else {
                $table.addClass('mw-collapsed');
            }
        });
    });
});