From 172e4ea3c4b2cc8dbaa32e18d8a8a8751c5e7716 Mon Sep 17 00:00:00 2001
From: RD WebDesign <github@rdwebdesign.com.br>
Date: Tue, 2 Apr 2024 18:03:09 -0300
Subject: [PATCH] Use colors in Currently active sessions table

Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
---
 scripts/pi-hole/js/settings-api.js | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/scripts/pi-hole/js/settings-api.js b/scripts/pi-hole/js/settings-api.js
index a9e01a78..d64a6192 100644
--- a/scripts/pi-hole/js/settings-api.js
+++ b/scripts/pi-hole/js/settings-api.js
@@ -15,9 +15,9 @@ var TOTPdata = null;
 function renderBool(data, type) {
   // Display and search content
   if (type === "display" || type === "filter") {
-    var icon = "fa-xmark";
+    var icon = "fa-xmark text-danger";
     if (data === true) {
-      icon = "fa-check";
+      icon = "fa-check text-success";
     }
 
     return '<i class="fa-solid ' + icon + '"></i>';
@@ -88,7 +88,7 @@ $(function () {
       $("td:eq(9)", row).html(button);
       if (data.current_session) {
         ownSessionID = data.id;
-        $(row).addClass("text-bold");
+        $(row).addClass("text-bold allowed-row");
         $(row).attr("title", "This is the session you are currently using for the web interface");
       }
 
@@ -96,13 +96,13 @@ $(function () {
       let title = "";
       if (data.tls.mixed) {
         title = "Session is PARTIALLY end-to-end encrypted";
-        icon = "fa-triangle-exclamation";
+        icon = "fa-triangle-exclamation text-warning";
       } else if (data.tls.login) {
         title = "Session is end-to-end encrypted (TLS/SSL)";
-        icon = "fa-check";
+        icon = "fa-check text-success";
       } else {
         title = "Session is NOT end-to-end encrypted (TLS/SSL)";
-        icon = "fa-xmark";
+        icon = "fa-xmark text-danger";
       }
 
       $("td:eq(3)", row).html('<i class="fa-solid ' + icon + '" title="' + title + '"></i>');