P2R-02 slice 1: host-detail sub-tab skeleton
Extract header/vitals/sub-tabs into a host_chrome partial that every host-detail tab page renders. Sources / Schedules / Repo go from inert divs to real <a> links backed by stub pages that share the chrome and a 'coming next' body — slices 2/3/4 fill them in. Also re-establishes the version indicator (host_schedule_version vs agent's applied_schedule_version) in the header. Drops the legacy fat-schedule list/edit templates that referenced fields removed by the P2 redesign (Manual / Paths / RetentionPolicy on Schedule); the new templates land in slice 3.
This commit is contained in:
@@ -1,93 +1,13 @@
|
||||
{{define "title"}}{{.Title}}{{end}}
|
||||
|
||||
{{define "content"}}
|
||||
{{template "host_chrome" .}}
|
||||
{{$page := .Page}}
|
||||
{{$host := $page.Host}}
|
||||
<div class="max-w-[1280px] mx-auto px-8 pt-7">
|
||||
|
||||
<div class="crumbs"><a href="/">Dashboard</a><span class="sep">/</span><span class="text-ink-mid">{{$host.Name}}</span></div>
|
||||
|
||||
{{/* ---------- header ---------- */}}
|
||||
<div class="flex items-start justify-between mt-3.5">
|
||||
<div>
|
||||
<div class="flex items-center gap-3">
|
||||
{{if eq $host.Status "online"}}
|
||||
<span class="dot dot-online{{if $host.CurrentJobID}} pulse{{end}}"></span>
|
||||
{{else if eq $host.Status "degraded"}}
|
||||
<span class="dot dot-degraded"></span>
|
||||
{{else if eq $host.Status "offline"}}
|
||||
<span class="dot dot-offline"></span>
|
||||
{{else}}
|
||||
<span class="dot dot-failed"></span>
|
||||
{{end}}
|
||||
<h1 class="mono text-[26px] font-medium tracking-[0.005em] text-ink">{{$host.Name}}</h1>
|
||||
<div class="flex gap-1.5">{{range $host.Tags}}<span class="tag">{{.}}</span>{{end}}</div>
|
||||
</div>
|
||||
<div class="flex items-center gap-3 mt-3 text-[13px] text-ink-mute">
|
||||
<span class="mono text-ink-mid">{{$host.OS}}/{{$host.Arch}}</span>
|
||||
<span class="text-ink-fade">·</span>
|
||||
<span>agent <span class="mono text-ink-mid">{{if $host.AgentVersion}}{{$host.AgentVersion}}{{else}}—{{end}}</span></span>
|
||||
<span class="text-ink-fade">·</span>
|
||||
<span>restic <span class="mono text-ink-mid">{{if $host.ResticVersion}}{{$host.ResticVersion}}{{else}}—{{end}}</span></span>
|
||||
<span class="text-ink-fade">·</span>
|
||||
{{if eq $host.Status "offline"}}
|
||||
<span>last seen <span class="mono text-ink-mid">{{relTime $host.LastSeenAt}}</span></span>
|
||||
{{else}}
|
||||
<span>online · last heartbeat <span class="mono text-ink-mid">{{relTime $host.LastSeenAt}}</span></span>
|
||||
{{end}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-center gap-2">
|
||||
<button class="btn" disabled title="per-source-group Run-now lands in P2 Phase 4">Run backup now</button>
|
||||
<button class="btn">Edit credentials</button>
|
||||
<button class="btn btn-ghost text-base px-2.5">⋯</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{/* ---------- vitals strip ---------- */}}
|
||||
<div class="grid grid-cols-12 gap-6 mt-6 py-5 border-y border-line-soft">
|
||||
<div class="col-span-3">
|
||||
<div class="text-[11px] text-ink-fade uppercase tracking-[0.08em]">Last backup</div>
|
||||
<div class="mono text-[18px] text-ink mt-1">
|
||||
{{if eq (deref $host.LastBackupStatus) "succeeded"}}
|
||||
<span class="text-ok">succeeded</span>
|
||||
{{else if eq (deref $host.LastBackupStatus) "failed"}}
|
||||
<span class="text-bad">failed</span>
|
||||
{{else if eq (deref $host.LastBackupStatus) "cancelled"}}
|
||||
<span class="text-warn">cancelled</span>
|
||||
{{else}}
|
||||
<span class="text-ink-fade italic">never run</span>
|
||||
{{end}}
|
||||
{{if $host.LastBackupAt}} · {{relTime $host.LastBackupAt}}{{end}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-span-3">
|
||||
<div class="text-[11px] text-ink-fade uppercase tracking-[0.08em]">Repo size</div>
|
||||
<div class="mono text-[18px] text-ink mt-1">{{bytes $host.RepoSizeBytes}}</div>
|
||||
</div>
|
||||
<div class="col-span-3">
|
||||
<div class="text-[11px] text-ink-fade uppercase tracking-[0.08em]">Snapshots</div>
|
||||
<div class="mono text-[18px] text-ink mt-1">{{comma $host.SnapshotCount}}</div>
|
||||
</div>
|
||||
<div class="col-span-3">
|
||||
<div class="text-[11px] text-ink-fade uppercase tracking-[0.08em]">Open alerts</div>
|
||||
<div class="mono text-[18px] mt-1 {{if gt $host.OpenAlertCount 0}}text-bad{{else}}text-ok{{end}}">
|
||||
{{if eq $host.OpenAlertCount 0}}0 · all clear{{else}}{{$host.OpenAlertCount}} · review →{{end}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{/* ---------- secondary tabs ---------- */}}
|
||||
<div class="flex items-end mt-1.5">
|
||||
<a class="sub-tab active" href="/hosts/{{$host.ID}}">Snapshots <span class="mono text-ink-fade text-[11px] ml-1">{{comma $host.SnapshotCount}}</span></a>
|
||||
<div class="sub-tab" title="schedules UI lands in P2 Phase 4">Schedules</div>
|
||||
<div class="sub-tab">Jobs</div>
|
||||
<div class="sub-tab">Repo</div>
|
||||
<div class="sub-tab">Settings</div>
|
||||
</div>
|
||||
<div class="max-w-[1280px] mx-auto px-8 pb-14">
|
||||
|
||||
{{/* ---------- snapshots tab ---------- */}}
|
||||
<div class="grid grid-cols-12 gap-6 pt-6 pb-14 items-start">
|
||||
<div class="grid grid-cols-12 gap-6 pt-6 items-start">
|
||||
|
||||
<div class="col-span-9">
|
||||
<div class="flex items-center justify-between mb-3">
|
||||
@@ -106,7 +26,7 @@
|
||||
Once a backup completes, the agent will refresh this list automatically.
|
||||
</p>
|
||||
<div class="mt-5">
|
||||
<button class="btn" disabled title="per-source-group Run-now lands in P2 Phase 4">Run now</button>
|
||||
<a href="/hosts/{{$host.ID}}/sources" class="btn">Open Sources →</a>
|
||||
</div>
|
||||
</div>
|
||||
{{else}}
|
||||
@@ -150,13 +70,10 @@
|
||||
|
||||
<div class="panel rounded-[7px] px-4 py-3.5">
|
||||
<div class="text-[11px] text-ink-fade uppercase tracking-[0.1em] mb-2.5">Run-now</div>
|
||||
<div class="flex flex-col gap-1.5">
|
||||
<button class="btn justify-start w-full" disabled title="per-source-group Run-now lands in P2 Phase 4">backup <span class="text-[10px] text-ink-fade ml-1.5">P2</span></button>
|
||||
<button class="btn justify-start w-full" disabled title="lands with P2-05">forget <span class="text-[10px] text-ink-fade ml-1.5">P2</span></button>
|
||||
<button class="btn justify-start w-full" disabled title="lands with P2-06">prune <span class="text-[10px] text-ink-fade ml-1.5">admin</span></button>
|
||||
<button class="btn justify-start w-full" disabled title="lands with P2-07">check <span class="text-[10px] text-ink-fade ml-1.5">P2</span></button>
|
||||
<button class="btn justify-start w-full" disabled title="lands with P2-08">unlock <span class="text-[10px] text-ink-fade ml-1.5">P2</span></button>
|
||||
</div>
|
||||
<p class="text-[12px] text-ink-mute leading-[1.55] mb-2">
|
||||
Run-now lives on individual source groups now —
|
||||
<a href="/hosts/{{$host.ID}}/sources" class="underline">open Sources →</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="panel rounded-[7px] px-4 py-3.5">
|
||||
|
||||
Reference in New Issue
Block a user