337db15d5b
The fleet has ~700 devices and no way to see them: the device console manages one machine from its own keyboard, and the question "which devices are installed, and which wave is each in" had no surface at all. This adds it as the first screen. Python standard library only -- http.server, html.escape, string.Template. No framework and no third-party import, because the fleet installs offline from a committed package pool that contains no web framework, so fastapi/uvicorn/flask would have made the panel uninstallable on the devices it manages. That was decided with the user over the FastAPI they first picked, and a test asserts it: the module imports only stdlib plus its own siblings. What it shows: the dark header with the target and the privilege level; a summary of counts by state with one loud figure; the device list with a state badge per row, monospace ids and hostnames so columns line up, non-ready devices sorted first, and a filter bar; the selected device's detail with its four-channel verification, since READY is refused until every channel is verified (docs/27). Nothing is colour-only: every badge carries its Turkish state word. Data has no live source yet, so a missing inventory file falls back to synthetic records that the page labels as demo in two places -- the panel never presents invented devices as real ones. Two defects found by reviewing a real render, both fixed here with a test that fails when the bug returns (proven by mutation: each assertion goes red against the reintroduced bug, green after): - --state-provisioned resolved to var(--info), and --info is --accent, so a KURULDU badge and the selected row were the same blue. The state now resolves to its own colour, and the test resolves var() aliases before comparing -- comparing the raw declarations does not detect this, which is how the first version of the test passed against the bug. - the wave cell printed the bare code and then a label that already contains it, so one device read "P2 P2 — PILOT-2". Each wave is named once, now. Also fixes two entries in docs/27 that had become untrue: it claimed a clone carries the packages and the installer downloads nothing, which stopped being the case when the pool moved to Git LFS and bf-bootstrap began cloning without smudge. The real flow -- light clone, payload from a local mirror or a targeted `git lfs pull` -- is documented instead. Tests: tests/test_web_static.py, 112 tests, collected by tests/run-all.sh (12/12 PASS overall).
85 lines
3.7 KiB
HTML
85 lines
3.7 KiB
HTML
<section class="about" data-region="about">
|
||
<h2 class="section-title">Hakkında ve durum</h2>
|
||
<p class="section-note">Bu sayfa panelin kendi sürümünü ve hangi veriyi gösterdiğini yazar; operatör neye baktığını tahmin etmez.</p>
|
||
|
||
<section class="card" data-region="about-panel">
|
||
<h3 class="subsection-title">Panel</h3>
|
||
<dl class="facts">
|
||
<dt>Ürün</dt><dd>$panel_name</dd>
|
||
<dt>Yüzey</dt><dd>$panel_surface</dd>
|
||
<dt>Panel sürümü</dt><dd class="mono">$panel_version</dd>
|
||
<dt>Python</dt><dd class="mono">$python_version</dd>
|
||
<dt>Dinlenen adres</dt><dd class="mono">$bind_address</dd>
|
||
<dt>Yetki düzeyi</dt><dd><span class="badge badge--privilege-$privilege_level">$privilege_word</span> $privilege_reason</dd>
|
||
<dt>Sunucu başlangıcı</dt><dd class="mono">$started_at</dd>
|
||
</dl>
|
||
</section>
|
||
|
||
<section class="card" data-region="about-data">
|
||
<h3 class="subsection-title">Veri kaynağı</h3>
|
||
<p class="data-banner data-banner--$data_banner_tone" role="status">
|
||
<span class="data-banner__word">$data_banner_word</span>
|
||
<span class="data-banner__text">$data_banner_text</span>
|
||
</p>
|
||
<dl class="facts">
|
||
<dt>Kaynak türü</dt><dd>$source_kind_word</dd>
|
||
<dt>Dosya</dt><dd class="mono">$source_path_text</dd>
|
||
<dt>Şema sürümü</dt><dd class="mono">$schema_version_text</dd>
|
||
<dt>Dosya üretimi</dt><dd class="mono">$generated_at_text</dd>
|
||
<dt>Yükleme zamanı</dt><dd class="mono">$loaded_at</dd>
|
||
<dt>Cihaz sayısı</dt><dd class="mono">$total_text</dd>
|
||
<dt>Hazır / hazır değil</dt><dd class="mono">$ready_text</dd>
|
||
<dt>Geçersiz kayıt</dt><dd class="mono">$invalid_count_text</dd>
|
||
<dt>Okuma hatası</dt><dd>$error_text</dd>
|
||
</dl>
|
||
</section>
|
||
|
||
<section class="card" data-region="about-vocabulary">
|
||
<h3 class="subsection-title">Durum sözlüğü</h3>
|
||
<p class="section-note">İki operatör yüzeyi aynı sözlüğü kullanır (docs/DESIGN.md); cihaz konsolu ve bu panel aynı kelimeyi yazar. Renk yalnız taşıyıcı değildir: rozet her zaman kelimesini taşır.</p>
|
||
<table class="about-table">
|
||
<caption class="visually-hidden">Durum sözlüğü: Türkçe kelime, renk belirteci ve anlamı</caption>
|
||
<thead>
|
||
<tr><th scope="col">Durum</th><th scope="col">Renk belirteci</th><th scope="col">Anlam</th></tr>
|
||
</thead>
|
||
<tbody>
|
||
$vocabulary_rows
|
||
</tbody>
|
||
</table>
|
||
</section>
|
||
|
||
<section class="card" data-region="about-waves">
|
||
<h3 class="subsection-title">Dalgalar</h3>
|
||
<p class="section-note">Yayılım sırası ve dalga hedefi (docs/18). Panelde <span class="mono">$total_text</span> cihaz var.</p>
|
||
<table class="about-table">
|
||
<caption class="visually-hidden">Yayılım dalgaları, hedef cihaz sayısı ve panelde görünen cihaz sayısı</caption>
|
||
<thead>
|
||
<tr><th scope="col">Dalga</th><th scope="col">Hedef cihaz</th><th scope="col">Panelde</th></tr>
|
||
</thead>
|
||
<tbody>
|
||
$wave_rows
|
||
</tbody>
|
||
</table>
|
||
</section>
|
||
|
||
<section class="card" data-region="about-channels">
|
||
<h3 class="subsection-title">Kanal doğrulaması</h3>
|
||
<p class="section-note">HAZIR yalnız dört kanalın hepsi doğrulandığında verilir; panel bunu denetler (docs/27).</p>
|
||
<table class="about-table">
|
||
<caption class="visually-hidden">Dört uzak erişim kanalı ve envanter alan adları</caption>
|
||
<thead>
|
||
<tr><th scope="col">Kanal</th><th scope="col">Alan adı</th><th scope="col">Ne doğrulanır</th></tr>
|
||
</thead>
|
||
<tbody>
|
||
$channel_rows
|
||
</tbody>
|
||
</table>
|
||
</section>
|
||
|
||
<section class="card" data-region="about-rules">
|
||
<h3 class="subsection-title">Panel kuralları</h3>
|
||
<ul class="rules">
|
||
$rule_items
|
||
</ul>
|
||
</section>
|
||
</section>
|