Add a light mode

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Releases
 
+## vXX
+
+* Make the look of tuwat configurable via `style` property.
+
 ## v1.3 - 2024-01-08 icinga2 ack
 
 * The `icinga2` adapter now filters all acknowledged issues.

README.md

@@ -36,6 +36,11 @@ Connectors for
 
 See the [Example Config](./config.example.toml) for configuration.
 
+Available styles:
+
+* `dark` (default)
+* `light` - mimics the venerable nagdash
+
 ### Dashboards
 
 The main configuration can contain `Rules`, but if multiple rule-sets/dashboards

config.example.toml

@@ -2,6 +2,7 @@
 # golang `text/template` describing where the alert is happening
 where = "{{with index .Labels \"Cluster\"}}{{.}}/{{end}}{{first .Labels \"Project\" \"Namespace\" \"Hostname\"}}"
 interval = "1m"
+#style = "light"
 
 
 [[rule]]
@@ -18,8 +19,8 @@ what = "fooo service"
 [[example]]
 Tag = 'demo'
 
-# The github connector runs out af the box as configured below,
-# but keep in mind that github rate limits these requests.
+# The GitHub connector runs out of the box as configured below,
+# but keep in mind that GitHub rate limits these requests.
 #[[github]]
 #Repos = ['synyx/tuwat', 'synyx/buchungsstreber']
 #Tag = 'gh'

pkg/config/config.go

@@ -7,6 +7,7 @@ import (
 	"io/fs"
 	"os"
 	"path/filepath"
+	"slices"
 	"strings"
 	"text/template"
 	"time"
@@ -46,6 +47,7 @@ type Config struct {
 	WhereTemplate  *template.Template
 	Interval       time.Duration
 	Dashboards     map[string]*Dashboard
+	Style          string
 }
 
 type Dashboard struct {
@@ -64,6 +66,7 @@ type Rule struct {
 type mainConfig struct {
 	WhereTemplate string `toml:"where"`
 	Interval      string `toml:"interval"`
+	Style         string `toml:"style"`
 }
 
 type mainDashboardConfig struct {
@@ -163,6 +166,11 @@ func NewConfiguration() (config *Config, err error) {
 		err = nil
 	}
 
+	// validate configuration
+	if !slices.Contains([]string{"light", "dark"}, cfg.Style) {
+		return nil, errors.New("configuration error: [main] style must be \"light\" or \"dark\"")
+	}
+
 	return cfg, err
 }
 
@@ -183,13 +191,16 @@ func (cfg *Config) loadMainConfig(file string) (err error) {
 	}
 
 	rootConfig.Main.Interval = "1m"
+	rootConfig.Main.Style = "dark"
 
 	// Fill configuration
 
 	if _, err = toml.DecodeFile(file, &rootConfig); err != nil {
 		return err
 	}
 
+	cfg.Style = rootConfig.Main.Style
+
 	cfg.Logger = rootConfig.Logger
 
 	// Add connectors

pkg/web/static/css/light.css

@@ -0,0 +1,46 @@
+body {
+    background-color: #ffffff;
+    color: #333333;
+}
+
+table               { border: 1px solid #c6c6c6; background-color: #F0F0F0; border-collapse: separate;
+    *border-collapse: collapse; -webkit-border-radius: 4px;
+    -moz-border-radius: 4px; border-radius: 4px; }
+th {
+    background-color: #D8D8D8;
+    color: #000000;
+}
+
+/* Moves the white font further away from the background for better visibility */
+summary {
+    padding-left: 7px;
+}
+
+.status.green, .status.green summary, .status.green details {
+    background-color: #269926;
+    color: white;
+}
+
+.status.red, .status.red summary, .status.red details {
+    background-color: #FF4040;
+    color: white;
+}
+
+.status.yellow, .status.yellow summary, .status.yellow details {
+    background-color: #FFDE40;
+    color: black;
+}
+
+.status.grey, .status.grey summary, .status.grey details {
+    background-color: #444444;
+    color: white;
+}
+
+.tag                {
+    font-size: 0.6em;
+    color: white;
+    padding: 4px;
+    -webkit-border-radius: 0.25em;
+    background-color: #98999b;
+}
+.tag_label          { color: white;  }

pkg/web/templates/_base.gohtml

@@ -11,6 +11,7 @@
     <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
 
     <link rel="stylesheet" href="/static/css/main.css" />
+    <link rel="stylesheet" href="/static/css/{{.Style}}.css" />
     <script type="module" src="/static/js/index.min.js"></script>
     <noscript>
         <meta http-equiv="refresh" content="60; url=/alerts" />

pkg/web/web.go

@@ -35,6 +35,7 @@ type webHandler struct {
 
 	aggregator  *aggregation.Aggregator
 	environment string
+	style       string
 	dashboards  map[string]*config.Dashboard
 }
 
@@ -44,12 +45,14 @@ type webContent struct {
 	Content     any
 	Dashboards  map[string]*config.Dashboard
 	Dashboard   string
+	Style       string
 }
 
 func WebHandler(cfg *config.Config, aggregator *aggregation.Aggregator) http.Handler {
 	handler := &webHandler{
 		aggregator:  aggregator,
 		environment: cfg.Environment,
+		style:       cfg.Style,
 		dashboards:  cfg.Dashboards,
 	}
 
@@ -148,6 +151,7 @@ func (h *webHandler) baseRenderer(req *http.Request, dashboardName string, patte
 
 		data.Version = version.Info.Version
 		data.Environment = h.environment
+		data.Style = h.style
 		data.Dashboards = h.dashboards
 		data.Dashboard = dashboardName
 
@@ -183,6 +187,7 @@ func (h *webHandler) partialRenderer(req *http.Request, dashboardName string, pa
 
 		data.Version = version.Info.Version
 		data.Environment = h.environment
+		data.Style = h.style
 		data.Dashboard = dashboardName
 
 		err := tmpl.ExecuteTemplate(w, templateDefinition, data)
@@ -240,6 +245,7 @@ func (h *webHandler) sseRenderer(w http.ResponseWriter, req *http.Request, patte
 	return func(data webContent) error {
 		data.Version = version.Info.Version
 		data.Environment = h.environment
+		data.Style = h.style
 
 		buf := new(bytes.Buffer)
 
@@ -298,6 +304,7 @@ func (h *webHandler) wsRenderer(s *websocket.Conn, patterns ...string) wsRenderF
 
 		data.Version = version.Info.Version
 		data.Environment = h.environment
+		data.Style = h.style
 
 		buf := new(bytes.Buffer)