47 lines
1.7 KiB
Cheetah
47 lines
1.7 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 ID</span>{{if .Component.LotID}}{{.Component.LotID}}{{else}}—{{end}}</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">{{.EventType}}</div>
|
|
</div>
|
|
<div>
|
|
<div class="detail">Asset {{if .MachineID}}{{.MachineID}}{{else}}—{{end}} · Component {{if .PartID}}{{.PartID}}{{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}}
|