use bootstrap 5 for UI, compact UI

This commit is contained in:
ayurishchev committed 2026-08-23 21:15:31 +03:00
1 parent 37910e410b
commit ee2a29cb36
18 files changed
+284 -161

No files matched your search

+33 -15
View File
@@ -4,7 +4,7 @@
<head>{{template "html_head" .}}</head>
<body>
{{template "page_header" .}}
<main>
<main class="container-fluid py-3">
<div id="error-banner">{{template "banner_inner" .Banner}}</div>
{{template "checktypes_content" .}}
</main>
@@ -20,17 +20,33 @@
{{if not .Groups}}
<p class="muted">Сначала создайте хотя бы одну <a href="/targets">группу целей</a>.</p>
{{else}}
<form hx-post="/check-types" hx-target="#checktypes-table-wrap" hx-swap="innerHTML" hx-on::after-request="this.reset()">
<label for="ct-name">Имя типа проверки</label>
<input id="ct-name" type="text" name="name" placeholder="https" required>
<label><input type="checkbox" name="enabled" value="1" checked> включён</label>
<fieldset>
<legend>Группы целей</legend>
<form class="card card-body mb-3 py-2" hx-post="/check-types" hx-target="#checktypes-table-wrap" hx-swap="innerHTML" hx-on::after-request="this.reset()">
<div class="row g-2 align-items-end">
<div class="col-12 col-md-3">
<label class="form-label mb-1">Имя типа проверки</label>
<input type="text" name="name" class="form-control form-control-sm" placeholder="https" required>
</div>
<div class="col-12 col-md-2">
<div class="form-check mt-4">
<input type="checkbox" class="form-check-input" name="enabled" value="1" id="ct-enabled" checked>
<label class="form-check-label" for="ct-enabled">включён</label>
</div>
</div>
<div class="col-12 col-md-5">
<label class="form-label mb-1">Группы целей</label>
<div class="d-flex flex-wrap gap-2">
{{range .Groups}}
<label><input type="checkbox" name="targets" value="{{.}}"> {{.}}</label>
<div class="form-check form-check-inline m-0">
<input type="checkbox" class="form-check-input" name="targets" value="{{.}}" id="ct-group-{{.}}">
<label class="form-check-label" for="ct-group-{{.}}">{{.}}</label>
</div>
{{end}}
</fieldset>
<button type="submit">Создать тип проверки</button>
</div>
</div>
<div class="col-12 col-md-2">
<button type="submit" class="btn btn-sm btn-primary w-100">Создать</button>
</div>
</div>
</form>
{{end}}
@@ -40,26 +56,28 @@
{{end}}
{{define "checktypes_table"}}
<table role="grid">
<div class="table-responsive">
<table class="table table-sm table-striped align-middle">
<thead><tr><th>Имя</th><th>Включён</th><th>Группы целей</th><th>Действия</th></tr></thead>
<tbody>
{{range .Items}}
<tr>
<td>{{.Name}}</td>
<td>{{if .Enabled}}✅{{else}}—{{end}}</td>
<td>{{if .Enabled}}<span class="badge bg-success">да</span>{{else}}<span class="badge bg-secondary">нет</span>{{end}}</td>
<td>{{join .Targets ", "}}</td>
<td class="actions-cell">
<form hx-put="/check-types/{{.Name}}" hx-target="#checktypes-table-wrap" hx-swap="innerHTML" style="display:inline">
<form class="d-inline" hx-put="/check-types/{{.Name}}" hx-target="#checktypes-table-wrap" hx-swap="innerHTML">
<input type="hidden" name="targets" value="{{join .Targets ","}}">
<button type="submit" class="secondary" name="enabled" value="{{if .Enabled}}0{{else}}1{{end}}">
<button type="submit" class="btn btn-sm btn-outline-secondary" name="enabled" value="{{if .Enabled}}0{{else}}1{{end}}">
{{if .Enabled}}Выключить{{else}}Включить{{end}}
</button>
</form>
<button class="contrast" hx-delete="/check-types/{{.Name}}" hx-target="#checktypes-table-wrap" hx-swap="innerHTML" hx-confirm="Удалить тип проверки {{.Name}}?">Удалить</button>
<button class="btn btn-sm btn-outline-danger" hx-delete="/check-types/{{.Name}}" hx-target="#checktypes-table-wrap" hx-swap="innerHTML" hx-confirm="Удалить тип проверки {{.Name}}?">Удалить</button>
</td>
</tr>
{{end}}
</tbody>
</table>
</div>
{{if not .Items}}<p class="muted">Типов проверок нет.</p>{{end}}
{{end}}
+14 -8
View File
@@ -4,7 +4,7 @@
<head>{{template "html_head" .}}</head>
<body>
{{template "page_header" .}}
<main>
<main class="container-fluid py-3">
<div id="error-banner">{{template "banner_inner" .Banner}}</div>
{{template "ip_detail_content" .}}
</main>
@@ -14,11 +14,13 @@
{{define "ip_detail_content"}}
<p><a href="/ips">&larr; К очереди</a></p>
<h1>{{.Detail.IP.IPAddress}}</h1>
<h1 class="d-flex align-items-center gap-2">
{{.Detail.IP.IPAddress}}
{{$b := ipBadge .Detail.IP.State .Detail.IP.OverallResult}}
<p>
<span class="{{$b.Class}}">{{$b.Label}}</span>
· попытка {{.Detail.IP.AttemptNumber}} (повторов: {{.Detail.IP.RetryCount}})
<span class="{{$b.Class}} fs-6">{{$b.Label}}</span>
</h1>
<p class="muted mb-1">
попытка {{.Detail.IP.AttemptNumber}} (повторов: {{.Detail.IP.RetryCount}})
· валидатор {{deref .Detail.IP.OwnerValidatorID}}
</p>
<p class="muted">
@@ -28,23 +30,26 @@
<h2>Проверки (попытка {{.Detail.IP.AttemptNumber}})</h2>
{{if .Detail.Checks}}
<table class="compact" role="grid">
<div class="table-responsive">
<table class="table table-sm table-striped align-middle">
<thead><tr><th>Источник</th><th>Тип</th><th>Цель</th><th>Успех</th><th>Задержка, мс</th><th>Время</th><th>Детали</th></tr></thead>
<tbody>
{{range .Detail.Checks}}
<tr>
<td>{{.Source}}</td><td>{{.CheckType}}</td><td>{{.Target}}</td>
<td>{{if .Success}}✅{{else}}❌{{end}}</td>
<td>{{if .Success}}<span class="badge bg-success">ok</span>{{else}}<span class="badge bg-danger">fail</span>{{end}}</td>
<td>{{.LatencyMS}}</td><td>{{fmtTime .CheckedAt}}</td><td>{{.Detail}}</td>
</tr>
{{end}}
</tbody>
</table>
</div>
{{else}}<p class="muted">Проверок пока нет.</p>{{end}}
<h2>События</h2>
{{if .Detail.Events}}
<table class="compact" role="grid">
<div class="table-responsive">
<table class="table table-sm table-striped align-middle">
<thead><tr><th>Время</th><th>Тип</th><th>Источник</th><th>Данные</th></tr></thead>
<tbody>
{{range .Detail.Events}}
@@ -52,5 +57,6 @@
{{end}}
</tbody>
</table>
</div>
{{else}}<p class="muted">Событий нет.</p>{{end}}
{{end}}
+17 -9
View File
@@ -4,7 +4,7 @@
<head>{{template "html_head" .}}</head>
<body>
{{template "page_header" .}}
<main>
<main class="container-fluid py-3">
<div id="error-banner">{{template "banner_inner" .Banner}}</div>
{{template "ips_content" .}}
</main>
@@ -15,11 +15,17 @@
{{define "ips_content"}}
<h1>Очередь IP</h1>
<form hx-post="/ips" hx-target="#ips-table-wrap" hx-swap="innerHTML" hx-on::after-request="this.reset()">
<label for="addresses">Адреса (по одному на строку или через запятую)</label>
<textarea id="addresses" name="addresses" rows="3" placeholder="203.0.113.10&#10;203.0.113.11"></textarea>
<button type="submit">Добавить / принудительно перепроверить</button>
<p class="muted">Новый адрес встаёт в очередь; уже завершённый (done/failed) запускается заново
<form class="card card-body mb-3 py-2" hx-post="/ips" hx-target="#ips-table-wrap" hx-swap="innerHTML" hx-on::after-request="this.reset()">
<div class="row g-2 align-items-end">
<div class="col-12 col-md-9">
<label for="addresses" class="form-label mb-1">Адреса (по одному на строку или через запятую)</label>
<textarea id="addresses" name="addresses" class="form-control form-control-sm" rows="2" placeholder="203.0.113.10&#10;203.0.113.11"></textarea>
</div>
<div class="col-12 col-md-3">
<button type="submit" class="btn btn-sm btn-primary w-100">Добавить / перепроверить</button>
</div>
</div>
<p class="muted mt-2 mb-0">Новый адрес встаёт в очередь; уже завершённый (done/failed) запускается заново
(тот же вызов); тот, что сейчас проверяется, не трогается.</p>
</form>
@@ -29,7 +35,8 @@
{{end}}
{{define "ips_table"}}
<table role="grid">
<div class="table-responsive">
<table class="table table-sm table-striped table-hover align-middle">
<thead><tr><th>Адрес</th><th>Состояние</th><th>Валидатор</th><th>Попытка</th><th>Обновлено</th><th>Действия</th></tr></thead>
<tbody>
{{range .Items}}
@@ -43,14 +50,15 @@
<td>{{fmtTime .UpdatedAt}}</td>
<td class="actions-cell">
{{if $terminal}}
<button class="secondary" hx-post="/ips/{{.IPAddress}}/recheck" hx-target="#ips-table-wrap" hx-swap="innerHTML">Перепроверить</button>
<button class="btn btn-sm btn-outline-secondary" hx-post="/ips/{{.IPAddress}}/recheck" hx-target="#ips-table-wrap" hx-swap="innerHTML">Перепроверить</button>
{{else}}
<button class="contrast" hx-post="/ips/{{.IPAddress}}/cancel" hx-target="#ips-table-wrap" hx-swap="innerHTML" hx-confirm="Остановить проверку {{.IPAddress}}?">Отменить</button>
<button class="btn btn-sm btn-outline-danger" hx-post="/ips/{{.IPAddress}}/cancel" hx-target="#ips-table-wrap" hx-swap="innerHTML" hx-confirm="Остановить проверку {{.IPAddress}}?">Отменить</button>
{{end}}
</td>
</tr>
{{end}}
</tbody>
</table>
</div>
{{if not .Items}}<p class="muted">Очередь пуста.</p>{{end}}
{{end}}
+13 -13
View File
@@ -12,28 +12,28 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Cloud IP Validator — Admin</title>
<link rel="stylesheet" href="/static/vendor/pico.classless.min.css">
<link rel="stylesheet" href="/static/vendor/bootstrap.min.css">
<link rel="stylesheet" href="/static/dashboard.css">
<script src="/static/vendor/htmx.min.js"></script>
<script src="/static/vendor/alpine.min.js" defer></script>
{{end}}
{{define "page_header"}}
<header>
<nav class="dashboard-nav">
<strong>Cloud IP Validator</strong>
<ul>
<li><a href="/overview" {{if eq .ActiveNav "overview"}}aria-current="page"{{end}}>Обзор</a></li>
<li><a href="/ips" {{if eq .ActiveNav "ips"}}aria-current="page"{{end}}>Очередь IP</a></li>
<li><a href="/validators" {{if eq .ActiveNav "validators"}}aria-current="page"{{end}}>Валидаторы</a></li>
<li><a href="/sites" {{if eq .ActiveNav "sites"}}aria-current="page"{{end}}>Площадки</a></li>
<li><a href="/targets" {{if eq .ActiveNav "targets"}}aria-current="page"{{end}}>Цели</a></li>
<li><a href="/check-types" {{if eq .ActiveNav "check-types"}}aria-current="page"{{end}}>Типы проверок</a></li>
<nav class="navbar navbar-expand navbar-dark bg-dark">
<div class="container-fluid">
<span class="navbar-brand mb-0">Cloud IP Validator</span>
<ul class="navbar-nav flex-row flex-wrap gap-1">
<li class="nav-item"><a class="nav-link{{if eq .ActiveNav "overview"}} active{{end}}" {{if eq .ActiveNav "overview"}}aria-current="page"{{end}} href="/overview">Обзор</a></li>
<li class="nav-item"><a class="nav-link{{if eq .ActiveNav "ips"}} active{{end}}" {{if eq .ActiveNav "ips"}}aria-current="page"{{end}} href="/ips">Очередь IP</a></li>
<li class="nav-item"><a class="nav-link{{if eq .ActiveNav "validators"}} active{{end}}" {{if eq .ActiveNav "validators"}}aria-current="page"{{end}} href="/validators">Валидаторы</a></li>
<li class="nav-item"><a class="nav-link{{if eq .ActiveNav "sites"}} active{{end}}" {{if eq .ActiveNav "sites"}}aria-current="page"{{end}} href="/sites">Площадки</a></li>
<li class="nav-item"><a class="nav-link{{if eq .ActiveNav "targets"}} active{{end}}" {{if eq .ActiveNav "targets"}}aria-current="page"{{end}} href="/targets">Цели</a></li>
<li class="nav-item"><a class="nav-link{{if eq .ActiveNav "check-types"}} active{{end}}" {{if eq .ActiveNav "check-types"}}aria-current="page"{{end}} href="/check-types">Типы проверок</a></li>
</ul>
</div>
</nav>
</header>
{{end}}
{{define "banner_inner"}}{{if .Message}}<div class="error-banner {{if .Client}}error-banner-client{{else}}error-banner-server{{end}}">{{.Message}}</div>{{end}}{{end}}
{{define "banner_inner"}}{{if .Message}}<div class="alert {{if .Client}}alert-warning{{else}}alert-danger{{end}} py-2 mb-0" role="alert">{{.Message}}</div>{{end}}{{end}}
{{define "error_banner"}}<div id="error-banner" hx-swap-oob="true">{{template "banner_inner" .}}</div>{{end}}
+1 -1
View File
@@ -4,7 +4,7 @@
<head>{{template "html_head" .}}</head>
<body>
{{template "page_header" .}}
<main>
<main class="container-fluid py-3">
<div id="error-banner">{{template "banner_inner" .Banner}}</div>
{{template "overview_content" .}}
</main>
@@ -1,15 +1,16 @@
{{define "overview_fragment"}}
<div class="stat-grid">
<div class="stat-tile"><span class="value">{{.Status.TotalIPs}}</span><span class="label">всего IP</span></div>
<div class="stat-tile"><span class="value">{{.Status.TotalValidators}}</span><span class="label">валидаторов</span></div>
<div class="row row-cols-2 row-cols-md-4 row-cols-lg-6 g-2 mb-2">
<div class="col"><div class="card stat-card text-center"><span class="value">{{.Status.TotalIPs}}</span><span class="label">всего IP</span></div></div>
<div class="col"><div class="card stat-card text-center"><span class="value">{{.Status.TotalValidators}}</span><span class="label">валидаторов</span></div></div>
{{range $state, $count := .Status.IPsByState}}
<div class="stat-tile"><span class="value">{{$count}}</span><span class="label">{{$state}}</span></div>
<div class="col"><div class="card stat-card text-center"><span class="value">{{$count}}</span><span class="label">{{$state}}</span></div></div>
{{end}}
</div>
<h2>Текущая проверка</h2>
{{if .CurrentItems}}
<table class="compact" role="grid">
<div class="table-responsive">
<table class="table table-sm table-striped table-hover align-middle mb-3">
<thead><tr><th>Адрес</th><th>Состояние</th><th>Валидатор</th><th>Попытка</th><th>Назначено</th></tr></thead>
<tbody>
{{range .CurrentItems}}
@@ -24,19 +25,21 @@
{{end}}
</tbody>
</table>
</div>
{{else}}
<p class="muted">Сейчас нет адресов в обработке.</p>
{{end}}
<h2>Последние {{.LastN}} завершённых</h2>
<p class="muted">
<p class="muted mb-2">
pass: {{index .Breakdown "pass"}} ·
partial: {{index .Breakdown "partial"}} ·
fail: {{index .Breakdown "fail"}} ·
cancelled: {{index .Breakdown "cancelled"}}
</p>
{{if .LastCompleted}}
<table class="compact" role="grid">
<div class="table-responsive">
<table class="table table-sm table-striped table-hover align-middle">
<thead><tr><th>Адрес</th><th>Итог</th><th>Завершено</th></tr></thead>
<tbody>
{{range .LastCompleted}}
@@ -49,6 +52,7 @@ cancelled: {{index .Breakdown "cancelled"}}
{{end}}
</tbody>
</table>
</div>
{{else}}
<p class="muted">Пока ничего не завершено.</p>
{{end}}
+8 -6
View File
@@ -4,7 +4,7 @@
<head>{{template "html_head" .}}</head>
<body>
{{template "page_header" .}}
<main>
<main class="container-fluid py-3">
<div id="error-banner">{{template "banner_inner" .Banner}}</div>
{{template "sites_content" .}}
</main>
@@ -23,25 +23,27 @@
{{end}}
{{define "sites_table"}}
<table role="grid">
<div class="table-responsive">
<table class="table table-sm table-striped align-middle">
<thead><tr><th>Слот</th><th>site_id</th><th>Действия</th></tr></thead>
<tbody>
{{range .Items}}
<tr>
<td>{{.Index}}</td>
<td>
<form hx-put="/sites/{{.Index}}" hx-target="#sites-table-wrap" hx-swap="innerHTML" style="display:flex;gap:.5rem;margin:0">
<input type="text" name="site_id" value="{{.SiteID}}" style="margin:0" required>
<button type="submit" class="secondary" style="margin:0">Сохранить</button>
<form class="inline-form" hx-put="/sites/{{.Index}}" hx-target="#sites-table-wrap" hx-swap="innerHTML">
<input type="text" name="site_id" value="{{.SiteID}}" class="form-control form-control-sm" required>
<button type="submit" class="btn btn-sm btn-outline-secondary">Сохранить</button>
</form>
</td>
<td class="actions-cell">
{{if .SiteID}}
<button class="contrast" hx-delete="/sites/{{.Index}}" hx-target="#sites-table-wrap" hx-swap="innerHTML" hx-confirm="Освободить слот {{.Index}}?">Очистить</button>
<button class="btn btn-sm btn-outline-danger" hx-delete="/sites/{{.Index}}" hx-target="#sites-table-wrap" hx-swap="innerHTML" hx-confirm="Освободить слот {{.Index}}?">Очистить</button>
{{end}}
</td>
</tr>
{{end}}
</tbody>
</table>
</div>
{{end}}
+23 -13
View File
@@ -4,7 +4,7 @@
<head>{{template "html_head" .}}</head>
<body>
{{template "page_header" .}}
<main>
<main class="container-fluid py-3">
<div id="error-banner">{{template "banner_inner" .Banner}}</div>
{{template "targets_content" .}}
</main>
@@ -16,12 +16,20 @@
<h1>Цели проверки</h1>
<p class="muted">Группа целей — именованный список URL/адресов, на который затем ссылаются типы проверок.</p>
<form hx-post="/targets" hx-target="#targets-table-wrap" hx-swap="innerHTML" hx-on::after-request="this.reset()">
<label for="target-name">Имя новой группы</label>
<input id="target-name" type="text" name="name" placeholder="web" required>
<label for="target-list">Цели (по одной на строку или через запятую)</label>
<textarea id="target-list" name="targets" rows="2" placeholder="https://hub.docker.com&#10;https://github.com" required></textarea>
<button type="submit">Создать группу</button>
<form class="card card-body mb-3 py-2" hx-post="/targets" hx-target="#targets-table-wrap" hx-swap="innerHTML" hx-on::after-request="this.reset()">
<div class="row g-2 align-items-end">
<div class="col-12 col-md-3">
<label class="form-label mb-1">Имя новой группы</label>
<input type="text" name="name" class="form-control form-control-sm" placeholder="web" required>
</div>
<div class="col-12 col-md-7">
<label class="form-label mb-1">Цели (по одной на строку или через запятую)</label>
<textarea name="targets" class="form-control form-control-sm" rows="2" placeholder="https://hub.docker.com&#10;https://github.com" required></textarea>
</div>
<div class="col-12 col-md-2">
<button type="submit" class="btn btn-sm btn-primary w-100">Создать</button>
</div>
</div>
</form>
<div id="targets-table-wrap">
@@ -30,24 +38,26 @@
{{end}}
{{define "targets_table"}}
<table role="grid">
<div class="table-responsive">
<table class="table table-sm table-striped align-middle">
<thead><tr><th>Группа</th><th>Цели</th><th>Действия</th></tr></thead>
<tbody>
{{range .Items}}
<tr>
<td>{{.Name}}</td>
<td class="text-nowrap">{{.Name}}</td>
<td>
<form hx-put="/targets/{{.Name}}" hx-target="#targets-table-wrap" hx-swap="innerHTML" style="display:flex;gap:.5rem;margin:0">
<textarea name="targets" rows="2" style="margin:0">{{join .Targets "\n"}}</textarea>
<button type="submit" class="secondary" style="margin:0">Сохранить</button>
<form class="inline-form" hx-put="/targets/{{.Name}}" hx-target="#targets-table-wrap" hx-swap="innerHTML">
<textarea name="targets" class="form-control form-control-sm" rows="2">{{join .Targets "\n"}}</textarea>
<button type="submit" class="btn btn-sm btn-outline-secondary text-nowrap">Сохранить</button>
</form>
</td>
<td class="actions-cell">
<button class="contrast" hx-delete="/targets/{{.Name}}" hx-target="#targets-table-wrap" hx-swap="innerHTML" hx-confirm="Удалить группу {{.Name}}?">Удалить</button>
<button class="btn btn-sm btn-outline-danger" hx-delete="/targets/{{.Name}}" hx-target="#targets-table-wrap" hx-swap="innerHTML" hx-confirm="Удалить группу {{.Name}}?">Удалить</button>
</td>
</tr>
{{end}}
</tbody>
</table>
</div>
{{if not .Items}}<p class="muted">Групп целей нет.</p>{{end}}
{{end}}
+21 -11
View File
@@ -4,7 +4,7 @@
<head>{{template "html_head" .}}</head>
<body>
{{template "page_header" .}}
<main>
<main class="container-fluid py-3">
<div id="error-banner">{{template "banner_inner" .Banner}}</div>
{{template "validators_content" .}}
</main>
@@ -15,11 +15,19 @@
{{define "validators_content"}}
<h1>Валидаторы</h1>
<form hx-post="/validators" hx-target="#validators-table-wrap" hx-swap="innerHTML" hx-on::after-request="this.reset()">
<div class="grid">
<input type="text" name="validator_id" placeholder="validator_id" required>
<input type="text" name="os_port_id" placeholder="os_port_id (Neutron port ID)" required>
<button type="submit">Добавить</button>
<form class="card card-body mb-3 py-2" hx-post="/validators" hx-target="#validators-table-wrap" hx-swap="innerHTML" hx-on::after-request="this.reset()">
<div class="row g-2 align-items-end">
<div class="col-12 col-md-4">
<label class="form-label mb-1">validator_id</label>
<input type="text" name="validator_id" class="form-control form-control-sm" required>
</div>
<div class="col-12 col-md-4">
<label class="form-label mb-1">os_port_id</label>
<input type="text" name="os_port_id" class="form-control form-control-sm" placeholder="Neutron port ID">
</div>
<div class="col-12 col-md-4">
<button type="submit" class="btn btn-sm btn-primary w-100">Добавить</button>
</div>
</div>
</form>
@@ -29,7 +37,8 @@
{{end}}
{{define "validators_table"}}
<table role="grid">
<div class="table-responsive">
<table class="table table-sm table-striped align-middle">
<thead><tr><th>ID</th><th>OS Port ID</th><th>Состояние</th><th>Действия</th></tr></thead>
<tbody>
{{range .Items}}
@@ -37,18 +46,19 @@
<tr>
<td>{{.ValidatorID}}</td>
<td>
<form hx-put="/validators/{{.ValidatorID}}" hx-target="#validators-table-wrap" hx-swap="innerHTML" style="display:flex;gap:.5rem;margin:0">
<input type="text" name="os_port_id" value="{{.OSPortID}}" style="margin:0">
<button type="submit" class="secondary" style="margin:0">Сохранить</button>
<form class="inline-form" hx-put="/validators/{{.ValidatorID}}" hx-target="#validators-table-wrap" hx-swap="innerHTML">
<input type="text" name="os_port_id" value="{{.OSPortID}}" class="form-control form-control-sm">
<button type="submit" class="btn btn-sm btn-outline-secondary">Сохранить</button>
</form>
</td>
<td><span class="{{$b.Class}}">{{$b.Label}}</span></td>
<td class="actions-cell">
<button class="contrast" hx-delete="/validators/{{.ValidatorID}}" hx-target="#validators-table-wrap" hx-swap="innerHTML" hx-confirm="Удалить валидатор {{.ValidatorID}}?">Удалить</button>
<button class="btn btn-sm btn-outline-danger" hx-delete="/validators/{{.ValidatorID}}" hx-target="#validators-table-wrap" hx-swap="innerHTML" hx-confirm="Удалить валидатор {{.ValidatorID}}?">Удалить</button>
</td>
</tr>
{{end}}
</tbody>
</table>
</div>
{{if not .Items}}<p class="muted">Валидаторов нет.</p>{{end}}
{{end}}