New external site management. New external prober heartbeat feature.

internal/dashboard/templates/sites.html

@@ -20,8 +20,27 @@
 
 {{define "sites_content"}}
 <div class="topbar"><h1>Площадки</h1></div>
-<p class="muted" style="margin-bottom:16px">Ровно три слота (1, 2, 3) — жёсткое ограничение схемы БД control-api.
-Пустой слот — площадка не используется, входящие проверки для неё не ожидаются.</p>
+<p class="muted" style="margin-bottom:16px">Внешние площадки (проберы), проверяющие адреса «снаружи». Число площадок
+не ограничено — добавляйте столько слотов, сколько нужно. «Статус» показывает, подключён ли прямо сейчас
+процесс prober на этой площадке (по heartbeat, аналогично валидаторам).</p>
+
+<div class="panel">
+<div class="panel-body">
+<form hx-post="/sites" hx-target="#sites-table-wrap" hx-swap="innerHTML" hx-on::after-request="this.reset()">
+<div class="field-row">
+<div class="field" style="flex: 0 1 120px;">
+<label>Слот (index)</label>
+<input type="number" name="index" min="1" step="1" required>
+</div>
+<div class="field" style="flex: 1 1 240px;">
+<label>site_id</label>
+<input type="text" name="site_id" placeholder="site-4" required>
+</div>
+<button type="submit" class="btn btn-primary">Добавить</button>
+</div>
+</form>
+</div>
+</div>
 
 <div id="sites-table-wrap">
 {{template "sites_table" .}}
@@ -32,9 +51,10 @@
 <div class="panel">
 <div class="table-scroll">
 <table>
-<thead><tr><th>Слот</th><th>site_id</th><th></th></tr></thead>
+<thead><tr><th>Слот</th><th>site_id</th><th>Хост</th><th>Статус</th><th>Heartbeat</th><th></th></tr></thead>
 <tbody>
 {{range .Items}}
+{{$b := proberBadge .State}}
 <tr>
 <td class="num" data-label="Слот">{{.Index}}</td>
 <td data-label="site_id">
@@ -43,17 +63,19 @@
 <button type="submit" class="btn btn-ghost btn-sm">Сохранить</button>
 </form>
 </td>
+<td class="mono" data-label="Хост">{{if .Hostname}}{{.Hostname}}{{else}}—{{end}}</td>
+<td data-label="Статус"><span class="pill {{$b.Class}}">{{$b.Label}}</span></td>
+<td data-label="Heartbeat">{{fmtTime .LastHeartbeatAt}}</td>
 <td data-label="">
 <div class="actions">
-{{if .SiteID}}
-<button class="btn btn-danger-ghost btn-sm" hx-delete="/sites/{{.Index}}" hx-target="#sites-table-wrap" hx-swap="innerHTML" hx-confirm="Освободить слот {{.Index}}?">Очистить</button>
-{{end}}
+<button class="btn btn-danger-ghost btn-sm" hx-delete="/sites/{{.Index}}" hx-target="#sites-table-wrap" hx-swap="innerHTML" hx-confirm="Удалить слот {{.Index}} ({{.SiteID}})?">Удалить</button>
 </div>
 </td>
 </tr>
 {{end}}
 </tbody>
 </table>
+{{if not .Items}}<p class="muted" style="padding:16px">Площадок пока нет — добавьте первую формой выше.</p>{{end}}
 </div>
 </div>
 {{end}}