미디어위키: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'); // 접기/펼치기 버튼 선택

        // 버튼을 테이블 마지막에 있는 .collapsible-footer로 이동
        var $footer = $table.find('.collapsible-footer');
        $toggleButton.appendTo($footer);

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

        // 초기 상태에서 버튼 텍스트 설정
        if ($table.hasClass('mw-collapsed')) {
            $toggleButton.text('펼치기');
        } else {
            $toggleButton.text('접기');
        }
    });
});