From 97ee6898e9a6614a8f01b6bdb1c5b5b359a170a9 Mon Sep 17 00:00:00 2001
From: andig <cpuidle@gmx.de>
Date: Fri, 15 May 2020 11:21:01 +0200
Subject: [PATCH] Send log warnings and errors to ui (#128)

---
 assets/index.html |  36 ++++++----
 assets/js/app.js  |  48 +++++++++++---
 cmd/root.go       |   3 +
 server/assets.go  | 164 ++++++++++++++++++++++++----------------------
 util/log.go       |  38 +++++++++++
 5 files changed, 188 insertions(+), 101 deletions(-)

diff --git a/assets/index.html b/assets/index.html
index ebc1d44963..1db9da356c 100644
--- a/assets/index.html
+++ b/assets/index.html
@@ -56,22 +56,10 @@
       </div>
     </div>
   </nav>
+  <message-toasts></message-toasts>
   <router-view></router-view>
 </div>
 
-<div id="error">
-  <div class="toast" data-delay="2000" style="position: absolute; top: 4rem; right: 0.5rem;">
-    <div class="toast-header">
-      <strong class="mr-auto"><i class="text-danger fas fa-exclamation-triangle"></i> Error</strong>
-      <small v-if="error.status">HTTP {{error.status}}</small>
-      <button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
-        <span aria-hidden="true">&times;</span>
-      </button>
-    </div>
-    <div class="toast-body">{{error.message}}</div>
-  </div>
-</div>
-
 <script type="text/x-template" id="embed-template">
   <div class="container mx-auto text-center">
     <h1 class="display-4 pt-3" v-if="title">{{title}}</h1>
@@ -87,6 +75,28 @@ <h1 class="display-4 pt-3" v-if="title">{{title}}</h1>
   </div>
 </script>
 
+<div id="toasts">
+  <div aria-atomic="true" style="position: absolute; top: 4rem; right: 0.5rem; min-height: 200px; min-width: 300px">
+    <!-- Position it -->
+    <message-toast v-for="item in items" v-bind:item="item" :id="'message-id-'+item.id" :key="item.id">
+    </message-toast>
+  </div>
+</div>
+
+<script type="text/x-template" id="message-template">
+  <div class="toast" data-delay="10000" v-bind:data-autohide="item.type == 'warn' ? 'true' : 'false'">
+    <div class="toast-header">
+      <strong class="mr-auto" v-if="item.type != 'warn'"><i class="text-danger fas fa-exclamation-triangle"></i> Error</strong>
+      <strong class="mr-auto" v-if="item.type == 'warn'"><i class="text-warning fas fa-exclamation-triangle"></i> Warning</strong>
+      <small v-if="item.status">HTTP {{item.status}}</small>
+      <button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
+        <span aria-hidden="true">&times;</span>
+      </button>
+    </div>
+    <div class="toast-body">{{item.message}}</div>
+  </div>
+</script>
+
 <script type="text/x-template" id="main-template">
   <div class="container">
     <div class="pricing-header px-3 pt-3 mx-auto text-center">
diff --git a/assets/js/app.js b/assets/js/app.js
index 0e9deefc1d..9a680642f0 100644
--- a/assets/js/app.js
+++ b/assets/js/app.js
@@ -42,7 +42,13 @@ let store = {
       if (force || this[k] !== undefined) {
         this[k] = msg[k];
       } else {
-        console.log("invalid key: " + k);
+        if (k == "error") {
+          toasts.error({message: msg[k]});
+        } else if (k == "warn") {
+          toasts.warn({message: msg[k]});
+        } else {
+          console.log("invalid key: " + k);
+        }
       }
     }, this.state);
   },
@@ -51,7 +57,7 @@ let store = {
       axios.get("config").then(function(response) {
         store.update(response.data);
         store.initialized = true;
-      }).catch(error.raise);
+      }).catch(toasts.error);
     }
   }
 };
