미디어위키: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 $content = $table.find('tbody');
        // 하단에 "펼치기/접기" 버튼 추가
        $content.after('<div class="custom-toggle">펼치기</div>');

        // 하단 버튼 클릭 시 접기/펼치기 동작
        $table.find('.custom-toggle').on('click', function () {
            if ($table.hasClass('mw-collapsed')) {
                $(this).text('접기');
                $table.removeClass('mw-collapsed');
            } else {
                $(this).text('펼치기');
                $table.addClass('mw-collapsed');
            }
        });
    });
});