MediaWiki:Common.js: различия между версиями

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

    if (!root) {
        return;
    }

    const online = document.getElementById('rs-status-online');
    const state = document.getElementById('rs-status-state');
    const map = document.getElementById('rs-status-map');
    const preset = document.getElementById('rs-status-preset');
    const players = document.getElementById('rs-status-players');
    const maxPlayers = document.getElementById('rs-status-max');
    const fill = document.getElementById('rs-status-fill');

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

        online.textContent = 'Оффлайн';
        state.textContent = 'Сервер недоступен';
        map.textContent = '—';
        preset.textContent = '—';
        players.textContent = '0';
        maxPlayers.textContent = '0';
        fill.style.width = '0%';
    }

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

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

        online.textContent = 'Онлайн';

        if (data.run_level === 2) {
            state.textContent = 'Идёт раунд';
        } else {
            state.textContent = 'Ожидание раунда';
        }

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

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

        players.textContent = String(currentPlayers);
        maxPlayers.textContent = String(max);

        const percent = max > 0
            ? Math.min(100, Math.max(0, currentPlayers / max * 100))
            : 0;

        fill.style.width = percent.toFixed(0) + '%';
    }

    async function update() {
        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 (error) {
            console.warn('RedStar server status unavailable:', error);
            setOffline();
        }
    }

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