Files
core/internal/api/ui_failures.tmpl
Michael Chus 5f96ff2273 Add UI improvements: date formatting, breadcrumbs, clickable rows, and structured menu
- Format dates as YYYY-MM-DD with full timestamp on hover
- Add breadcrumb navigation with hospital icon (🏥) across all pages
- Restructure main menu with grouped dropdowns:
  * Hardware (Assets, Components)
  * Health (Tickets, Failures, Analytics)
  * Settings (Ingest)
- Make table rows clickable on Dashboard, Assets, and Components pages
- Add new Customers page with list view
- Improve dropdown menu stability with JS hover delay

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
2026-02-14 08:46:07 +03:00

49 lines
1.3 KiB
Cheetah

{{define "failures"}}
<!DOCTYPE html>
<html lang="en">
{{template "head" .}}
<body>
{{template "topbar" .}}
{{template "breadcrumbs" .}}
<main class="container">
<section class="card">
<h2>Failure Events</h2>
{{if .Failures}}
<table class="table">
<thead>
<tr>
<th>ID</th>
<th>Source</th>
<th>External</th>
<th>Component</th>
<th>Asset</th>
<th>Type</th>
<th>Failure Time</th>
<th>Confidence</th>
</tr>
</thead>
<tbody>
{{range .Failures}}
<tr>
<td>{{.ID}}</td>
<td>{{.Source}}</td>
<td>{{.ExternalID}}</td>
<td><a href="/ui/components/{{.ComponentID}}">{{.ComponentID}}</a></td>
<td>{{if .AssetID}}<a href="/ui/assets/{{.AssetID}}">{{.AssetID}}</a>{{else}}—{{end}}</td>
<td>{{.FailureType}}</td>
<td title="{{formatTimeFull .FailureTime}}">{{formatTime .FailureTime}}</td>
<td>{{formatFloatPtr .Confidence 2}}</td>
</tr>
{{end}}
</tbody>
</table>
{{else}}
<div class="meta">No failures ingested yet.</div>
{{end}}
</section>
</main>
</body>
</html>
{{end}}