fix: added operational banner

henrywhitaker3 · Apr 19, 2024 · 2451808 · 2451808
1 parent e687cf6
commit 2451808
Show file tree

Hide file tree

Showing 6 changed files with 77 additions and 22 deletions.
diff --git a/chart/values.yaml b/chart/values.yaml
@@ -24,8 +24,6 @@ configuration:
   ui:
     # The title of the page
     title: Status Page
-    # The header text to display
-    header: Status Page
 
 imagePullSecrets: []
 nameOverride: ""

diff --git a/internal/config/config.go b/internal/config/config.go
@@ -24,8 +24,7 @@ type Service struct {
 }
 
 type UI struct {
-	PageTitle  string `yaml:"title"`
-	HeaderText string `yaml:"header"`
+	PageTitle string `yaml:"title"`
 }
 
 type Config struct {
@@ -84,9 +83,6 @@ func setDefaults(conf *Config) {
 	if conf.UI.PageTitle == "" {
 		conf.UI.PageTitle = "PromPage"
 	}
-	if conf.UI.HeaderText == "" {
-		conf.UI.HeaderText = "Status Page"
-	}
 }
 
 func (c *Config) Validate() error {

diff --git a/internal/http/status.go b/internal/http/status.go
@@ -14,21 +14,32 @@ import (
 	"github.com/labstack/echo/v4"
 )
 
+var (
+	OutageNone    = "None"
+	OutagePartial = "Partial"
+	OutageFull    = "Full"
+)
+
 func NewStatusPageHandler(app *app.App, cache *ResultCache) echo.HandlerFunc {
 	tmpl := template.Must(template.ParseFS(views.Views, "index.html"))
 
 	return func(c echo.Context) error {
 		res, t := cache.Get()
 		age := time.Since(t)
+		op := operational(res)
 
 		data := struct {
-			Config  config.Config
-			Results []collector.Result
-			Age     time.Duration
+			Config        config.Config
+			Results       []collector.Result
+			Age           time.Duration
+			Outage        string
+			BannerClasses string
 		}{
-			Config:  *app.Config,
-			Results: res,
-			Age:     age.Round(time.Second),
+			Config:        *app.Config,
+			Results:       res,
+			Age:           age.Round(time.Second),
+			Outage:        op,
+			BannerClasses: bannerClasses(op),
 		}
 		var buf bytes.Buffer
 		if err := tmpl.Execute(&buf, data); err != nil {
@@ -39,3 +50,34 @@ func NewStatusPageHandler(app *app.App, cache *ResultCache) echo.HandlerFunc {
 		return c.HTML(http.StatusOK, buf.String())
 	}
 }
+
+func operational(res []collector.Result) string {
+	passing := 0
+	for _, r := range res {
+		if r.Status {
+			passing++
+		}
+	}
+
+	switch passing {
+	case 0:
+		return OutageFull
+	case len(res):
+		return OutageNone
+	default:
+		return OutagePartial
+	}
+}
+
+func bannerClasses(outage string) string {
+	switch outage {
+	case OutageNone:
+		return "bg-lime-600 text-white"
+	case OutageFull:
+		return "bg-red-500 text-white"
+	case OutagePartial:
+		fallthrough
+	default:
+		return "bg-orange-400"
+	}
+}
diff --git a/internal/resources/static/up.svg b/internal/resources/static/up.svg
diff --git a/internal/resources/views/index.html b/internal/resources/views/index.html
@@ -9,7 +9,13 @@
     <body class="mx-auto min-h-dvh w-full md:w-3/4 p-12 md:p-8 lg:p-6 lg:w-1/2 flex flex-col justify-between bg-neutral-50">
         {{/* Main content */}}
         <div class="mb-6">
-            <h1 class="text-center text-2xl text-avocado-600 mb-6">{{ .Config.UI.HeaderText }}</h1>
+            <div class="flex flex-col justify-center items-center py-6 mb-6 w-full rounded-md shadow-md text-xl {{ .BannerClasses }}">
+                {{- if eq .Outage "None" }}
+                All Systems Operational
+                {{- else }}
+                {{ .Outage }} Systems Outage
+                {{- end }}
+            </div>
 
             <div class="flex flex-col items-center justify-center rounded-md shadow-md border">
                 {{- range .Results }}

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -1,6 +1,12 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
   content: ["internal/resources/views/*.html"],
+  safelist: [
+    'bg-lime-600',
+    'bg-red-500',
+    'bg-orange-400',
+    'text-white'
+  ],
   theme: {
     extend: {
       colors: {