diff --git a/internal/app/app.go b/internal/app/app.go index f76f767..fdfc6c7 100644 --- a/internal/app/app.go +++ b/internal/app/app.go @@ -98,7 +98,11 @@ func New() (*App, error) { protected.Get("/automations", handler.AutomationsPage) protected.Get("/uptime", handler.UptimePage) protected.Get("/settings", handler.SettingsPage) + protected.Get("/settings/user", handler.UserSettingsPage) protected.Post("/settings/theme", handler.UpdateTheme) + protected.Post("/settings/user/theme", handler.UpdateUserTheme) + protected.Post("/settings/user/password", handler.UpdateUserPassword) + protected.Post("/settings/user/2fa/{action}", handler.UpdateUserOTP) protected.Group(func(editor chi.Router) { editor.Use(localmiddleware.RequireRole(models.RoleEditor)) diff --git a/internal/db/db.go b/internal/db/db.go index cb89734..1e650a4 100644 --- a/internal/db/db.go +++ b/internal/db/db.go @@ -57,6 +57,7 @@ func migrate(ctx context.Context, database *sql.DB) error { role TEXT NOT NULL, otp_secret TEXT NOT NULL, otp_enabled BOOLEAN NOT NULL DEFAULT 0, + theme_mode TEXT NOT NULL DEFAULT '', created_at DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP, FOREIGN KEY (organization_id) REFERENCES organizations(id) );`, @@ -185,6 +186,7 @@ func migrate(ctx context.Context, database *sql.DB) error { alterStatements := []string{ `ALTER TABLE organizations ADD COLUMN theme_mode TEXT NOT NULL DEFAULT 'dark';`, + `ALTER TABLE users ADD COLUMN theme_mode TEXT NOT NULL DEFAULT '';`, `ALTER TABLE nodes ADD COLUMN tag TEXT NOT NULL DEFAULT '';`, `ALTER TABLE nodes ADD COLUMN package_manager TEXT NOT NULL DEFAULT '';`, `ALTER TABLE nodes ADD COLUMN architecture TEXT NOT NULL DEFAULT '';`, diff --git a/internal/handlers/handlers.go b/internal/handlers/handlers.go index 05cb05e..d20c8aa 100644 --- a/internal/handlers/handlers.go +++ b/internal/handlers/handlers.go @@ -54,10 +54,28 @@ type nodePageData struct { } type settingsData struct { - ThemeVariables template.CSS - CurrentTheme string - CurrentMode string - Runs []models.CommandRun + NodeCount int + GroupCount int + JobCount int + UserCount int + Logs []settingsCommandLog +} + +type settingsCommandLog struct { + Target string + StartedAt time.Time + Status string + CommandText string + Output string +} + +type userSettingsData struct { + CurrentMode string + OTPEnabled bool + OTPSecret string + OTPQRCode string + Message string + Error string } type jobsPageData struct { @@ -70,6 +88,7 @@ type jobsPageData struct { type uptimePageData struct { Summary uptimeSummary + Chart uptimeChartData Periods []uptimePeriodRow Monitors []uptimeMonitorCard Incidents []models.UptimeIncident @@ -101,6 +120,26 @@ type uptimeMonitorCard struct { RecentChecks []models.UptimeCheck } +type uptimeChartPoint struct { + Label string + Availability float64 + AvailabilityText string + UpCount int + DownCount int + TotalCount int + AvailabilityHeight int + X float64 + Y float64 + ShowLabel bool +} + +type uptimeChartData struct { + Points []uptimeChartPoint + LabelsJSON template.JS + ValuesJSON template.JS + PointColorsJSON template.JS +} + func New(repo *services.Repository, auth *services.AuthService, sessions *services.SessionService, nodes *services.NodeService, renderer *views.Renderer, org models.Organization, baseURL string) *Handler { return &Handler{ repo: repo, @@ -748,17 +787,43 @@ func (h *Handler) CreateAutomation(w http.ResponseWriter, r *http.Request) { func (h *Handler) SettingsPage(w http.ResponseWriter, r *http.Request) { user := localmiddleware.CurrentUser(r) - org := h.currentOrganization(r.Context()) - currentMode := normalizeMode(org.ThemeMode) - currentTheme := normalizeTheme(org.Theme, currentMode) - h.render(w, r, "settings", "Theme System", settingsData{ - ThemeVariables: template.CSS(themePreview), - CurrentTheme: currentTheme, - CurrentMode: currentMode, - Runs: h.settingsRuns(r.Context()), + nodes, _ := h.nodes.ListNodes(r.Context(), h.org.ID) + groups, _ := h.repo.ListGroups(r.Context(), h.org.ID) + jobs, _ := h.nodes.ListAutomations(r.Context(), h.org.ID) + userCount, _ := h.repo.CountUsers(r.Context()) + h.render(w, r, "settings", "Settings", settingsData{ + NodeCount: len(nodes), + GroupCount: len(groups), + JobCount: len(jobs), + UserCount: userCount, + Logs: h.settingsLogs(r.Context()), }, user) } +func (h *Handler) UserSettingsPage(w http.ResponseWriter, r *http.Request) { + user := localmiddleware.CurrentUser(r) + if user == nil { + http.Redirect(w, r, "/login", http.StatusSeeOther) + return + } + + data := userSettingsData{ + CurrentMode: effectiveThemeMode(user, h.currentOrganization(r.Context())), + OTPEnabled: user.OTPEnabled, + Message: strings.TrimSpace(r.URL.Query().Get("message")), + Error: strings.TrimSpace(r.URL.Query().Get("error")), + } + + if !user.OTPEnabled { + uri := h.auth.BuildOTPURI(user.Email, user.OTPSecret) + png, _ := qrcode.Encode(uri, qrcode.Medium, 256) + data.OTPSecret = user.OTPSecret + data.OTPQRCode = "data:image/png;base64," + encodeBase64(png) + } + + h.render(w, r, "user_settings", "User Settings", data, user) +} + func (h *Handler) UptimePage(w http.ResponseWriter, r *http.Request) { user := localmiddleware.CurrentUser(r) h.render(w, r, "uptime", "Uptime", h.uptimePageData(r.Context()), user) @@ -800,6 +865,122 @@ func (h *Handler) UpdateTheme(w http.ResponseWriter, r *http.Request) { http.Redirect(w, r, "/settings", http.StatusSeeOther) } +func (h *Handler) UpdateUserTheme(w http.ResponseWriter, r *http.Request) { + user := localmiddleware.CurrentUser(r) + if user == nil { + http.Redirect(w, r, "/login", http.StatusSeeOther) + return + } + + if err := r.ParseForm(); err != nil { + http.Redirect(w, r, "/settings/user?error=Bad+request", http.StatusSeeOther) + return + } + + mode := strings.TrimSpace(r.FormValue("mode")) + if !isAllowedMode(mode) { + http.Redirect(w, r, "/settings/user?error=Invalid+theme+mode", http.StatusSeeOther) + return + } + + if err := h.repo.UpdateUserThemeMode(r.Context(), user.ID, mode); err != nil { + http.Redirect(w, r, "/settings/user?error=Failed+to+save+theme", http.StatusSeeOther) + return + } + + http.Redirect(w, r, "/settings/user?message=Theme+updated", http.StatusSeeOther) +} + +func (h *Handler) UpdateUserPassword(w http.ResponseWriter, r *http.Request) { + user := localmiddleware.CurrentUser(r) + if user == nil { + http.Redirect(w, r, "/login", http.StatusSeeOther) + return + } + + if err := r.ParseForm(); err != nil { + http.Redirect(w, r, "/settings/user?error=Bad+request", http.StatusSeeOther) + return + } + + currentPassword := r.FormValue("current_password") + newPassword := r.FormValue("new_password") + confirmPassword := r.FormValue("confirm_password") + + if h.auth.ComparePassword(user.PasswordHash, currentPassword) != nil { + http.Redirect(w, r, "/settings/user?error=Current+password+is+incorrect", http.StatusSeeOther) + return + } + if len(newPassword) < 8 { + http.Redirect(w, r, "/settings/user?error=New+password+must+be+at+least+8+characters", http.StatusSeeOther) + return + } + if newPassword != confirmPassword { + http.Redirect(w, r, "/settings/user?error=Passwords+do+not+match", http.StatusSeeOther) + return + } + + hash, err := h.auth.HashPassword(newPassword) + if err != nil { + http.Redirect(w, r, "/settings/user?error=Failed+to+update+password", http.StatusSeeOther) + return + } + if err := h.repo.UpdateUserPassword(r.Context(), user.ID, hash); err != nil { + http.Redirect(w, r, "/settings/user?error=Failed+to+save+password", http.StatusSeeOther) + return + } + + http.Redirect(w, r, "/settings/user?message=Password+updated", http.StatusSeeOther) +} + +func (h *Handler) UpdateUserOTP(w http.ResponseWriter, r *http.Request) { + user := localmiddleware.CurrentUser(r) + if user == nil { + http.Redirect(w, r, "/login", http.StatusSeeOther) + return + } + + action := chi.URLParam(r, "action") + switch action { + case "disable": + if err := h.repo.UpdateUserOTP(r.Context(), user.ID, user.OTPSecret, false); err != nil { + http.Redirect(w, r, "/settings/user?error=Failed+to+disable+2FA", http.StatusSeeOther) + return + } + http.Redirect(w, r, "/settings/user?message=2FA+disabled", http.StatusSeeOther) + return + case "reset": + key, err := h.auth.NewOTP(user.Email) + if err != nil { + http.Redirect(w, r, "/settings/user?error=Failed+to+reset+2FA", http.StatusSeeOther) + return + } + if err := h.repo.UpdateUserOTP(r.Context(), user.ID, key.Secret(), false); err != nil { + http.Redirect(w, r, "/settings/user?error=Failed+to+reset+2FA", http.StatusSeeOther) + return + } + http.Redirect(w, r, "/settings/user?message=Scan+the+new+QR+code+to+enable+2FA", http.StatusSeeOther) + return + case "enable": + if err := r.ParseForm(); err != nil { + http.Redirect(w, r, "/settings/user?error=Bad+request", http.StatusSeeOther) + return + } + if !h.auth.VerifyOTP(user.OTPSecret, strings.TrimSpace(r.FormValue("code"))) { + http.Redirect(w, r, "/settings/user?error=Invalid+OTP+code", http.StatusSeeOther) + return + } + if err := h.repo.UpdateUserOTP(r.Context(), user.ID, user.OTPSecret, true); err != nil { + http.Redirect(w, r, "/settings/user?error=Failed+to+enable+2FA", http.StatusSeeOther) + return + } + http.Redirect(w, r, "/settings/user?message=2FA+enabled", http.StatusSeeOther) + return + default: + http.NotFound(w, r) + } +} + func (h *Handler) render(w http.ResponseWriter, r *http.Request, page, title string, content any, user ...*models.User) { var currentUser *models.User if len(user) > 0 { @@ -812,7 +993,7 @@ func (h *Handler) render(w http.ResponseWriter, r *http.Request, page, title str org := h.currentOrganization(r.Context()) groups, _ := h.repo.ListGroups(r.Context(), org.ID) tags, _ := h.repo.ListTags(r.Context(), org.ID) - mode := normalizeMode(org.ThemeMode) + mode := effectiveThemeMode(currentUser, org) theme := normalizeTheme(org.Theme, mode) h.renderer.Render(w, page, views.ViewData{ @@ -912,6 +1093,7 @@ func (h *Handler) uptimePageData(ctx context.Context) uptimePageData { return uptimePageData{ Summary: summary, + Chart: buildUptimeChart(checksByMonitor), Periods: periods, Monitors: cards, Incidents: incidents, @@ -1041,6 +1223,92 @@ func reverseChecks(checks []models.UptimeCheck) []models.UptimeCheck { return reversed } +func buildUptimeChart(checksByMonitor map[int64][]models.UptimeCheck) uptimeChartData { + type bucket struct { + up int + down int + total int + } + + buckets := map[time.Time]*bucket{} + for _, checks := range checksByMonitor { + for _, check := range checks { + minute := check.CheckedAt.Truncate(time.Minute) + if buckets[minute] == nil { + buckets[minute] = &bucket{} + } + buckets[minute].total++ + if check.Status == "up" { + buckets[minute].up++ + } else { + buckets[minute].down++ + } + } + } + + if len(buckets) == 0 { + return uptimeChartData{} + } + + timestamps := make([]time.Time, 0, len(buckets)) + for ts := range buckets { + timestamps = append(timestamps, ts) + } + sort.Slice(timestamps, func(i, j int) bool { + return timestamps[i].Before(timestamps[j]) + }) + if len(timestamps) > 30 { + timestamps = timestamps[len(timestamps)-30:] + } + + points := make([]uptimeChartPoint, 0, len(timestamps)) + for _, ts := range timestamps { + current := buckets[ts] + availability := 0.0 + if current.total > 0 { + availability = float64(current.up) * 100 / float64(current.total) + } + height := int(availability) + if current.total > 0 && height < 8 { + height = 8 + } + points = append(points, uptimeChartPoint{ + Label: ts.Format("15:04"), + Availability: availability, + AvailabilityText: fmt.Sprintf("%.0f%%", availability), + UpCount: current.up, + DownCount: current.down, + TotalCount: current.total, + AvailabilityHeight: height, + }) + } + + labels := make([]string, 0, len(points)) + values := make([]float64, 0, len(points)) + pointColors := make([]string, 0, len(points)) + for i := range points { + points[i].ShowLabel = i == 0 || i == len(points)-1 || i == len(points)/2 || i%6 == 0 + labels = append(labels, points[i].Label) + values = append(values, points[i].Availability) + if points[i].DownCount > 0 { + pointColors = append(pointColors, "#ef4444") + } else { + pointColors = append(pointColors, "rgb(var(--color-primary-500))") + } + } + + labelsJSON, _ := json.Marshal(labels) + valuesJSON, _ := json.Marshal(values) + pointColorsJSON, _ := json.Marshal(pointColors) + + return uptimeChartData{ + Points: points, + LabelsJSON: template.JS(labelsJSON), + ValuesJSON: template.JS(valuesJSON), + PointColorsJSON: template.JS(pointColorsJSON), + } +} + func shellForPage(page string) string { switch page { case "login", "login_otp", "register": @@ -1079,12 +1347,56 @@ func (h *Handler) nodesRunQuery(ctx context.Context, nodeID int64) (*sql.Rows, e `, nodeID) } -func (h *Handler) settingsRuns(ctx context.Context) []models.CommandRun { +func (h *Handler) settingsLogs(ctx context.Context) []settingsCommandLog { runs, err := h.nodes.ListCommandHistory(ctx, h.org.ID) if err != nil { return nil } - return runs + if len(runs) == 0 { + return nil + } + + var logs []settingsCommandLog + for _, run := range runs { + target := run.NodeName + if strings.TrimSpace(run.GroupName) != "" { + target = run.GroupName + " / " + target + } + commandText := strings.TrimSpace(run.CommandText) + if commandText == "" { + commandText = strings.TrimSpace(run.Action) + } + + if len(logs) > 0 { + last := &logs[len(logs)-1] + if last.Target == target && last.Status == run.Status && last.StartedAt.Equal(run.StartedAt) { + if commandText != "" && !strings.Contains(last.CommandText, commandText) { + if last.CommandText != "" { + last.CommandText += "\n" + } + last.CommandText += commandText + } + output := strings.TrimSpace(run.Output) + if output != "" && !strings.Contains(last.Output, output) { + if last.Output != "" { + last.Output += "\n\n" + } + last.Output += output + } + continue + } + } + + logs = append(logs, settingsCommandLog{ + Target: target, + StartedAt: run.StartedAt, + Status: run.Status, + CommandText: commandText, + Output: strings.TrimSpace(run.Output), + }) + } + + return logs } func (h *Handler) nodesDB() *sql.DB { @@ -1099,21 +1411,6 @@ func encodeBase64(raw []byte) string { return base64.StdEncoding.EncodeToString(raw) } -const themePreview = ` -:root { - --color-primary-50: 236 253 245; - --color-primary-100: 209 250 229; - --color-primary-200: 167 243 208; - --color-primary-300: 110 231 183; - --color-primary-400: 52 211 153; - --color-primary-500: 16 185 129; - --color-primary-600: 5 150 105; - --color-primary-700: 4 120 87; - --color-primary-800: 6 95 70; - --color-primary-900: 6 78 59; - --color-primary-950: 2 44 34; -}` - func buildSchedule(triggerType, kind, hour, minute, weekday, intervalValue, intervalUnit string) string { if triggerType == "triggered" { return "" @@ -1174,6 +1471,13 @@ func normalizeMode(mode string) string { return "dark" } +func effectiveThemeMode(user *models.User, org models.Organization) string { + if user != nil && strings.TrimSpace(user.ThemeMode) != "" { + return normalizeMode(user.ThemeMode) + } + return normalizeMode(org.ThemeMode) +} + func saveKeyUpload(r *http.Request, field string) (string, error) { file, header, err := r.FormFile(field) if err != nil { diff --git a/internal/models/models.go b/internal/models/models.go index e338cac..3333159 100644 --- a/internal/models/models.go +++ b/internal/models/models.go @@ -27,6 +27,7 @@ type User struct { Role Role OTPSecret string OTPEnabled bool + ThemeMode string CreatedAt time.Time } diff --git a/internal/services/node.go b/internal/services/node.go index 72685d4..aafedb3 100644 --- a/internal/services/node.go +++ b/internal/services/node.go @@ -188,6 +188,8 @@ func (s *NodeService) EnsureUptimeMonitorForNode(ctx context.Context, node *mode organization_id = excluded.organization_id, name = excluded.name, target = excluded.target, + interval_seconds = 60, + enabled = 1, updated_at = CURRENT_TIMESTAMP `, node.OrganizationID, node.ID, name, target) return err diff --git a/internal/services/repository.go b/internal/services/repository.go index f66b4a4..4c888c0 100644 --- a/internal/services/repository.go +++ b/internal/services/repository.go @@ -71,9 +71,9 @@ func (r *Repository) CountUsers(ctx context.Context) (int, error) { func (r *Repository) CreateUser(ctx context.Context, user *models.User) error { result, err := r.db.ExecContext(ctx, ` - INSERT INTO users (organization_id, name, email, password_hash, role, otp_secret, otp_enabled) - VALUES (?, ?, ?, ?, ?, ?, ?) - `, user.Organization, user.Name, user.Email, user.PasswordHash, user.Role, user.OTPSecret, user.OTPEnabled) + INSERT INTO users (organization_id, name, email, password_hash, role, otp_secret, otp_enabled, theme_mode) + VALUES (?, ?, ?, ?, ?, ?, ?, ?) + `, user.Organization, user.Name, user.Email, user.PasswordHash, user.Role, user.OTPSecret, user.OTPEnabled, user.ThemeMode) if err != nil { return err } @@ -85,12 +85,12 @@ func (r *Repository) CreateUser(ctx context.Context, user *models.User) error { func (r *Repository) GetUserByEmail(ctx context.Context, email string) (*models.User, error) { user := &models.User{} err := r.db.QueryRowContext(ctx, ` - SELECT id, organization_id, name, email, password_hash, role, otp_secret, otp_enabled, created_at + SELECT id, organization_id, name, email, password_hash, role, otp_secret, otp_enabled, theme_mode, created_at FROM users WHERE email = ? `, email).Scan( &user.ID, &user.Organization, &user.Name, &user.Email, &user.PasswordHash, &user.Role, - &user.OTPSecret, &user.OTPEnabled, &user.CreatedAt, + &user.OTPSecret, &user.OTPEnabled, &user.ThemeMode, &user.CreatedAt, ) if err != nil { return nil, err @@ -102,12 +102,12 @@ func (r *Repository) GetUserByEmail(ctx context.Context, email string) (*models. func (r *Repository) GetUserByID(ctx context.Context, id int64) (*models.User, error) { user := &models.User{} err := r.db.QueryRowContext(ctx, ` - SELECT id, organization_id, name, email, password_hash, role, otp_secret, otp_enabled, created_at + SELECT id, organization_id, name, email, password_hash, role, otp_secret, otp_enabled, theme_mode, created_at FROM users WHERE id = ? `, id).Scan( &user.ID, &user.Organization, &user.Name, &user.Email, &user.PasswordHash, &user.Role, - &user.OTPSecret, &user.OTPEnabled, &user.CreatedAt, + &user.OTPSecret, &user.OTPEnabled, &user.ThemeMode, &user.CreatedAt, ) if err != nil { return nil, err @@ -121,6 +121,21 @@ func (r *Repository) EnableUserOTP(ctx context.Context, id int64) error { return err } +func (r *Repository) UpdateUserPassword(ctx context.Context, id int64, passwordHash string) error { + _, err := r.db.ExecContext(ctx, `UPDATE users SET password_hash = ? WHERE id = ?`, passwordHash, id) + return err +} + +func (r *Repository) UpdateUserThemeMode(ctx context.Context, id int64, themeMode string) error { + _, err := r.db.ExecContext(ctx, `UPDATE users SET theme_mode = ? WHERE id = ?`, themeMode, id) + return err +} + +func (r *Repository) UpdateUserOTP(ctx context.Context, id int64, secret string, enabled bool) error { + _, err := r.db.ExecContext(ctx, `UPDATE users SET otp_secret = ?, otp_enabled = ? WHERE id = ?`, secret, enabled, id) + return err +} + func (r *Repository) EnsurePrimaryAdmin(ctx context.Context) error { var adminCount int if err := r.db.QueryRowContext(ctx, ` diff --git a/internal/views/layouts/app.gohtml b/internal/views/layouts/app.gohtml index 0d724fa..cd2b719 100644 --- a/internal/views/layouts/app.gohtml +++ b/internal/views/layouts/app.gohtml @@ -26,10 +26,6 @@ - {{else if eq .CurrentPath "/settings"}} - - Themes - {{else if eq .CurrentPath "/dashboard"}}
@@ -132,7 +139,7 @@
- +
@@ -145,13 +152,13 @@
-

Add VM

+

Add VM

-
Node
+
Node
@@ -179,7 +186,7 @@
-
Access
+
Access
@@ -188,12 +195,12 @@
@@ -209,7 +216,7 @@
-
Options
+
Options
@@ -227,7 +234,7 @@
- +
diff --git a/internal/views/layouts/base.gohtml b/internal/views/layouts/base.gohtml index 6da5a87..4b0b7e6 100644 --- a/internal/views/layouts/base.gohtml +++ b/internal/views/layouts/base.gohtml @@ -5,6 +5,8 @@ {{.Title}} - Maintainarr + + @@ -18,6 +20,7 @@ {{template "shell" .}} + diff --git a/internal/views/pages/automations.gohtml b/internal/views/pages/automations.gohtml index ffcccd6..84276a4 100644 --- a/internal/views/pages/automations.gohtml +++ b/internal/views/pages/automations.gohtml @@ -2,94 +2,102 @@ {{$data := .Content}}
-
Control Plane
-

Jobs

+
Control Plane
+

Jobs

Schedules, targets, runs, history, output.

-
-
-
-
-

Scheduled Jobs

-

Node, group, or tag targets with next run, last run, and command order.

-
- {{len $data.Jobs}} jobs -
-
- {{range $data.Jobs}} -
-
-
+
+
+
- {{.Name}} -
{{.TriggerType}} · {{if .NodeName}}{{.NodeName}}{{else if .GroupName}}{{.GroupName}}{{else if .Tag}}tag:{{.Tag}}{{else}}unassigned{{end}}
-
{{if .Schedule}}{{.Schedule}}{{else}}manual{{end}}
+

Scheduled Jobs

+

Node, group, or tag targets with next run, last run, and command order.

- {{if .Enabled}}Enabled{{else}}Paused{{end}} + {{len $data.Jobs}} jobs
-
-
-
Last run
-
{{if .LastRunAt}}{{.LastRunAt.Format "2006-01-02 15:04"}}{{else}}Never{{end}}
+
+ {{range $data.Jobs}} +
+
+
+
+ {{.Name}} +
{{.TriggerType}} · {{if .NodeName}}{{.NodeName}}{{else if .GroupName}}{{.GroupName}}{{else if .Tag}}tag:{{.Tag}}{{else}}unassigned{{end}}
+
{{if .Schedule}}{{.Schedule}}{{else}}manual{{end}}
+
+ {{if .Enabled}}Enabled{{else}}Paused{{end}} +
+
+
+
Last run
+
{{if .LastRunAt}}{{.LastRunAt.Format "2006-01-02 15:04"}}{{else}}Never{{end}}
+
+
+
Next run
+
{{if .NextRunAt}}{{.NextRunAt.Format "2006-01-02 15:04"}}{{else}}Manual{{end}}
+
+
+
Target
+
{{if .NodeName}}Node{{else if .GroupName}}Group{{else if .Tag}}Tag{{else}}None{{end}}
+
+
+
    + {{range (splitLines .Command)}} +
  1. {{.}}
    2. + {{end}} +
+
-
-
Next run
-
{{if .NextRunAt}}{{.NextRunAt.Format "2006-01-02 15:04"}}{{else}}Manual{{end}}
+ {{else}} +
+
+ No jobs yet. +
-
-
Target
-
{{if .NodeName}}Node{{else if .GroupName}}Group{{else if .Tag}}Tag{{else}}None{{end}}
-
-
-
    - {{range (splitLines .Command)}} -
  1. {{.}}
    2. - {{end}} -
+ {{end}}
- {{end}} -
-
-
+
-
-
-
-
-

Job History

-

Run duration, output, target node, and status.

-
-
-
- {{range $data.Runs}} -
-
+
+
+
- {{if .JobName}}{{.JobName}}{{else}}{{.Action}}{{end}} -
{{.NodeName}} · {{.StartedAt.Format "2006-01-02 15:04"}}
-
-
-
{{.Status}}
-
{{.DurationText}}
+

Job History

+

Run duration, output, target node, and status.

- 
{{.Output}}
+
+ {{range $data.Runs}} +
+
+
+ {{if .JobName}}{{.JobName}}{{else}}{{.Action}}{{end}} +
{{.NodeName}} · {{.StartedAt.Format "2006-01-02 15:04"}}
+
+
+
{{.Status}}
+
{{.DurationText}}
+
+
+ 
{{.Output}}
+
+ {{else}} +
+ No job runs yet. +
+ {{end}} +
- {{else}} -
No job runs yet.
- {{end}} -
-
-
-
+ +
diff --git a/internal/views/pages/register.gohtml b/internal/views/pages/register.gohtml index 5ee649d..21ef134 100644 --- a/internal/views/pages/register.gohtml +++ b/internal/views/pages/register.gohtml @@ -1,24 +1,24 @@ {{define "content"}}
-

Create account

+

Create account

{{with .Content}}{{with .Error}}
{{.}}
{{end}}{{end}}
- +
- +
- +
- +
- Back to sign in + Back to sign in
{{end}} diff --git a/internal/views/pages/settings.gohtml b/internal/views/pages/settings.gohtml index 5105e44..8193821 100644 --- a/internal/views/pages/settings.gohtml +++ b/internal/views/pages/settings.gohtml @@ -2,84 +2,119 @@ {{$data := .Content}}
-
Themes
-

Appearance

-

Dark or light only.

+
System
+

Settings

+

Application-wide status and command logs.

-
-
-
-
-

Theme Presets

-
- -
-
- - -
-
- - -
-
- - -
-
-
-
- -
+
+
-

Current

-
-
-
-
+
Nodes
+
{{$data.NodeCount}}
+
+
+
+
+
+
+
Groups
+
{{$data.GroupCount}}
+
+
+
+
+
+
+
Jobs
+
{{$data.JobCount}}
+
+
+
+
+
+
+
Users
+
{{$data.UserCount}}
+
+
+
+
+ +
+
+
+
+

Organization

+
+
+ Name + {{with $.Organization}}{{.Name}}{{end}} +
+
+ Topology + Single organization +
+
+ Database + SQLite +
-
- Theme: {{$data.CurrentTheme}}
- Mode: {{$data.CurrentMode}} +
+
+
+
+
+
+

Access

+
+
+ Roles + Admin / Editor / Viewer +
+
+ 2FA + OTP +
+
+ First user + Always Admin +
-
+
-

Command History

+

Command History

- - - - + + + + - {{if $data.Runs}} - {{range $data.Runs}} + {{if $data.Logs}} + {{range $data.Logs}} - + - + {{end}} {{else}} diff --git a/internal/views/pages/setup_otp.gohtml b/internal/views/pages/setup_otp.gohtml index 16c4f10..b9b47c2 100644 --- a/internal/views/pages/setup_otp.gohtml +++ b/internal/views/pages/setup_otp.gohtml @@ -1,30 +1,30 @@ {{define "content"}} {{$c := .Content}}
- Security -

Enable OTP 2FA

+ Security +

Enable OTP 2FA

{{with $c}}{{with .Error}}
{{.}}
{{end}}{{end}}
-
- OTP QR code -
+
+ OTP QR code +
-
-
- - -
-
- - -
- - +
+
+ + +
+
+ + +
+ +
diff --git a/internal/views/pages/uptime.gohtml b/internal/views/pages/uptime.gohtml index 0659360..e7f9050 100644 --- a/internal/views/pages/uptime.gohtml +++ b/internal/views/pages/uptime.gohtml @@ -4,7 +4,7 @@
-
Monitors
+
Monitors
{{$data.Summary.TotalMonitors}}
@@ -12,7 +12,7 @@
-
Up
+
Up
{{$data.Summary.UpMonitors}}
@@ -20,7 +20,7 @@
-
Down
+
Down
{{$data.Summary.DownMonitors}}
@@ -28,7 +28,7 @@
-
Avg latency
+
Avg latency
{{if $data.Summary.AvgLatencyMS}}{{$data.Summary.AvgLatencyMS}}ms{{else}}-{{end}}
@@ -40,64 +40,26 @@
-

Monitors

- SSH endpoint checks +
+

Fleet availability

+
Last 30 one-minute samples
+
+ 1 minute interval
-
- {{if $data.Monitors}} - {{range $data.Monitors}} -
-
-
-
-
{{.Monitor.Name}}
-
{{.Monitor.Target}}{{if .Monitor.GroupName}} · {{.Monitor.GroupName}}{{end}}
-
- - {{if eq .Monitor.LastStatus "down"}}Down{{else if eq .Monitor.LastStatus "up"}}Up{{else}}Pending{{end}} - -
- -
-
- Availability - {{.AvailabilityText}} -
-
- Latency - {{if .Monitor.LastLatencyMS}}{{.Monitor.LastLatencyMS}}ms{{else}}-{{end}} -
-
- Checked - {{.LastCheckedText}} -
-
- Interval - {{.IntervalText}} -
-
- - - -
- {{.StateDurationText}} - {{if .Monitor.LastError}}{{.Monitor.LastError}}{{else}}{{.Monitor.NodeName}}{{end}} -
-
-
- {{end}} +
+ {{if $data.Chart.Points}} +
+ +
{{else}} -
-
No monitors yet. Add a VM to start tracking uptime.
-
+
No checks yet. Add a VM or run checks.
{{end}}
@@ -107,17 +69,17 @@
-

Availability

+

Availability

-
Group/VMidTimeStatusCommandGroup/VMidTimeStatusCommand
{{if .GroupName}}{{.GroupName}} / {{end}}{{.NodeName}}{{.Target}} {{.StartedAt.Format "2006-01-02 15:04:05"}} {{.Status}}{{if .CommandText}}{{.CommandText}}{{else}}{{.Action}}{{end}} + {{.CommandText}} + {{if .Output}} +
{{.Output}}
+ {{end}} +
+
- - - - - - + + + + + + @@ -139,22 +101,84 @@ +
+
+
+
+

Nodes

+ {{len $data.Monitors}} total +
+
+
PeriodAvailabilityDowntimeIncidentsLongestAvgPeriodAvailabilityDowntimeIncidentsLongestAvg
+ + + + + + + + + + + + + {{if $data.Monitors}} + {{range $data.Monitors}} + + + + + + + + + + {{end}} + {{else}} + + + + {{end}} + +
NodeStatusAvailabilityLatencyCheckedWindowRecent
+
{{.Monitor.Name}}
+
{{.Monitor.Target}}{{if .Monitor.GroupName}} · {{.Monitor.GroupName}}{{end}}
+ 		+ + {{if eq .Monitor.LastStatus "down"}}Down{{else if eq .Monitor.LastStatus "up"}}Up{{else}}Pending{{end}} + + {{.AvailabilityText}}{{if .Monitor.LastLatencyMS}}{{.Monitor.LastLatencyMS}}ms{{else}}-{{end}}{{.LastCheckedText}}{{.StateDurationText}} + +
No monitors yet. Add a VM to start tracking uptime.
+
+
+
+
+
-

Incidents

+

Incidents

{{len $data.Incidents}} recent
- +
- - - - - + + + + + diff --git a/internal/views/pages/user_settings.gohtml b/internal/views/pages/user_settings.gohtml new file mode 100644 index 0000000..3df9b89 --- /dev/null +++ b/internal/views/pages/user_settings.gohtml @@ -0,0 +1,192 @@ +{{define "content"}} +{{$data := .Content}} +
+
+
Account
+

User Settings

+

Password, 2FA, and your display mode.

+
+
+ +{{if $data.Message}} +
{{$data.Message}}
+{{end}} +{{if $data.Error}} +
{{$data.Error}}
+{{end}} + +
+
+
+
+
+
+ +
+
+
{{with .User}}{{.Name}}{{end}}
+
{{with .User}}{{.Email}}{{end}}
+
{{with .User}}{{.Role}}{{end}}
+
+
+
+ Security + Appearance + Profile +
+
+
+
+ +
+
+
+
+
+
+

Profile

+
Current account details.
+
+
+
+
+
+
Name
+
{{with .User}}{{.Name}}{{end}}
+
+
+
+
+
Email
+
{{with .User}}{{.Email}}{{end}}
+
+
+
+
+
Role
+
{{with .User}}{{.Role}}{{end}}
+
+
+
+
+
2FA
+
{{if $data.OTPEnabled}}Enabled{{else}}Disabled{{end}}
+
+
+
+
+
+ +
+
+
+
+

Password

+
Update your sign-in password.
+
+
+
+
+
+ + +
+
+ + +
+
+ + +
+
+
+ +
+ +
+
+ +
+
+
+
+

Two-factor authentication

+
Manage OTP authentication for your account.
+
+ {{if $data.OTPEnabled}} + Enabled + {{else}} + Pending + {{end}} +
+ + {{if $data.OTPEnabled}} +
+
+ + +
+ + +
+ {{else}} +
+
+
+ OTP QR code +
+
+
+
+
+ + +
+
+ + +
+ + +
+
+ {{end}} +
+
+ +
+
+
+
+

Appearance

+
Choose how Maintainarr looks for you.
+
+
+
+
+
+ + +
+
+ + +
+
+ + +
+
+
+
+
+{{end}} diff --git a/web/static/css/app.css b/web/static/css/app.css index 3dbdf3c..6d0766e 100644 --- a/web/static/css/app.css +++ b/web/static/css/app.css @@ -404,7 +404,7 @@ body[data-bs-theme="light"] .app-nav-link.is-active { min-height: 12rem; display: flex; flex-direction: column; - justify-content: space-between; + justify-content: flex-start; } .kpi-card-label { @@ -415,26 +415,6 @@ body[data-bs-theme="light"] .app-nav-link.is-active { color: var(--bs-secondary-color); } -.kpi-card-subtle { - margin-top: 0.35rem; - font-size: 0.9rem; - color: var(--bs-secondary-color); -} - -.kpi-card-chip { - display: inline-flex; - align-items: center; - min-height: 2rem; - padding: 0.35rem 0.7rem; - border-radius: 999px; - border: 1px solid var(--ma-border); - background: color-mix(in srgb, var(--ma-surface-base) 78%, var(--ma-surface-2)); - color: var(--bs-secondary-color); - font-size: 0.76rem; - font-weight: 600; - white-space: nowrap; -} - .kpi-card-featured-value { position: relative; z-index: 1; @@ -443,51 +423,13 @@ body[data-bs-theme="light"] .app-nav-link.is-active { line-height: 1; letter-spacing: -0.03em; color: var(--bs-emphasis-color); -} - -.kpi-card-featured-trend { - position: relative; - z-index: 1; - display: flex; - align-items: center; - gap: 0.7rem; - flex-wrap: wrap; -} - -.kpi-card-trend { - display: inline-flex; - align-items: center; - min-height: 2rem; - padding: 0.3rem 0.65rem; - border-radius: 999px; - font-size: 0.82rem; - font-weight: 700; -} - -.kpi-card-trend.is-up { - color: #86efac; - background: rgba(20, 83, 45, 0.58); -} - -.kpi-card-trend.is-down { - color: #fca5a5; - background: rgba(127, 29, 29, 0.58); -} - -.kpi-card-trend.is-flat { - color: #cbd5e1; - background: rgba(51, 65, 85, 0.6); -} - -.kpi-card-trend-copy { - font-size: 0.88rem; - color: var(--bs-secondary-color); + margin-top: auto; } .kpi-graph { position: absolute; inset: 0; - opacity: 0.55; + opacity: 1; pointer-events: none; } @@ -498,9 +440,8 @@ body[data-bs-theme="light"] .app-nav-link.is-active { .kpi-card-featured .kpi-graph { inset: auto 0 0 0; - height: 68%; - opacity: 0.92; - mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.45) 26%, rgba(0, 0, 0, 1) 100%); + height: 42%; + opacity: 0.96; } .node-tile { @@ -563,9 +504,10 @@ body[data-bs-theme="light"] .app-nav-link.is-active { } .node-brand-icon { - width: 3rem; - height: 3rem; - font-size: 2.1rem; + width: 100%; + height: 80%; + font-size: 3.6rem; + align-self: center; } .node-loading-icon { @@ -680,6 +622,21 @@ body[data-bs-theme="light"] .app-nav-link.is-active { font-size: 0.92rem; } +.system-summary-copy { + width: 100%; + padding: 0.55rem 0.7rem; + border: 0; + border-radius: 0.9rem; + background: transparent; + text-align: left; + transition: background-color 0.18s ease, transform 0.18s ease; +} + +.system-summary-copy:hover { + background: color-mix(in srgb, var(--ma-surface-base) 72%, var(--ma-surface-2)); + transform: translateX(2px); +} + .progress { --bs-progress-height: 0.6rem; background: color-mix(in srgb, black 18%, var(--ma-surface-1)); @@ -875,17 +832,47 @@ body[data-bs-theme="light"] .option-check { height: 100vh; width: 100vw; overflow: hidden; + background: #0a0f1a; +} + +.console-page { + height: 100vh; + width: 100vw; + background: + radial-gradient(circle at top, rgba(var(--color-primary-700), 0.18), transparent 22%), + linear-gradient(180deg, #070b13 0%, #0a0f1a 100%); +} + +.console-page-terminal { + height: 100%; + width: 100%; + overflow: hidden; +} + +.console-terminal-fullscreen { + min-height: 100vh; + height: 100vh; + max-height: none; + border-radius: 0; + background: transparent; } .console-terminal .xterm { height: 100%; background: #0b1220; - padding: 0.9rem 1rem; + padding: 0; } .console-terminal .xterm-viewport { background: #0b1220; - border-radius: 1.25rem; + border-radius: 0; +} + +.console-terminal-fullscreen .xterm, +.console-terminal-fullscreen .xterm-screen, +.console-terminal-fullscreen .xterm-viewport, +.console-terminal-fullscreen .xterm-scroll-area { + background: #0a0f1a; } .preview-card { @@ -957,6 +944,61 @@ body[data-bs-theme="light"] .theme-card { box-shadow: 0 0 0 0.2rem rgba(var(--color-primary-500), 0.2); } +.settings-nav-card, +.settings-section-card, +.settings-info-tile, +.otp-qr-card { + background: linear-gradient(180deg, color-mix(in srgb, var(--ma-surface-2) 90%, transparent), var(--ma-surface-1)); +} + +.settings-nav-list { + display: grid; + gap: 0.55rem; +} + +.settings-nav-link { + display: flex; + align-items: center; + gap: 0.85rem; + min-height: 2.9rem; + padding: 0.8rem 0.95rem; + border: 1px solid var(--ma-border); + border-radius: 0.95rem; + color: var(--bs-secondary-color); + font-weight: 600; + transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease; +} + +.settings-nav-link:hover, +.settings-nav-link.is-active { + color: var(--bs-emphasis-color); + background: color-mix(in srgb, rgb(var(--color-primary-500)) 8%, transparent); + border-color: rgba(var(--color-primary-500), 0.35); +} + +.settings-nav-link i { + font-size: 1.15rem; +} + +.settings-info-tile { + min-height: 100%; + padding: 1rem; + border: 1px solid var(--ma-border); + border-radius: 1rem; +} + +.otp-qr-card { + padding: 1rem; + border: 1px solid var(--ma-border); + border-radius: 1rem; +} + +.otp-qr-card img { + width: 100%; + max-width: 220px; + height: auto; +} + .uptime-summary-card { background: linear-gradient(180deg, color-mix(in srgb, var(--ma-surface-2) 92%, transparent), var(--ma-surface-1)); } @@ -977,6 +1019,27 @@ body[data-bs-theme="light"] .theme-card { color: var(--bs-emphasis-color); } +.uptime-chart-shell { + display: grid; + gap: 0.75rem; +} + +.uptime-line-chart { + position: relative; + height: 18rem; + padding: 0.75rem; + border-radius: 1rem; + background: linear-gradient(180deg, color-mix(in srgb, var(--ma-surface-base) 84%, var(--ma-surface-2)), color-mix(in srgb, var(--ma-surface-1) 96%, transparent)); + overflow: hidden; + border: 1px solid var(--ma-border); +} + +.uptime-line-chart-canvas { + display: block; + width: 100%; + height: 100%; +} + .uptime-monitor-card { display: grid; gap: 1rem; @@ -1064,6 +1127,12 @@ body[data-bs-theme="light"] .theme-card { padding: 0.2rem 0; } +.uptime-check-strip-table { + min-width: 10rem; + min-height: 1rem; + gap: 0.18rem; +} + .uptime-check-pill { flex: 1 1 0; min-width: 0; @@ -1084,6 +1153,11 @@ body[data-bs-theme="light"] .theme-card { background: rgba(100, 116, 139, 0.35); } +.uptime-check-strip-table .uptime-check-pill { + height: 0.8rem; + min-width: 0.2rem; +} + .uptime-monitor-foot { font-size: 0.82rem; } @@ -1094,6 +1168,37 @@ body[data-bs-theme="light"] .theme-card { letter-spacing: 0.08em; text-transform: uppercase; color: var(--bs-secondary-color); + border-bottom: 1px solid var(--ma-border); + padding: 0 0.85rem 0.85rem; + white-space: nowrap; +} + +.uptime-table td { + padding: 0.9rem 0.85rem; + border-color: var(--ma-border); + vertical-align: middle; +} + +.uptime-table tbody tr { + transition: background-color 0.18s ease; +} + +.uptime-table tbody tr:hover { + background: color-mix(in srgb, var(--ma-surface-base) 72%, var(--ma-surface-2)); +} + +.uptime-table tbody tr:last-child td { + border-bottom-color: transparent; +} + +.uptime-table-compact td, +.uptime-table-compact th { + padding-left: 0.7rem; + padding-right: 0.7rem; +} + +.uptime-table-nodes td { + font-size: 0.92rem; } body[data-bs-theme="light"] .uptime-monitor-card, @@ -1105,6 +1210,10 @@ body[data-bs-theme="light"] .uptime-monitor-stat { background: color-mix(in srgb, white 82%, var(--ma-surface-1)); } +body[data-bs-theme="light"] .uptime-line-chart { + background: linear-gradient(180deg, color-mix(in srgb, white 86%, var(--ma-surface-1)), var(--ma-surface-1)); +} + @media (max-width: 991.98px) { .app-shell { flex-direction: column; diff --git a/web/static/img/favicon-rounded.png b/web/static/img/favicon-rounded.png new file mode 100644 index 0000000..78f0bb9 Binary files /dev/null and b/web/static/img/favicon-rounded.png differ diff --git a/web/static/js/app.js b/web/static/js/app.js index dbcbb74..e662e09 100644 --- a/web/static/js/app.js +++ b/web/static/js/app.js @@ -10,6 +10,7 @@ document.addEventListener("DOMContentLoaded", () => { const authToggle = document.querySelector("[data-auth-toggle]"); const themeRadios = document.querySelectorAll('input[name="theme"]'); const themeModeInput = document.querySelector('input[name="mode"]'); + const uptimeChart = document.getElementById("uptime-chart"); const attachXtermConsole = (consoleOutput) => { const wsPath = consoleOutput.dataset.ws; @@ -145,7 +146,6 @@ document.addEventListener("DOMContentLoaded", () => { disk: [], uptime: [], }; - let previousCpu = null; const uptimeLabel = (seconds) => { const days = Math.floor(seconds / 86400); @@ -155,32 +155,44 @@ document.addEventListener("DOMContentLoaded", () => { return `${hours}h ${minutes}m`; }; - const renderSparkline = (values) => { + const renderSparkline = (values, key) => { if (values.length === 0) { return ""; } - const max = Math.max(...values, 1); - const points = values.map((value, index) => { - const x = (index / Math.max(values.length - 1, 1)) * 100; - const y = 100 - (value / max) * 80 - 10; - return `${x},${y}`; + + let min = 0; + let max = 100; + + if (key === "uptime") { + min = Math.min(...values); + max = Math.max(...values); + if (max-min < 5) { + max = min + 5; + } + } + + const path = values.map((value, index) => { + const x = values.length === 1 ? 0 : (index / (values.length - 1)) * 100; + const normalized = (value - min) / Math.max(max - min, 1); + const y = 90 - normalized * 72; + return `${index === 0 ? "M" : "L"} ${x.toFixed(2)} ${y.toFixed(2)}`; }).join(" "); return ` - + `; }; const pushValue = (key, value) => { history[key].push(value); - if (history[key].length > 18) { + if (history[key].length > 60) { history[key].shift(); } const card = nodeLive.querySelector(`.kpi-card[data-kpi="${key}"] .kpi-graph`); if (card) { - card.innerHTML = renderSparkline(history[key]); + card.innerHTML = renderSparkline(history[key], key); } }; @@ -203,21 +215,11 @@ document.addEventListener("DOMContentLoaded", () => { const ramValue = nodeLive.querySelector('[data-kpi-value="ram"]'); const diskValue = nodeLive.querySelector('[data-kpi-value="disk"]'); const uptimeValue = nodeLive.querySelector('[data-kpi-value="uptime"]'); - const cpuTrend = nodeLive.querySelector('[data-kpi-trend="cpu"]'); if (cpuValue) cpuValue.textContent = `${cpu.toFixed(1)}%`; if (ramValue) ramValue.textContent = `${ram.toFixed(1)}%`; if (diskValue) diskValue.textContent = `${disk.toFixed(1)}%`; if (uptimeValue) uptimeValue.textContent = uptimeLabel(uptime); - if (cpuTrend) { - const delta = previousCpu === null ? 0 : cpu - previousCpu; - const trendClass = delta > 0.15 ? "is-up" : delta < -0.15 ? "is-down" : "is-flat"; - const trendLabel = `${delta > 0 ? "+" : ""}${delta.toFixed(1)}%`; - cpuTrend.classList.remove("is-up", "is-down", "is-flat"); - cpuTrend.classList.add(trendClass); - cpuTrend.textContent = trendLabel; - } - previousCpu = cpu; pushValue("cpu", cpu); pushValue("ram", ram); @@ -317,6 +319,133 @@ document.addEventListener("DOMContentLoaded", () => { }); } + if (uptimeChart instanceof HTMLCanvasElement && typeof Chart !== "undefined") { + try { + const labels = JSON.parse(uptimeChart.dataset.labels || "[]"); + const values = JSON.parse(uptimeChart.dataset.values || "[]"); + const pointColors = JSON.parse(uptimeChart.dataset.pointColors || "[]"); + const style = getComputedStyle(document.body); + const primaryRGB = style.getPropertyValue("--color-primary-500").trim() || "16 185 129"; + const chartStroke = `rgb(${primaryRGB})`; + const chartFill = `rgba(${primaryRGB.replace(/\s+/g, ", ")}, 0.16)`; + const gridColor = style.getPropertyValue("--ma-border").trim() || "rgba(148, 163, 184, 0.16)"; + const tickColor = style.getPropertyValue("--bs-secondary-color").trim() || "#94a3b8"; + + new Chart(uptimeChart, { + type: "line", + data: { + labels, + datasets: [{ + data: values, + borderColor: chartStroke, + backgroundColor: chartFill, + fill: true, + borderWidth: 3, + tension: 0.35, + pointRadius: 3, + pointHoverRadius: 4, + pointBackgroundColor: pointColors, + pointBorderColor: pointColors, + pointBorderWidth: 0, + }], + }, + options: { + responsive: true, + maintainAspectRatio: false, + animation: false, + plugins: { + legend: { + display: false, + }, + tooltip: { + displayColors: false, + callbacks: { + label(context) { + return `${Number(context.parsed.y || 0).toFixed(0)}% availability`; + }, + }, + }, + }, + interaction: { + intersect: false, + mode: "index", + }, + scales: { + x: { + grid: { + display: false, + }, + border: { + display: false, + }, + ticks: { + color: tickColor, + maxRotation: 0, + autoSkip: true, + maxTicksLimit: 6, + }, + }, + y: { + min: 0, + max: 100, + border: { + display: false, + }, + ticks: { + color: tickColor, + stepSize: 25, + callback(value) { + return `${value}%`; + }, + }, + grid: { + color: gridColor, + drawTicks: false, + }, + }, + }, + }, + }); + } catch (_) { + // Ignore malformed chart payloads. + } + } + + document.addEventListener("click", async (event) => { + const target = event.target; + if (!(target instanceof Element)) { + return; + } + + const copyTrigger = target.closest("[data-copy-value]"); + if (!(copyTrigger instanceof HTMLElement)) { + return; + } + + const value = (copyTrigger.dataset.copyValue || "").trim(); + if (!value) { + return; + } + + try { + await navigator.clipboard.writeText(value); + } catch (_) { + return; + } + + if (typeof bootstrap !== "undefined") { + const tooltip = bootstrap.Tooltip.getOrCreateInstance(copyTrigger); + const previousTitle = copyTrigger.getAttribute("data-bs-title") || copyTrigger.getAttribute("title") || "Copy"; + copyTrigger.setAttribute("data-bs-title", "Copied"); + tooltip.setContent?.({ ".tooltip-inner": "Copied" }); + tooltip.show(); + window.setTimeout(() => { + copyTrigger.setAttribute("data-bs-title", previousTitle); + tooltip.setContent?.({ ".tooltip-inner": previousTitle }); + }, 1200); + } + }); + if (typeof bootstrap !== "undefined") { document.querySelectorAll('[data-bs-toggle-tooltip="tooltip"]').forEach((element) => { new bootstrap.Tooltip(element);
MonitorStartedEndedDurationErrorMonitorStartedEndedDurationError