Files
core/internal/api/ui_component.tmpl

46 lines
1.5 KiB
Cheetah

{{define "component"}}
<!DOCTYPE html>
<html lang="en">
{{template "head" .}}
<body>
{{template "topbar" .}}
<main class="container">
<section class="card">
<h2>Component Card</h2>
<div class="meta-grid">
<div><span>Vendor Serial</span>{{.Component.VendorSerial}}</div>
<div><span>Vendor</span>{{if .Component.Vendor}}{{.Component.Vendor}}{{else}}—{{end}}</div>
<div><span>Model</span>{{if .Component.Model}}{{.Component.Model}}{{else}}—{{end}}</div>
<div><span>Lot ID</span>{{if .Component.LotID}}{{.Component.LotID}}{{else}}—{{end}}</div>
<div><span>First Seen</span>{{formatTimePtr .Component.FirstSeenAt}}</div>
<div><span>Created</span>{{formatTime .Component.CreatedAt}}</div>
</div>
</section>
<section class="card">
<h2>Timeline</h2>
{{if .Events}}
<div class="timeline">
{{range .Events}}
<div class="event">
<div>
<div class="time">{{formatTime .EventTime}}</div>
<div class="pill">{{.EventType}}</div>
</div>
<div>
<div class="detail">Asset {{if .AssetID}}{{.AssetID}}{{else}}—{{end}} · Component {{if .ComponentID}}{{.ComponentID}}{{else}}—{{end}}</div>
<div class="meta">Firmware {{if .FirmwareVersion}}{{.FirmwareVersion}}{{else}}—{{end}}</div>
</div>
</div>
{{end}}
</div>
{{else}}
<div class="meta">No timeline events.</div>
{{end}}
</section>
</main>
</body>
</html>
{{end}}