P2R-02: UI rewire against the slim-schedule + source-group model #2
@@ -185,6 +185,10 @@ func (s *Server) routes(r chi.Router) {
|
||||
r.Get("/hosts/pending/{token}/awaiting", s.handleUIPendingAwaiting)
|
||||
// Host detail (Snapshots tab is the default).
|
||||
r.Get("/hosts/{id}", s.handleUIHostDetail)
|
||||
// Sources tab (slice 2 fills in CRUD).
|
||||
r.Get("/hosts/{id}/sources", s.handleUIHostSources)
|
||||
// Repo tab (slice 4 fills in body).
|
||||
r.Get("/hosts/{id}/repo", s.handleUIHostRepo)
|
||||
// Schedules tab + create/edit/delete forms.
|
||||
r.Get("/hosts/{id}/schedules", s.handleUISchedulesList)
|
||||
r.Get("/hosts/{id}/schedules/new", s.handleUIScheduleNewGet)
|
||||
|
||||
@@ -397,9 +397,44 @@ type awaitingFragment struct {
|
||||
LastSeenAt *time.Time
|
||||
}
|
||||
|
||||
// hostChromeData is the field set the host_chrome partial reads from
|
||||
// every host-detail-tab page's Page struct. Embed it as the first
|
||||
// (anonymous) field of the page struct so .Page.Host / .Page.SubTab
|
||||
// resolve via field promotion in the template.
|
||||
type hostChromeData struct {
|
||||
Host store.Host
|
||||
SubTab string // snapshots | sources | schedules | repo
|
||||
Crumb string // breadcrumb tail ("snapshots" / "sources" / etc)
|
||||
SourceGroupCount int
|
||||
ScheduleCount int
|
||||
ScheduleVersion int64 // host_schedule_version (latest desired)
|
||||
}
|
||||
|
||||
// loadHostChrome fetches the per-tab counts that every host-detail tab
|
||||
// renders in the chrome (sub-tab badges + version indicator). On any
|
||||
// non-fatal store error it logs and degrades to zeros — better to
|
||||
// render the page with stale counts than 500 the whole tab.
|
||||
func (s *Server) loadHostChrome(r *stdhttp.Request, host store.Host, subtab, crumb string) hostChromeData {
|
||||
d := hostChromeData{Host: host, SubTab: subtab, Crumb: crumb}
|
||||
if groups, err := s.deps.Store.ListSourceGroupsByHost(r.Context(), host.ID); err == nil {
|
||||
d.SourceGroupCount = len(groups)
|
||||
} else {
|
||||
slog.Warn("ui chrome: list source groups", "host_id", host.ID, "err", err)
|
||||
}
|
||||
if scheds, err := s.deps.Store.ListSchedulesByHost(r.Context(), host.ID); err == nil {
|
||||
d.ScheduleCount = len(scheds)
|
||||
} else {
|
||||
slog.Warn("ui chrome: list schedules", "host_id", host.ID, "err", err)
|
||||
}
|
||||
if v, err := s.deps.Store.GetHostScheduleVersion(r.Context(), host.ID); err == nil {
|
||||
d.ScheduleVersion = v
|
||||
}
|
||||
return d
|
||||
}
|
||||
|
||||
// hostDetailPage carries everything the host detail template needs.
|
||||
type hostDetailPage struct {
|
||||
Host store.Host
|
||||
hostChromeData
|
||||
Snapshots []store.Snapshot
|
||||
// SnapshotsShown is the number rendered (we cap at ~50 for the
|
||||
// first slice; pagination lands when it matters).
|
||||
@@ -443,7 +478,7 @@ func (s *Server) handleUIHostDetail(w stdhttp.ResponseWriter, r *stdhttp.Request
|
||||
view := s.baseView(u, "dashboard")
|
||||
view.Title = host.Name + " · restic-manager"
|
||||
view.Page = hostDetailPage{
|
||||
Host: *host,
|
||||
hostChromeData: s.loadHostChrome(r, *host, "snapshots", "snapshots"),
|
||||
Snapshots: shown,
|
||||
SnapshotsShown: len(shown),
|
||||
}
|
||||
|
||||
@@ -0,0 +1,34 @@
|
||||
package http
|
||||
|
||||
import (
|
||||
"log/slog"
|
||||
stdhttp "net/http"
|
||||
)
|
||||
|
||||
// ui_repo.go — HTML form-driven repo-tab handlers (connection,
|
||||
// bandwidth caps, maintenance cadences, danger-zone re-init). Slice
|
||||
// 1 of P2R-02 lights the tab; slice 4 fills in the body.
|
||||
|
||||
type hostRepoPage struct {
|
||||
hostChromeData
|
||||
}
|
||||
|
||||
func (s *Server) handleUIHostRepo(w stdhttp.ResponseWriter, r *stdhttp.Request) {
|
||||
u := s.requireUIUser(w, r)
|
||||
if u == nil {
|
||||
return
|
||||
}
|
||||
host, ok := s.loadHostForUI(w, r)
|
||||
if !ok {
|
||||
return
|
||||
}
|
||||
view := s.baseView(u, "dashboard")
|
||||
view.Title = host.Name + " repo · restic-manager"
|
||||
view.Page = hostRepoPage{
|
||||
hostChromeData: s.loadHostChrome(r, *host, "repo", "repo"),
|
||||
}
|
||||
if err := s.deps.UI.Render(w, "host_repo", view); err != nil {
|
||||
slog.Error("ui: render host_repo", "err", err)
|
||||
stdhttp.Error(w, "internal", stdhttp.StatusInternalServerError)
|
||||
}
|
||||
}
|
||||
@@ -1,38 +1,83 @@
|
||||
package http
|
||||
|
||||
import (
|
||||
"errors"
|
||||
"log/slog"
|
||||
stdhttp "net/http"
|
||||
|
||||
"github.com/go-chi/chi/v5"
|
||||
|
||||
"gitea.dcglab.co.uk/steve/restic-manager/internal/store"
|
||||
)
|
||||
|
||||
// ui_schedules.go — HTML form-driven schedule CRUD.
|
||||
//
|
||||
// Stubbed during the P2 redesign template rewrite. Phase 4 of the
|
||||
// redesign rebuilds the schedule editor against the new slim shape
|
||||
// (cron + source-group multi-select + enabled), the source-group
|
||||
// list/edit pages, and the repo-maintenance tab. Until then these
|
||||
// routes return 501; the dashboard's host-row "View →" link is the
|
||||
// only operator entry point that still works.
|
||||
// ui_schedules.go — HTML form-driven schedule CRUD against the slim
|
||||
// shape (cron + source-group multi-select + enabled). The list view
|
||||
// is live as of slice 1 of P2R-02; the new/edit/delete/run handlers
|
||||
// land in slice 3.
|
||||
|
||||
// hostSchedulesPage is the data the schedules-tab template renders.
|
||||
type hostSchedulesPage struct {
|
||||
hostChromeData
|
||||
}
|
||||
|
||||
func (s *Server) handleUISchedulesList(w stdhttp.ResponseWriter, r *stdhttp.Request) {
|
||||
stdhttp.Error(w, "schedules UI is being rebuilt — see P2 redesign Phase 4", stdhttp.StatusNotImplemented)
|
||||
u := s.requireUIUser(w, r)
|
||||
if u == nil {
|
||||
return
|
||||
}
|
||||
host, ok := s.loadHostForUI(w, r)
|
||||
if !ok {
|
||||
return
|
||||
}
|
||||
view := s.baseView(u, "dashboard")
|
||||
view.Title = host.Name + " schedules · restic-manager"
|
||||
view.Page = hostSchedulesPage{
|
||||
hostChromeData: s.loadHostChrome(r, *host, "schedules", "schedules"),
|
||||
}
|
||||
if err := s.deps.UI.Render(w, "host_schedules", view); err != nil {
|
||||
slog.Error("ui: render host_schedules", "err", err)
|
||||
stdhttp.Error(w, "internal", stdhttp.StatusInternalServerError)
|
||||
}
|
||||
}
|
||||
|
||||
func (s *Server) handleUIScheduleNewGet(w stdhttp.ResponseWriter, r *stdhttp.Request) {
|
||||
stdhttp.Error(w, "schedules UI is being rebuilt — see P2 redesign Phase 4", stdhttp.StatusNotImplemented)
|
||||
stdhttp.Error(w, "schedule editor lands in P2R-02 slice 3", stdhttp.StatusNotImplemented)
|
||||
}
|
||||
|
||||
func (s *Server) handleUIScheduleEditGet(w stdhttp.ResponseWriter, r *stdhttp.Request) {
|
||||
stdhttp.Error(w, "schedules UI is being rebuilt — see P2 redesign Phase 4", stdhttp.StatusNotImplemented)
|
||||
stdhttp.Error(w, "schedule editor lands in P2R-02 slice 3", stdhttp.StatusNotImplemented)
|
||||
}
|
||||
|
||||
func (s *Server) handleUIScheduleSave(w stdhttp.ResponseWriter, r *stdhttp.Request) {
|
||||
stdhttp.Error(w, "schedules UI is being rebuilt — see P2 redesign Phase 4", stdhttp.StatusNotImplemented)
|
||||
stdhttp.Error(w, "schedule editor lands in P2R-02 slice 3", stdhttp.StatusNotImplemented)
|
||||
}
|
||||
|
||||
func (s *Server) handleUIScheduleDelete(w stdhttp.ResponseWriter, r *stdhttp.Request) {
|
||||
stdhttp.Error(w, "schedules UI is being rebuilt — see P2 redesign Phase 4", stdhttp.StatusNotImplemented)
|
||||
stdhttp.Error(w, "schedule editor lands in P2R-02 slice 3", stdhttp.StatusNotImplemented)
|
||||
}
|
||||
|
||||
func (s *Server) handleUIScheduleRun(w stdhttp.ResponseWriter, r *stdhttp.Request) {
|
||||
stdhttp.Error(w, "schedules UI is being rebuilt — see P2 redesign Phase 4", stdhttp.StatusNotImplemented)
|
||||
stdhttp.Error(w, "schedule editor lands in P2R-02 slice 3", stdhttp.StatusNotImplemented)
|
||||
}
|
||||
|
||||
// loadHostForUI is a small helper shared across the host-detail tab
|
||||
// handlers — fetches the host by URL param, writing the appropriate
|
||||
// 404/500 + returning ok=false on failure.
|
||||
func (s *Server) loadHostForUI(w stdhttp.ResponseWriter, r *stdhttp.Request) (*store.Host, bool) {
|
||||
hostID := chi.URLParam(r, "id")
|
||||
if hostID == "" {
|
||||
stdhttp.NotFound(w, r)
|
||||
return nil, false
|
||||
}
|
||||
host, err := s.deps.Store.GetHost(r.Context(), hostID)
|
||||
if err != nil {
|
||||
if errors.Is(err, store.ErrNotFound) {
|
||||
stdhttp.NotFound(w, r)
|
||||
return nil, false
|
||||
}
|
||||
slog.Error("ui host tab: get host", "host_id", hostID, "err", err)
|
||||
stdhttp.Error(w, "internal", stdhttp.StatusInternalServerError)
|
||||
return nil, false
|
||||
}
|
||||
return host, true
|
||||
}
|
||||
|
||||
@@ -0,0 +1,34 @@
|
||||
package http
|
||||
|
||||
import (
|
||||
"log/slog"
|
||||
stdhttp "net/http"
|
||||
)
|
||||
|
||||
// ui_sources.go — HTML form-driven source-group CRUD. Slice 1 of
|
||||
// P2R-02 lights the tab; slice 2 fills in list, new, edit, delete,
|
||||
// and per-group Run-now.
|
||||
|
||||
type hostSourcesPage struct {
|
||||
hostChromeData
|
||||
}
|
||||
|
||||
func (s *Server) handleUIHostSources(w stdhttp.ResponseWriter, r *stdhttp.Request) {
|
||||
u := s.requireUIUser(w, r)
|
||||
if u == nil {
|
||||
return
|
||||
}
|
||||
host, ok := s.loadHostForUI(w, r)
|
||||
if !ok {
|
||||
return
|
||||
}
|
||||
view := s.baseView(u, "dashboard")
|
||||
view.Title = host.Name + " sources · restic-manager"
|
||||
view.Page = hostSourcesPage{
|
||||
hostChromeData: s.loadHostChrome(r, *host, "sources", "sources"),
|
||||
}
|
||||
if err := s.deps.UI.Render(w, "host_sources", view); err != nil {
|
||||
slog.Error("ui: render host_sources", "err", err)
|
||||
stdhttp.Error(w, "internal", stdhttp.StatusInternalServerError)
|
||||
}
|
||||
}
|
||||
@@ -91,6 +91,7 @@ func New() (*Renderer, error) {
|
||||
"templates/partials/host_row.html",
|
||||
"templates/partials/toast.html",
|
||||
"templates/partials/awaiting_agent.html",
|
||||
"templates/partials/host_chrome.html",
|
||||
}
|
||||
|
||||
pageEntries, err := fs.Glob(web.FS, "templates/pages/*.html")
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -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">
|
||||
|
||||
@@ -0,0 +1,14 @@
|
||||
{{define "title"}}{{.Title}}{{end}}
|
||||
|
||||
{{define "content"}}
|
||||
{{template "host_chrome" .}}
|
||||
<div class="max-w-[1280px] mx-auto px-8 pb-14 pt-6">
|
||||
<div class="empty-state">
|
||||
<h3 class="text-base font-medium tracking-[-0.005em]">Repo tab — coming next.</h3>
|
||||
<p class="text-pretty text-ink-mute text-[13px] mt-2 mx-auto max-w-[480px] leading-[1.65]">
|
||||
Connection settings, bandwidth caps, maintenance cadences, and the
|
||||
danger-zone re-init land in P2R-02 slice 4.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{{end}}
|
||||
@@ -0,0 +1,13 @@
|
||||
{{define "title"}}{{.Title}}{{end}}
|
||||
|
||||
{{define "content"}}
|
||||
{{template "host_chrome" .}}
|
||||
<div class="max-w-[1280px] mx-auto px-8 pb-14 pt-6">
|
||||
<div class="empty-state">
|
||||
<h3 class="text-base font-medium tracking-[-0.005em]">Schedules tab — coming next.</h3>
|
||||
<p class="text-pretty text-ink-mute text-[13px] mt-2 mx-auto max-w-[480px] leading-[1.65]">
|
||||
The slim-schedule list and form land in P2R-02 slice 3.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{{end}}
|
||||
@@ -0,0 +1,13 @@
|
||||
{{define "title"}}{{.Title}}{{end}}
|
||||
|
||||
{{define "content"}}
|
||||
{{template "host_chrome" .}}
|
||||
<div class="max-w-[1280px] mx-auto px-8 pb-14 pt-6">
|
||||
<div class="empty-state">
|
||||
<h3 class="text-base font-medium tracking-[-0.005em]">Sources tab — coming next.</h3>
|
||||
<p class="text-pretty text-ink-mute text-[13px] mt-2 mx-auto max-w-[480px] leading-[1.65]">
|
||||
The source-group editor lands in P2R-02 slice 2.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{{end}}
|
||||
@@ -1,198 +0,0 @@
|
||||
{{define "title"}}{{.Title}}{{end}}
|
||||
|
||||
{{define "content"}}
|
||||
{{$page := .Page}}
|
||||
{{$host := $page.Host}}
|
||||
<div class="max-w-[1280px] mx-auto px-8 pt-9 pb-24">
|
||||
|
||||
<div class="crumbs">
|
||||
<a href="/">Dashboard</a><span class="sep">/</span>
|
||||
<a href="/hosts/{{$host.ID}}">{{$host.Name}}</a><span class="sep">/</span>
|
||||
<a href="/hosts/{{$host.ID}}/schedules">schedules</a><span class="sep">/</span>
|
||||
<span class="text-ink-mid">{{if $page.IsNew}}new{{else}}edit{{end}}</span>
|
||||
</div>
|
||||
|
||||
<h1 class="text-2xl font-medium tracking-[-0.012em] mt-2.5">
|
||||
{{if $page.IsNew}}New schedule{{else}}Edit schedule{{end}}
|
||||
<span class="text-ink-fade">·</span>
|
||||
<span class="mono text-ink">{{$host.Name}}</span>
|
||||
</h1>
|
||||
<p class="text-pretty text-ink-mute text-[13px] mt-1.5 max-w-[640px]">
|
||||
Backups run on the cron expression below. The agent applies whatever the server most
|
||||
recently pushed; an offline agent catches up on the next reconnect.
|
||||
</p>
|
||||
|
||||
{{if $page.Error}}
|
||||
<div class="mt-6 px-4 py-3 rounded-[5px] text-[13px]"
|
||||
style="background: color-mix(in oklch, var(--bad), transparent 88%);
|
||||
border: 1px solid color-mix(in oklch, var(--bad), transparent 70%);
|
||||
color: oklch(0.85 0.10 25);">
|
||||
{{$page.Error}}
|
||||
</div>
|
||||
{{end}}
|
||||
|
||||
<form method="post"
|
||||
action="{{if $page.IsNew}}/hosts/{{$host.ID}}/schedules/new{{else}}/hosts/{{$host.ID}}/schedules/{{$page.ScheduleID}}/edit{{end}}"
|
||||
class="grid grid-cols-12 gap-8 mt-7">
|
||||
|
||||
<div class="col-span-7 panel rounded-[7px] px-8 py-7">
|
||||
|
||||
<h3 class="text-[13px] font-semibold uppercase tracking-[0.08em] text-ink-mute mb-4">Kind</h3>
|
||||
<div class="mb-7">
|
||||
{{if $page.IsNew}}
|
||||
<label class="field-label" for="se-kind">What does this schedule do?</label>
|
||||
<select id="se-kind" name="kind" class="field mono"
|
||||
onchange="document.querySelectorAll('[data-kind]').forEach(el => { el.style.display = el.dataset.kind === this.value ? '' : 'none'; });">
|
||||
<option value="backup" {{if eq $page.Kind "backup"}}selected{{end}}>backup — snapshot the configured paths</option>
|
||||
<option value="forget" {{if eq $page.Kind "forget"}}selected{{end}}>forget — apply retention policy (rewrite the snapshot index)</option>
|
||||
</select>
|
||||
<div class="field-help">
|
||||
<span class="mono text-ink-mid">backup</span> reads files and writes a snapshot.
|
||||
<span class="mono text-ink-mid">forget</span> trims the index by your <strong>Keep-*</strong> rules without deleting data —
|
||||
an admin-only <span class="mono text-ink-mid">prune</span> job (P2-06) reclaims the disk space later.
|
||||
Other kinds (<span class="mono text-ink-mid">prune</span>, <span class="mono text-ink-mid">check</span>, <span class="mono text-ink-mid">unlock</span>) land in P2-06..08.
|
||||
</div>
|
||||
{{else}}
|
||||
<input type="hidden" name="kind" value="{{$page.Kind}}">
|
||||
<div class="text-[13px] text-ink-mid">
|
||||
Kind: <span class="mono text-ink">{{$page.Kind}}</span>
|
||||
<span class="text-ink-fade">— immutable on edit; delete and recreate to switch kind.</span>
|
||||
</div>
|
||||
{{end}}
|
||||
</div>
|
||||
|
||||
<h3 class="text-[13px] font-semibold uppercase tracking-[0.08em] text-ink-mute mb-4 pt-6 border-t border-line-soft">When</h3>
|
||||
|
||||
<div class="mb-5">
|
||||
<label class="flex items-center gap-2.5 cursor-pointer text-[13px]">
|
||||
<input id="se-manual" type="checkbox" name="manual" {{if $page.Manual}}checked{{end}}
|
||||
onchange="document.getElementById('se-cron-block').style.display=this.checked?'none':'';">
|
||||
<span>Manual schedule <span class="text-ink-fade font-normal">— no cron, only fires when you click Run-now</span></span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div id="se-cron-block" class="mb-5" {{if $page.Manual}}style="display: none;"{{end}}>
|
||||
<label class="field-label" for="se-cron">Cron expression</label>
|
||||
<input id="se-cron" name="cron_expr" type="text" class="field mono" value="{{$page.CronExpr}}">
|
||||
<div class="field-help">
|
||||
Standard 5-field cron with descriptors. Examples:
|
||||
<span class="mono text-ink-mid">0 3 * * *</span> (daily 03:00),
|
||||
<span class="mono text-ink-mid">@hourly</span>,
|
||||
<span class="mono text-ink-mid">*/30 * * * *</span> (every 30 min).
|
||||
Server validates with the same parser the agent uses to fire.
|
||||
</div>
|
||||
<div class="flex flex-wrap gap-1.5 mt-2.5">
|
||||
{{range $cron := list "0 3 * * *" "0 */6 * * *" "@hourly" "0 3 * * 0" "0 3 1 * *"}}
|
||||
<button type="button" class="btn btn-ghost mono text-[11px]"
|
||||
onclick="document.getElementById('se-cron').value='{{$cron}}'">{{$cron}}</button>
|
||||
{{end}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div data-kind="backup" {{if ne $page.Kind "backup"}}style="display: none;"{{end}}>
|
||||
<h3 class="text-[13px] font-semibold uppercase tracking-[0.08em] text-ink-mute mb-4 pt-6 border-t border-line-soft">Paths</h3>
|
||||
<div class="mb-5">
|
||||
<label class="field-label" for="se-paths">Backup paths <span class="text-ink-fade font-normal">· one per line</span></label>
|
||||
<textarea id="se-paths" name="paths" rows="4" class="field mono"
|
||||
style="resize: vertical;"
|
||||
placeholder="/etc /home /var/lib/postgresql">{{$page.PathsRaw}}</textarea>
|
||||
<div class="field-help">What <span class="mono text-ink-mid">restic backup</span> walks. The agent runs as root with <span class="mono text-ink-mid">CAP_DAC_READ_SEARCH</span>, so any readable path is fair game.</div>
|
||||
</div>
|
||||
<div class="mb-7">
|
||||
<label class="field-label" for="se-excludes">Excludes <span class="text-ink-fade font-normal">· optional, one per line</span></label>
|
||||
<textarea id="se-excludes" name="excludes" rows="3" class="field mono"
|
||||
style="resize: vertical;"
|
||||
placeholder="*.tmp node_modules .cache">{{$page.ExcludesRaw}}</textarea>
|
||||
<div class="field-help">Passed straight through as <span class="mono text-ink-mid">--exclude</span> args.</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h3 class="text-[13px] font-semibold uppercase tracking-[0.08em] text-ink-mute mb-4 pt-6 border-t border-line-soft">Tags <span class="text-ink-fade font-normal">· optional</span></h3>
|
||||
<div class="mb-7">
|
||||
<label class="field-label" for="se-tags">Tags <span class="text-ink-fade font-normal">· comma-separated</span></label>
|
||||
<input id="se-tags" name="tags" type="text" class="field mono" placeholder="nightly, prod" value="{{$page.TagsRaw}}">
|
||||
<div class="field-help">Attached to every snapshot this schedule produces. Useful for retention rules (P2-05).</div>
|
||||
</div>
|
||||
|
||||
<h3 class="text-[13px] font-semibold uppercase tracking-[0.08em] text-ink-mute mb-4 pt-6 border-t border-line-soft">Retention <span class="text-ink-fade font-normal">· optional, all blank = keep everything</span></h3>
|
||||
<div class="grid grid-cols-3 gap-4 mb-7">
|
||||
<div>
|
||||
<label class="field-label" for="se-keep-last">Keep last</label>
|
||||
<input id="se-keep-last" name="keep_last" type="number" min="0" class="field mono" value="{{$page.KeepLast}}">
|
||||
</div>
|
||||
<div>
|
||||
<label class="field-label" for="se-keep-hourly">Keep hourly</label>
|
||||
<input id="se-keep-hourly" name="keep_hourly" type="number" min="0" class="field mono" value="{{$page.KeepHourly}}">
|
||||
</div>
|
||||
<div>
|
||||
<label class="field-label" for="se-keep-daily">Keep daily</label>
|
||||
<input id="se-keep-daily" name="keep_daily" type="number" min="0" class="field mono" value="{{$page.KeepDaily}}">
|
||||
</div>
|
||||
<div>
|
||||
<label class="field-label" for="se-keep-weekly">Keep weekly</label>
|
||||
<input id="se-keep-weekly" name="keep_weekly" type="number" min="0" class="field mono" value="{{$page.KeepWeekly}}">
|
||||
</div>
|
||||
<div>
|
||||
<label class="field-label" for="se-keep-monthly">Keep monthly</label>
|
||||
<input id="se-keep-monthly" name="keep_monthly" type="number" min="0" class="field mono" value="{{$page.KeepMonthly}}">
|
||||
</div>
|
||||
<div>
|
||||
<label class="field-label" for="se-keep-yearly">Keep yearly</label>
|
||||
<input id="se-keep-yearly" name="keep_yearly" type="number" min="0" class="field mono" value="{{$page.KeepYearly}}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-[12px] text-ink-mute leading-[1.55] mb-7">
|
||||
Applied by <span class="mono text-ink-mid">restic forget</span> when the prune job kind lands in P2-05. Mirrors restic's <span class="mono text-ink-mid">--keep-*</span> flags one-for-one.
|
||||
</div>
|
||||
|
||||
<h3 class="text-[13px] font-semibold uppercase tracking-[0.08em] text-ink-mute mb-4 pt-6 border-t border-line-soft">Bandwidth <span class="text-ink-fade font-normal">· optional</span></h3>
|
||||
<div class="grid grid-cols-2 gap-4 mb-7">
|
||||
<div>
|
||||
<label class="field-label" for="se-up">Limit upload <span class="text-ink-fade font-normal">· KB/s</span></label>
|
||||
<input id="se-up" name="limit_up_kbps" type="number" min="0" class="field mono" value="{{$page.LimitUpKBps}}">
|
||||
</div>
|
||||
<div>
|
||||
<label class="field-label" for="se-down">Limit download <span class="text-ink-fade font-normal">· KB/s</span></label>
|
||||
<input id="se-down" name="limit_down_kbps" type="number" min="0" class="field mono" value="{{$page.LimitDownKBps}}">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="pt-6 border-t border-line-soft">
|
||||
<label class="flex items-center gap-2.5 cursor-pointer text-[13px]">
|
||||
<input type="checkbox" name="enabled" {{if $page.Enabled}}checked{{end}}>
|
||||
<span>Enabled</span>
|
||||
<span class="text-ink-fade">— uncheck to keep the row but stop it from firing.</span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="flex gap-2 pt-7">
|
||||
<button type="submit" class="btn btn-primary btn-lg">{{if $page.IsNew}}Create schedule{{else}}Save changes{{end}}</button>
|
||||
<a href="/hosts/{{$host.ID}}/schedules" class="btn btn-lg">Cancel</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<aside class="col-span-5">
|
||||
<div class="text-[11px] uppercase tracking-[0.1em] text-ink-fade mb-3">How this works</div>
|
||||
<ol class="list-none p-0 m-0 space-y-4">
|
||||
<li class="relative pl-9">
|
||||
<span class="absolute left-0 top-0 w-[22px] h-[22px] border border-line rounded-full text-[11px] leading-[20px] text-center text-ink-mute mono">1</span>
|
||||
<div class="text-[13px] text-ink font-medium">Server is the source of truth</div>
|
||||
<div class="text-[12px] text-ink-mute mt-1 leading-[1.55]">Saving here bumps <span class="mono text-ink-mid">host_schedule_version</span> and pushes the new set to the agent over WS. Offline agents catch up on reconnect.</div>
|
||||
</li>
|
||||
<li class="relative pl-9">
|
||||
<span class="absolute left-0 top-0 w-[22px] h-[22px] border border-line rounded-full text-[11px] leading-[20px] text-center text-ink-mute mono">2</span>
|
||||
<div class="text-[13px] text-ink font-medium">Agent fires locally</div>
|
||||
<div class="text-[12px] text-ink-mute mt-1 leading-[1.55]">On each tick the agent sends <span class="mono text-ink-mid">schedule.fire</span>; the server creates a job row (<span class="mono text-ink-mid">actor_kind=schedule</span>) and ships <span class="mono text-ink-mid">command.run</span> back. Same job lifecycle as run-now.</div>
|
||||
</li>
|
||||
<li class="relative pl-9">
|
||||
<span class="absolute left-0 top-0 w-[22px] h-[22px] border border-line rounded-full text-[11px] leading-[20px] text-center text-ink-mute mono">3</span>
|
||||
<div class="text-[13px] text-ink font-medium">Missed ticks fire on reconnect</div>
|
||||
<div class="text-[12px] text-ink-mute mt-1 leading-[1.55]">By design — the operator wants the missed backup to run, not be silently skipped because the agent was bouncing.</div>
|
||||
</li>
|
||||
</ol>
|
||||
</aside>
|
||||
|
||||
</form>
|
||||
|
||||
</div>
|
||||
{{end}}
|
||||
@@ -1,105 +0,0 @@
|
||||
{{define "title"}}{{.Title}}{{end}}
|
||||
|
||||
{{define "content"}}
|
||||
{{$page := .Page}}
|
||||
{{$host := $page.Host}}
|
||||
<div class="max-w-[1280px] mx-auto px-8 pt-7 pb-14">
|
||||
|
||||
<div class="crumbs">
|
||||
<a href="/">Dashboard</a><span class="sep">/</span>
|
||||
<a href="/hosts/{{$host.ID}}">{{$host.Name}}</a><span class="sep">/</span>
|
||||
<span class="text-ink-mid">schedules</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"></span>
|
||||
{{else}}
|
||||
<span class="dot dot-offline"></span>
|
||||
{{end}}
|
||||
<h1 class="text-[22px] font-medium tracking-[-0.01em]">
|
||||
schedules <span class="text-ink-fade">·</span>
|
||||
<span class="mono text-ink font-medium">{{$host.Name}}</span>
|
||||
</h1>
|
||||
<span class="mono text-[11px] text-ink-mute">version {{$page.Version}}{{if and (gt $page.Version 0) (ne $page.Version $page.AppliedVersion)}} <span class="text-warn">· agent at v{{$page.AppliedVersion}}</span>{{else if gt $page.Version 0}} <span class="text-ok">· agent in sync</span>{{end}}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-center gap-2">
|
||||
<a href="/hosts/{{$host.ID}}/schedules/new" class="btn btn-primary">New schedule</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{/* ---------- secondary tabs ---------- */}}
|
||||
<div class="flex items-end mt-7">
|
||||
<a class="sub-tab" href="/hosts/{{$host.ID}}">Snapshots <span class="mono text-ink-fade text-[11px] ml-1">{{comma $host.SnapshotCount}}</span></a>
|
||||
<a class="sub-tab active" href="/hosts/{{$host.ID}}/schedules">Schedules <span class="mono text-ink-fade text-[11px] ml-1">{{len $page.Schedules}}</span></a>
|
||||
<div class="sub-tab">Jobs</div>
|
||||
<div class="sub-tab">Repo</div>
|
||||
<div class="sub-tab">Settings</div>
|
||||
</div>
|
||||
|
||||
{{/* ---------- schedule rows ---------- */}}
|
||||
<div class="panel rounded-[7px] mt-6 overflow-hidden">
|
||||
{{if eq (len $page.Schedules) 0}}
|
||||
<div class="empty-state" style="border: none; background: var(--panel);">
|
||||
<h3 class="text-base font-medium tracking-[-0.005em]">No schedules yet.</h3>
|
||||
<p class="text-pretty text-ink-mute text-[13px] mt-2 mx-auto max-w-[480px] leading-[1.65]">
|
||||
Add one and the agent will start running backups on whatever cron expression you give it.
|
||||
Until then, run-now is the only way to trigger a backup.
|
||||
</p>
|
||||
<div class="mt-5">
|
||||
<a href="/hosts/{{$host.ID}}/schedules/new" class="btn btn-primary">New schedule</a>
|
||||
</div>
|
||||
</div>
|
||||
{{else}}
|
||||
<div class="hairline grid items-baseline px-4 py-2.5 text-[11px] text-ink-fade uppercase tracking-[0.08em]"
|
||||
style="grid-template-columns: 0.55fr 1fr 1.7fr 1.1fr 0.5fr 240px; column-gap: 18px;">
|
||||
<div>Status</div>
|
||||
<div>When</div>
|
||||
<div>Paths</div>
|
||||
<div>Retention</div>
|
||||
<div>Tags</div>
|
||||
<div></div>
|
||||
</div>
|
||||
{{range $page.Schedules}}
|
||||
<div class="grid items-center px-4 py-3 text-[13px] hairline"
|
||||
style="grid-template-columns: 0.55fr 1fr 1.7fr 1.1fr 0.5fr 240px; column-gap: 18px;">
|
||||
<div class="flex flex-col gap-0.5">
|
||||
{{if .Enabled}}
|
||||
<span class="mono text-[11px] text-ok">enabled</span>
|
||||
{{else}}
|
||||
<span class="mono text-[11px] text-ink-fade">disabled</span>
|
||||
{{end}}
|
||||
{{if .Manual}}
|
||||
<span class="mono text-[10.5px] text-ink-mute">manual</span>
|
||||
{{end}}
|
||||
</div>
|
||||
<div class="mono text-ink">{{if .Manual}}<span class="text-ink-fade">— run-now only —</span>{{else}}{{.CronExpr}}{{end}}</div>
|
||||
<div class="mono text-ink-mid text-[12px] truncate" title="{{joinDot .Paths}}">{{joinDot .Paths}}</div>
|
||||
<div class="mono text-[12px] text-ink-mid">{{.RetentionPolicy.Summary}}</div>
|
||||
<div class="flex gap-1.5 flex-wrap">
|
||||
{{- range .Tags -}}<span class="tag">{{.}}</span>{{- end -}}
|
||||
</div>
|
||||
<div class="text-right flex gap-1.5 justify-end">
|
||||
{{if and .Enabled (eq $host.Status "online")}}
|
||||
<button class="btn btn-primary whitespace-nowrap"
|
||||
hx-post="/hosts/{{$host.ID}}/schedules/{{.ID}}/run"
|
||||
hx-swap="none"
|
||||
hx-disabled-elt="this">Run now</button>
|
||||
{{end}}
|
||||
<a href="/hosts/{{$host.ID}}/schedules/{{.ID}}/edit" class="btn whitespace-nowrap">Edit</a>
|
||||
<form method="post" action="/hosts/{{$host.ID}}/schedules/{{.ID}}/delete" style="display: inline;"
|
||||
onsubmit="return confirm('Delete this schedule? Existing snapshots are not affected.');">
|
||||
<button type="submit" class="btn btn-danger whitespace-nowrap">Delete</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
{{end}}
|
||||
{{end}}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
{{end}}
|
||||
@@ -0,0 +1,118 @@
|
||||
{{/*
|
||||
host_chrome — header (status dot + name + tags + meta), vitals
|
||||
strip, and the six sub-tab nav for any /hosts/{id}/... page.
|
||||
|
||||
Expects .Page to expose:
|
||||
.Host — store.Host
|
||||
.SubTab — "snapshots" | "sources" | "schedules" | "repo" | "jobs" | "settings"
|
||||
.SourceGroupCount — int
|
||||
.ScheduleCount — int
|
||||
.ScheduleVersion — int64 (host_schedule_version)
|
||||
.Crumb — string ("snapshots" / "sources" / etc — appended after host name)
|
||||
*/}}
|
||||
{{define "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>
|
||||
{{if eq $page.SubTab "snapshots"}}
|
||||
<span class="text-ink-mid">{{$host.Name}}</span>
|
||||
{{else}}
|
||||
<a href="/hosts/{{$host.ID}}">{{$host.Name}}</a><span class="sep">/</span>
|
||||
<span class="text-ink-mid">{{$page.Crumb}}</span>
|
||||
{{end}}
|
||||
</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>
|
||||
{{if gt $page.ScheduleVersion 0}}
|
||||
<span class="mono text-[11px] text-ink-mute ml-2">
|
||||
version {{$page.ScheduleVersion}}
|
||||
{{if eq $page.ScheduleVersion $host.AppliedScheduleVersion}}
|
||||
<span class="text-ok">· agent in sync</span>
|
||||
{{else}}
|
||||
<span class="text-warn">· agent at v{{$host.AppliedScheduleVersion}}</span>
|
||||
{{end}}
|
||||
</span>
|
||||
{{end}}
|
||||
</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 lives on the Sources tab">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 {{if eq $page.SubTab "snapshots"}}active{{end}}" href="/hosts/{{$host.ID}}">Snapshots <span class="mono text-ink-fade text-[11px] ml-1">{{comma $host.SnapshotCount}}</span></a>
|
||||
<a class="sub-tab {{if eq $page.SubTab "sources"}}active{{end}}" href="/hosts/{{$host.ID}}/sources">Sources <span class="mono text-ink-fade text-[11px] ml-1">{{$page.SourceGroupCount}}</span></a>
|
||||
<a class="sub-tab {{if eq $page.SubTab "schedules"}}active{{end}}" href="/hosts/{{$host.ID}}/schedules">Schedules <span class="mono text-ink-fade text-[11px] ml-1">{{$page.ScheduleCount}}</span></a>
|
||||
<a class="sub-tab {{if eq $page.SubTab "repo"}}active{{end}}" href="/hosts/{{$host.ID}}/repo">Repo</a>
|
||||
<div class="sub-tab" title="lands later">Jobs</div>
|
||||
<div class="sub-tab" title="lands later">Settings</div>
|
||||
</div>
|
||||
</div>
|
||||
{{end}}
|
||||
Reference in New Issue
Block a user