MediaWiki:Common.js: различия между версиями
Глобальная строка поиска Citizen |
Надёжная глобальная строка поиска |
||
| Строка 141: | Строка 141: | ||
window.setInterval(updateRoundTime, 1000); | window.setInterval(updateRoundTime, 1000); | ||
})(); | })(); | ||
/* RedStar global search bar */ | /* RedStar global search bar */ | ||
(() => { | document.addEventListener('DOMContentLoaded', () => { | ||
if (document.querySelector('.rs-global-search')) { | |||
return; | |||
} | |||
const headerInner = document.querySelector('.citizen-header__inner'); | |||
const headerStart = document.querySelector('.citizen-header__start'); | |||
const nativeSearch = document.getElementById('citizen-search-summary'); | |||
if (!headerInner || !headerStart || !nativeSearch) { | |||
return; | return; | ||
} | } | ||
const search = document.createElement('button'); | const search = document.createElement('button'); | ||
search.type = 'button'; | search.type = 'button'; | ||
search.className = 'rs-global-search | search.className = 'rs-global-search'; | ||
search.setAttribute('aria-label', 'Поиск по Красной Звезде'); | search.setAttribute('aria-label', 'Поиск по Красной Звезде'); | ||
search.innerHTML = | search.innerHTML = | ||
<span class="rs-global-search__icon" aria-hidden="true"> | '<span class="rs-global-search__icon" aria-hidden="true"></span>' + | ||
<span class="rs-global-search__text">Искать в Красной Звезде</span> | '<span class="rs-global-search__text">Искать в Красной Звезде</span>'; | ||
search.addEventListener('click', () => { | |||
nativeSearch.click(); | |||
}); | |||
headerStart.insertAdjacentElement('afterend', search); | |||
}); | |||
Версия от 15:46, 29 сентября 2026
(() => {
const root = document.getElementById('rs-server-status');
if (!root) {
return;
}
const state = document.getElementById('rs-status-state');
const map = document.getElementById('rs-status-map');
const time = document.getElementById('rs-status-time');
const preset = document.getElementById('rs-status-preset');
const players = document.getElementById('rs-status-players');
const maxPlayers = document.getElementById('rs-status-max');
let roundStart = null;
let runLevel = 0;
function formatDuration(milliseconds) {
if (!Number.isFinite(milliseconds) || milliseconds < 0) {
return '—';
}
const totalMinutes = Math.floor(milliseconds / 60000);
const hours = Math.floor(totalMinutes / 60);
const minutes = totalMinutes % 60;
if (hours > 0) {
return `${hours} ч ${minutes} мин`;
}
return `${minutes} мин`;
}
function updateRoundTime() {
if (runLevel !== 1 || roundStart === null) {
time.textContent = '—';
return;
}
time.textContent = formatDuration(Date.now() - roundStart);
}
function setOffline() {
root.classList.add('rs-home-status--offline');
state.textContent = 'Сервер недоступен';
map.textContent = '—';
time.textContent = '—';
preset.textContent = '—';
players.textContent = '0';
maxPlayers.textContent = '0';
roundStart = null;
runLevel = 0;
}
function setOnline(data) {
root.classList.remove('rs-home-status--offline');
const currentPlayers =
Number.isInteger(data.players)
? data.players
: 0;
const maximum =
Number.isInteger(data.soft_max_players)
? data.soft_max_players
: 0;
runLevel =
Number.isInteger(data.run_level)
? data.run_level
: 0;
switch (runLevel) {
case 1:
state.textContent = 'Идёт раунд';
break;
case 2:
state.textContent = 'Раунд завершён';
break;
default:
state.textContent = 'Ожидание раунда';
break;
}
if (runLevel === 0) {
map.textContent = '—';
} else {
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(maximum);
if (
runLevel === 1 &&
typeof data.round_start_time === 'string' &&
data.round_start_time.length > 0
) {
const parsed = Date.parse(data.round_start_time);
roundStart = Number.isNaN(parsed) ? null : parsed;
} else {
roundStart = null;
}
updateRoundTime();
}
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 (error) {
console.warn('RedStar server status unavailable:', error);
setOffline();
}
}
updateStatus();
window.setInterval(updateStatus, 30000);
window.setInterval(updateRoundTime, 1000);
})();
/* RedStar global search bar */
document.addEventListener('DOMContentLoaded', () => {
if (document.querySelector('.rs-global-search')) {
return;
}
const headerInner = document.querySelector('.citizen-header__inner');
const headerStart = document.querySelector('.citizen-header__start');
const nativeSearch = document.getElementById('citizen-search-summary');
if (!headerInner || !headerStart || !nativeSearch) {
return;
}
const search = document.createElement('button');
search.type = 'button';
search.className = 'rs-global-search';
search.setAttribute('aria-label', 'Поиск по Красной Звезде');
search.innerHTML =
'<span class="rs-global-search__icon" aria-hidden="true"></span>' +
'<span class="rs-global-search__text">Искать в Красной Звезде</span>';
search.addEventListener('click', () => {
nativeSearch.click();
});
headerStart.insertAdjacentElement('afterend', search);
});