48 lines
1.8 KiB
Cheetah
48 lines
1.8 KiB
Cheetah
{{define "component"}}
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
{{template "head" .}}
|
|
<body>
|
|
{{template "topbar" .}}
|
|
{{template "breadcrumbs" .}}
|
|
|
|
<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</span>{{lotCode .Component.LotID .LotCodes}}</div>
|
|
<div><span>Status</span><span class="badge {{componentStatusClass .ComponentStatus}}">{{componentStatusText .ComponentStatus}}</span></div>
|
|
<div><span>First Seen</span><span title="{{formatTimePtrFull .Component.FirstSeenAt}}">{{formatTimePtr .Component.FirstSeenAt}}</span></div>
|
|
<div><span>Created</span><span title="{{formatTimeFull .Component.CreatedAt}}">{{formatTime .Component.CreatedAt}}</span></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 {{timelineEventClass .EventType}}">{{.EventType}}</div>
|
|
</div>
|
|
<div>
|
|
<div class="detail">Asset {{assetLabel .MachineID $.AssetLabelByID}} · Component {{componentLabel .PartID $.ComponentLabelByID}}</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}}
|