Files
cloud-ip-validator/internal/dashboard/templates/overview_fragment.html
T

60 lines
2.1 KiB
HTML

{{define "overview_fragment"}}
<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="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}}
<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}}
{{$b := ipBadge .State .OverallResult}}
<tr>
<td><a href="/ips/{{.IPAddress}}">{{.IPAddress}}</a></td>
<td><span class="{{$b.Class}}">{{$b.Label}}</span></td>
<td>{{deref .OwnerValidatorID}}</td>
<td>{{.AttemptNumber}}</td>
<td>{{fmtTime .AssignedAt}}</td>
</tr>
{{end}}
</tbody>
</table>
</div>
{{else}}
<p class="muted">Сейчас нет адресов в обработке.</p>
{{end}}
<h2>Последние {{.LastN}} завершённых</h2>
<p class="muted mb-2">
pass: {{index .Breakdown "pass"}} ·
partial: {{index .Breakdown "partial"}} ·
fail: {{index .Breakdown "fail"}} ·
cancelled: {{index .Breakdown "cancelled"}}
</p>
{{if .LastCompleted}}
<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}}
{{$b := ipBadge .State .OverallResult}}
<tr>
<td><a href="/ips/{{.IPAddress}}">{{.IPAddress}}</a></td>
<td><span class="{{$b.Class}}">{{$b.Label}}</span></td>
<td>{{fmtTime .AggregatedAt}}</td>
</tr>
{{end}}
</tbody>
</table>
</div>
{{else}}
<p class="muted">Пока ничего не завершено.</p>
{{end}}
{{end}}