@@ -63,7 +69,7 @@ let store = {
 window.setInterval(function() {
   axios.get("health").catch(function(res) {
     res.message = "Server unavailable";
-    error.raise(res)
+    toasts.error(res)
   });
 }, 5000);
 
@@ -71,16 +77,40 @@ window.setInterval(function() {
 // Components
 //
 
-const error = new Vue({
-  el: '#error',
+const toasts = new Vue({
+  el: "#toasts",
   data: {
-    error: {},
+    items: {},
+    count: 0,
   },
   methods: {
-    raise: function(error) {
-      this.error = error;
-      $('.toast').toast('show');
+    raise: function (msg) {
+      msg.id = this.count++;
+      Vue.set(this.items, msg.id, msg);
+    },
+    error: function (error) {
+      error.type = "error";
+      this.raise(error)
+    },
+    warn: function (error) {
+      error.type = "warn";
+      this.raise(error);
+    },
+    remove: function (msg) {
+      Vue.delete(this.items, msg.id);
     },
+  }
+});
+
+Vue.component('message-toast', {
+  props: ['item'],
+  template: '#message-template',
+  mounted: function () {
+    const id = "#message-id-" + this.item.id;
+    $(id).toast('show');
+    $(id).on('hidden.bs.toast', function () {
+      toasts.remove(this.item);
+    })
   },
 });
 
diff --git a/cmd/root.go b/cmd/root.go
index 4476c4c865..5e1e7c682a 100644
--- a/cmd/root.go
+++ b/cmd/root.go
@@ -201,6 +201,9 @@ func run(cmd *cobra.Command, args []string) {
 	valueChan := make(chan util.Param)
 	go tee.Run(valueChan)
 
+	// capture log messages for UI
+	util.CaptureLogs(valueChan)
+
 	// start all loadpoints
 	for _, lp := range loadPoints {
 		lp.Dump()
diff --git a/server/assets.go b/server/assets.go
index 1d5c682181..081b35758c 100644
--- a/server/assets.go
+++ b/server/assets.go
@@ -3768,95 +3768,101 @@ oJE6K0E084u3ea7ne0X73qsc2P2KOB+ngKecxITsMAgTVJfqMwAA//+21HeD5gEAAA==
 	"/index.html": {
 		name:    "index.html",
 		local:   "../assets/index.html",
-		size:    12642,
+		size:    13184,
 		modtime: 1566640112,
 		compressed: `
-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
-59yaYjEAAA==
+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
 `,
 	},
 
 	"/js/app.js": {
 		name:    "app.js",
 		local:   "../assets/js/app.js",
-		size:    5016,
+		size:    5745,
 		modtime: 1566640112,
 		compressed: `
-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
+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
+bwAAAP//8qQcsHEWAAA=
 `,
 	},
 
diff --git a/util/log.go b/util/log.go
index 3b66129b89..94bc7a013a 100644
--- a/util/log.go
+++ b/util/log.go
@@ -1,9 +1,11 @@
 package util
 
 import (
+	"io"
 	"io/ioutil"
 	"log"
 	"os"
+	"strconv"
 	"strings"
 
 	jww "github.com/spf13/jwalterweatherman"
@@ -68,3 +70,39 @@ func LogLevelToThreshold(level string) jww.Threshold {
 		panic("invalid log level " + level)
 	}
 }
+
+var uiChan chan<- Param
+
+type uiWriter struct {
+	level string
+}
+
+func (w *uiWriter) Write(p []byte) (n int, err error) {
+	uiChan <- Param{
+		LoadPoint: "",
+		Key:       w.level,
+		Val:       strings.Trim(strconv.Quote(string(p)), "\""),
+	}
+
+	return 0, nil
+}
+
+// CaptureLogs appends uiWriter to relevant log levels
+func CaptureLogs(c chan<- Param) {
+	uiChan = c
+
+	for _, l := range loggers {
+		captureLogger("warn", l.Notepad.WARN)
+		captureLogger("error", l.Notepad.ERROR)
+		captureLogger("error", l.Notepad.FATAL)
+	}
+}
+
+func captureLogger(level string, l *log.Logger) {
+	ui := uiWriter{
+		level: level,
+	}
+
+	mw := io.MultiWriter(l.Writer(), &ui)
+	l.SetOutput(mw)
+}