Add UI console and spare forecast naming
This commit is contained in:
45
internal/api/ui_component.tmpl
Normal file
45
internal/api/ui_component.tmpl
Normal file
@@ -0,0 +1,45 @@
|
||||
{{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}}
|
||||
Reference in New Issue
Block a user