MediaWiki:Common.js

Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

• Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
• Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
• Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
• Opera: Нажмите Ctrl+F5.

(() => {
    const root = document.getElementById('rs-server-status');

    if (!root) {
        return;
    }

    const onlineText = document.getElementById('rs-status-online');
    const stateText = document.getElementById('rs-status-state');
    const mapText = document.getElementById('rs-status-map');
    const presetText = document.getElementById('rs-status-preset');
    const playersText = document.getElementById('rs-status-players');
    const maxText = document.getElementById('rs-status-max');
    const fill = document.getElementById('rs-status-fill');

    function clampPercent(value) {
        if (!Number.isFinite(value)) {
            return 0;
        }
        if (value < 0) {
            return 0;
        }
        if (value > 100) {
            return 100;
        }
        return value;
    }

    function setOffline() {
        root.classList.remove('rs-home-status--online');
        root.classList.add('rs-home-status--offline');

        onlineText.textContent = 'Оффлайн';
        stateText.textContent = 'Недоступен';
        mapText.textContent = '—';
        presetText.textContent = '—';
        playersText.textContent = '0';
        maxText.textContent = '0';
        fill.style.width = '0%';
    }

    function setOnline(data) {
        root.classList.remove('rs-home-status--offline');
        root.classList.add('rs-home-status--online');

        const players = Number.isInteger(data.players) ? data.players : 0;
        const maxPlayers = Number.isInteger(data.soft_max_players) ? data.soft_max_players : 0;

        const map = (typeof data.map === 'string' && data.map.trim())
            ? data.map.trim()
            : '—';

        const preset = (typeof data.preset === 'string' && data.preset.trim())
            ? data.preset.trim()
            : '—';

        const inRound = map !== '—';
        const percent = maxPlayers > 0 ? clampPercent((players / maxPlayers) * 100) : 0;

        onlineText.textContent = 'Онлайн';
        stateText.textContent = inRound ? 'Идёт раунд' : 'Ожидание раунда';
        mapText.textContent = map;
        presetText.textContent = preset;
        playersText.textContent = String(players);
        maxText.textContent = String(maxPlayers);
        fill.style.width = percent.toFixed(0) + '%';
    }

    async function updateStatus() {
        try {
            const response = await fetch('/server-status', {
                cache: 'no-store',
                headers: {
                    'Accept': 'application/json'
                }
            });

            if (!response.ok) {
                throw new Error('HTTP ' + response.status);
            }

            const data = await response.json();
            setOnline(data);
        } catch (err) {
            console.warn('RedStar status update failed:', err);
            setOffline();
        }
    }

    updateStatus();
    window.setInterval(updateStatus, 30000);
})();