docs

front/css/app.css

@@ -1549,7 +1549,7 @@ input[readonly] {
 
 #deviceDetailsEdit .select2-container--default .select2-selection--multiple .select2-selection__choice a
 {
-    color: #bec5cb;
+    color: #fff;
 }
 
 #deviceDetailsEdit .iconPreview svg

front/css/dark-patch.css

@@ -732,6 +732,36 @@ input[type="password"]::-webkit-caps-lock-indicator {
   background-color: #000 !important;
 }
 
+
+.select2-container--default .select2-selection--single {
+  color: initial !important;
+  background-color: #353c42 !important;
+}
+
+/* Chevron color */
+.select2-container .select2-selection__arrow::after {
+  color: #bec5cb;
+}
+
+/* Chevron color */
+.select2-selection .select2-selection--single {
+  color: #bec5cb;
+}
+
+.select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single {
+  border-color: #3d444b !important;
+}
+
+.select2-container--default .select2-selection--single .select2-selection__rendered  .custom-chip
+{
+  color: #bec5cb;
+}
+
+#hover-box
+{
+  background-color: #353c42 !important;
+}
+
 .callout code {
   background-color: #fff !important;
   color:#000 !important;

front/devices.php

@@ -785,6 +785,7 @@ function initializeDatatable (status) {
                   data-ip="${rowData[mapIndx(8)]}"
                   data-mac="${rowData[mapIndx(11)]}"
                   data-vendor="${rowData[mapIndx(17)]}"
+                  data-type="${rowData[mapIndx(2)]}"
                   data-firstseen="${rowData[mapIndx(6)]}"
                   data-lastseen="${rowData[mapIndx(7)]}"
                   data-relationship="${rowData[mapIndx(28)]}"

front/js/ui_components.js

@@ -692,6 +692,7 @@ function initSelect2() {
                           data-ip="${device.devLastIP}"
                           data-mac="${device.devMac}"
                           data-vendor="${device.devVendor}"
+                          data-type="${device.devType}"
                           data-lastseen="${device.devLastConnection}"
                           data-firstseen="${device.devFirstConnection}"
                           data-relationship="${device.devParentRelType}"
@@ -821,6 +822,7 @@ function initHoverNodeInfo() {
       const ip = $el.data('ip') || 'N/A';
       const mac = $el.data('mac') || 'N/A';
       const vendor = $el.data('vendor') || 'Unknown';
+      const type = $el.data('type') || 'Unknown';
       const lastseen = $el.data('lastseen') || 'Unknown';
       const firstseen = $el.data('firstseen') || 'Unknown';
       const relationship = $el.data('relationship') || 'Unknown';
@@ -844,6 +846,9 @@ function initHoverNodeInfo() {
         <div class="line">  
           <b>Vendor:</b> <span>${vendor}</span><br>
         </div>
+        <div class="line">  
+          <b>Type:</b> <span>${type}</span><br>
+        </div>
         <div class="line">  
           <b>First seen:</b> <span>${firstseen}</span><br>
         </div>

front/network.php

@@ -476,7 +476,7 @@
                     `select *, CASE WHEN devAlertDown !=0 AND devPresentLastScan=0 THEN "Down"
                                     WHEN devPresentLastScan=1 THEN "On-line"
                                     ELSE "Off-line" END as devStatus 
-                      from Devices`))}`;
+                      from Devices where devIsArchived = 0	`))}`;
 
   $.get(apiUrl, function (data) {
   
@@ -727,7 +727,6 @@ function initTree(myHierarchy)
   myTree = Treeviz.create({
     htmlId: "networkTree",
     renderNode:  nodeData =>  {
-
       
       (!emptyArr.includes(nodeData.data.port )) ? port =  nodeData.data.port : port = "";
 
@@ -744,7 +743,7 @@ function initTree(myHierarchy)
                           style="width:${emSize}em;height:${emSize}em">
                       ${portHtml}</div> 
                     <div  class="portBckgIcon" 
-                          style="margin-left:-${emSize}em;">
+                          style="margin-left:-${emSize*0.7}em;">
                           ${portBckgIcon}
                     </div>`;
       collapseExpandIcon = nodeData.data.hiddenChildren ? 
@@ -768,13 +767,14 @@ function initTree(myHierarchy)
 
       return result = `<div 
                             class="node-inner hover-node-info box pointer ${highlightedCss}"
-                            data-mytreemacmain="${nodeData.data.mac}"
                             style="height:${nodeHeightPx}px;font-size:${nodeHeightPx-5}px;"
                             onclick="handleNodeClick(this)"
+                            data-mytreemacmain="${nodeData.data.mac}"                            
                             data-name="${nodeData.data.name}"
                             data-ip="${nodeData.data.ip}"
                             data-mac="${nodeData.data.mac}"
                             data-vendor="${nodeData.data.vendor}"
+                            data-type="${nodeData.data.type}"
                             data-lastseen="${nodeData.data.lastseen}"
                             data-firstseen="${nodeData.data.firstseen}"
                             data-relationship="${nodeData.data.relType}"

front/plugins/newdev_template/config.json

@@ -933,7 +933,7 @@
       "name": [
         {
           "language_code": "en_us",
-          "string": "First Connection"
+          "string": "First Seen"
         }
       ],
       "description": [