83 lines
2.8 KiB
HTML
83 lines
2.8 KiB
HTML
{{define "sites_page"}}
|
|
<!doctype html>
|
|
<html lang="ru">
|
|
<head>{{template "html_head" .}}</head>
|
|
<body>
|
|
<div class="bg-grid"></div>
|
|
<input type="checkbox" id="nav-toggle" class="nav-toggle">
|
|
<div class="shell">
|
|
{{template "sidebar_nav" .}}
|
|
<div>
|
|
{{template "topbar_mobile" .}}
|
|
<main class="main">
|
|
<div id="error-banner">{{template "banner_inner" .Banner}}</div>
|
|
{{template "sites_content" .}}
|
|
</main>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
{{end}}
|
|
|
|
{{define "sites_content"}}
|
|
<div class="topbar"><h1>Площадки</h1></div>
|
|
|
|
<div class="panel">
|
|
<div class="panel-head"><h2>Добавить площадку</h2></div>
|
|
<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" .}}
|
|
</div>
|
|
{{end}}
|
|
|
|
{{define "sites_table"}}
|
|
<div class="panel">
|
|
<div class="table-scroll">
|
|
<table>
|
|
<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">
|
|
<form class="inline-form" hx-put="/sites/{{.Index}}" hx-target="#sites-table-wrap" hx-swap="innerHTML">
|
|
<input type="text" name="site_id" value="{{.SiteID}}" required>
|
|
<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">
|
|
<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 class="section-note">Число площадок не ограничено — форма выше добавляет следующий слот. «Статус» отражает
|
|
<code class="inline">POST /probers/register</code> и heartbeat, аналогично валидаторам.</div>
|
|
</div>
|
|
{{end}}
|