From 6b7e5f7ba3e38d703ad5917d81d9554ee5173f1b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jan=20B=C3=B6hmer?= <jan.h.boehmer@gmx.de>
Date: Sat, 25 Jan 2020 20:41:56 +0100
Subject: [PATCH] [Eventlog] Color the rows based on their level.

---
 assets/ts_src/ajax_ui.ts | 40 ++++++++++++++++++++++++++++++++--------
 1 file changed, 32 insertions(+), 8 deletions(-)

diff --git a/assets/ts_src/ajax_ui.ts b/assets/ts_src/ajax_ui.ts
index 5b56355a..47d81310 100644
--- a/assets/ts_src/ajax_ui.ts
+++ b/assets/ts_src/ajax_ui.ts
@@ -386,8 +386,8 @@ class AjaxUI {
 
         switch(request.status) {
             case 500:
-               title =  'Internal Server Error!';
-               break;
+                title =  'Internal Server Error!';
+                break;
             case 404:
                 title = "Site not found!";
                 break;
@@ -396,7 +396,7 @@ class AjaxUI {
                 break;
         }
 
-       var alert = bootbox.alert(
+        var alert = bootbox.alert(
             {
                 size: 'large',
                 message: function() {
@@ -418,10 +418,10 @@ class AjaxUI {
         //@ts-ignore
         alert.init(function (){
             var dstFrame = document.getElementById('iframe');
-        //@ts-ignore
-        var dstDoc = dstFrame.contentDocument || dstFrame.contentWindow.document;
-        dstDoc.write(request.responseText);
-        dstDoc.close();
+            //@ts-ignore
+            var dstDoc = dstFrame.contentDocument || dstFrame.contentWindow.document;
+            dstDoc.write(request.responseText);
+            dstDoc.close();
         });
 
 
@@ -530,7 +530,31 @@ class AjaxUI {
                         "extend": 'colvis',
                         'className': 'mr-2 btn-light',
                         "text": "<i class='fa fa-cog'></i>"
-                    }]
+                    }],
+                    "rowCallback": function( row, data, index ) {
+                        //Check if we have a level, then change color of this row
+                        if (data.level) {
+                            let style = "";
+                            switch(data.level) {
+                                case "emergency":
+                                case "alert":
+                                case "critical":
+                                case "error":
+                                    style = "table-danger";
+                                    break;
+                                case "warning":
+                                    style = "table-warning";
+                                    break;
+                                case "notice":
+                                    style = "table-info";
+                                    break;
+                            }
+
+                            if (style){
+                                $(row).addClass(style);
+                            }
+                        }
+                    }
                 });
 
             //Register links.