Add color to the main interface icon

Signed-off-by: RD WebDesign <[email protected]>

scripts/js/interfaces.js

@@ -32,14 +32,13 @@ $(function () {
 
     // For each interface in data.interface, create a new object and push it to json
     data.interfaces.forEach(function (interface) {
-      const status = interface.carrier
-        ? '<span class="text-green">UP</span>'
-        : '<span class="text-red">DOWN</span>';
+      const status = interface.carrier ? "UP" : "DOWN";
+      const color = interface.carrier ? "text-green" : "text-red"
 
       var obj = {
-        text: interface.name + " - " + status,
+        text: interface.name + ' - <span class="' + color + '">' + status + '</span>',
         class: gateways.has(interface.name) ? "text-bold" : null,
-        icon: "fa fa-network-wired fa-fw",
+        icon: "fa fa-network-wired fa-fw " + color,
         nodes: [],
       };