MediaWiki:Common.js: Różnice pomiędzy wersjami

Wersja z 22:19, 28 wrz 2025

/* Umieszczony tutaj kod JavaScript zostanie załadowany przez każdego użytkownika, podczas każdego ładowania strony. */

// Funkcja przełączania trybu ciemnego
function toggleDarkMode() {
    var body = document.body;
    var isDarkMode = body.classList.contains('dark-mode');
    
    if (isDarkMode) {
        body.classList.remove('dark-mode');
        localStorage.setItem('darkMode', 'disabled');
        updateToggleButton('🌙 Tryb ciemny');
    } else {
        body.classList.add('dark-mode');
        localStorage.setItem('darkMode', 'enabled');
        updateToggleButton('☀️ Tryb jasny');
    }
}

// Aktualizacja tekstu przycisku
function updateToggleButton(text) {
    var toggleButton = document.getElementById('dark-mode-toggle');
    if (toggleButton) {
        toggleButton.textContent = text;
    }
}

// Sprawdzenie zapisanego ustawienia
function checkSavedMode() {
    var savedMode = localStorage.getItem('darkMode');
    var body = document.body;
    var toggleButton = document.getElementById('dark-mode-toggle');
    
    if (savedMode === 'enabled') {
        body.classList.add('dark-mode');
        updateToggleButton('☀️ Tryb jasny');
    } else {
        updateToggleButton('🌙 Tryb ciemny');
    }
}

// Tworzenie przycisku
function createToggleButton() {
    // Sprawdź czy przycisk już istnieje
    if (document.getElementById('dark-mode-toggle')) {
        return;
    }
    
    var toggleButton = document.createElement('button');
    toggleButton.id = 'dark-mode-toggle';
    toggleButton.textContent = '🌙 Tryb ciemny';
    toggleButton.onclick = toggleDarkMode;
    
    // Dodaj style dla przycisku
    toggleButton.style.position = 'fixed';
    toggleButton.style.top = '10px';
    toggleButton.style.right = '10px';
    toggleButton.style.zIndex = '10000';
    toggleButton.style.background = 'var(--button-bg)';
    toggleButton.style.color = 'var(--text-color)';
    toggleButton.style.border = '1px solid var(--border-color)';
    toggleButton.style.padding = '5px 10px';
    toggleButton.style.cursor = 'pointer';
    toggleButton.style.borderRadius = '3px';
    toggleButton.style.fontSize = '12px';
    
    document.body.appendChild(toggleButton);
}

// Inicjalizacja po załadowaniu strony
mw.hook('wikipage.content').add(function() {
    createToggleButton();
    checkSavedMode();
});

// Alternatywna inicjalizacja dla starszych wersji MediaWiki
$(document).ready(function() {
    createToggleButton();
    checkSavedMode();
});