Merge pull request #1069 from skrashevich/feat(webui)-log-coloring

feat(logging): enhance log visualisation with level-specific colours
AlexxIT · Apr 30, 2024 · b8b90ab · b8b90ab
2 parents 6f1cc94 + 652dc93
commit b8b90ab
Showing 1 changed file with 19 additions and 6 deletions.
diff --git a/www/log.html b/www/log.html
@@ -19,17 +19,30 @@
             height: 100%;
         }
 
-
-
-
-
         table tbody td {
             font-size: 13px;
             vertical-align: top;
         }
 
-
+        .info {
+            color: #0174DF;
+        }
+
+        .debug {
+            color: #808080;
+        }
+
+        .error {
+            color: #DF0101;
+        }
 
+        .trace {
+            color: #585858;
+        }
+
+        .warn {
+            color: #FF9966;
+        }
     </style>
 </head>
 <body>
@@ -89,7 +102,7 @@
             const msg = Object.keys(line).reduce((msg, key) => {
                 return KEYS.indexOf(key) < 0 ? `${msg} ${key}=${line[key]}` : msg;
             }, line['message']);
-            return `<tr><td>${ts.toLocaleString()}</td><td>${line['level']}</td><td>${escapeHTML(msg)}</td></tr>`;
+            return `<tr class="${line['level']}"><td>${ts.toLocaleString()}</td><td>${escapeHTML(line['level'])}</td><td>${escapeHTML(msg)}</td></tr>`;
         }).join('');
     }