Vložení

Widget pro sledování serveru

Vlož jeden tag <script> na svůj komunitní web, fórum nebo Wordpress stránku. Widget cykluje tvými servery jako živý karusel, každých 30 sekund stahuje hostname, aktuální mapu, počet hráčů a vlajku země z boost.warzonecs.com.

Živý náhled — jeden server

S jednou adresou widget vykreslí jednu statickou kartu — bez ovládání karuselu. Pravý náhled předá data-lang="lt", takže popisky tlačítek (Connect, Donate, Boost, Copy address atd.) přijdou v litevštině.

Široký, anglicky (výchozí)

Široký, litevsky

Úzký (skládané rozložení)

Živý náhled — více serverů

Se dvěma nebo více adresami widget přidá pod kartu ovládání karuselu a každých šest sekund automaticky posouvá. Uživatelé mohou přepínat i šipkami ‹ a › nebo klepnutím na tečky.

Široký (řádkové rozložení)

Úzký (skládané rozložení)

Kód ke zkopírování

<div id="wzcs-monitor" style="width: 820px; max-width: 100%;"></div>
<script src="https://boost.warzonecs.com/js/embed/monitor.js"
        data-servers="91.211.247.155:27015"
        data-target="#wzcs-monitor"
        data-lang="cs"
        async></script>

Widget vyplní šířku svého kontejneru a nad 720 px přepne na vodorovné řádkové rozložení. Zabal ho do prvku pevné šířky, abys ovládal rozvržení. Změň data-lang na kterýkoli podporovaný kód (viz tabulka voleb níže), abys lokalizoval popisky tlačítek a nápovědy.

Volby

Atribut	Povinné	Výchozí	Popis
data-servers	Ano	—	Seznam `ip:port` oddělený čárkami. Max. 12 serverů.
data-target	Ne	(inline)	CSS selektor prvku pro vykreslení. Vynech, aby se vložilo vedle tagu script.
data-interval	Ne	30	Interval aktualizace v sekundách (minimum 15).
data-cycle	Ne	6	Automatický posun karuselu v sekundách. Nastav `0` pro vypnutí.
data-lang	Ne	en	Jazyk rozhraní. Podporované: `en`, `ru`, `pl`, `lt`, `de`, `fr`, `es`, `tr`, `cs`, `pt`, `ro`. Neznámé hodnoty se vrátí na angličtinu.

Motiv

Přepiš jakoukoli CSS custom property na .wzcs-monitor ve vlastním stylu — projeví se okamžitě, bez zásahu do kódu widgetu.

.wzcs-monitor {
    --wzcs-neutral-900-60: #0a0e1a;
    --wzcs-brand-500: #22d3ee;
    --wzcs-radius-xl: 4px;
    --wzcs-font: "Fira Sans", sans-serif;
}

Kompletní seznam tokenů je zdokumentován na začátku /js/embed/monitor.js — neutrální paleta, brand oranžová, smaragdová, růžová, jantarová, plus --wzcs-radius-* a --wzcs-font{,-mono}.