Networks page: Properly show hotspot interface (#269)

NethServer/dev#6186
NethServer · May 28, 2020 · 1a7bf02 · 1a7bf02
1 parent b6968dd
commit 1a7bf02
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 2 deletions.
diff --git a/api/system-network/read b/api/system-network/read
@@ -27,7 +27,7 @@ use strict;
 use esmith::NetworksDB;
 use JSON;
 
-my $ret = {"status" => undef, "configuration" => {'green' => [], 'red' => [] , 'orange' => [], 'blue' => [], 'free' => [], 'other' => [], 'missing' => [] }};
+my $ret = {"status" => undef, "configuration" => {'green' => [], 'red' => [] , 'orange' => [], 'blue' => [], 'hotspot' => [], 'free' => [], 'other' => [], 'missing' => [] }};
 our $ndb = esmith::NetworksDB->open_ro();
 
 sub is_valid_interface

diff --git a/ui/public/i18n/language.json b/ui/public/i18n/language.json
@@ -704,6 +704,7 @@
     "red": "WAN (red)",
     "blue": "Guests (blue)",
     "orange": "DMZ (orange)",
+    "hotspot": "Hotspot",
     "empty": "Empty (no role)",
     "free": "Unassigned",
     "missing": "Missing",

diff --git a/ui/src/components/system/Network.vue b/ui/src/components/system/Network.vue
@@ -2481,7 +2481,8 @@ export default {
 
         case "orange":
           return "fa fa-shield";
-
+        case "hotspot":
+          return "fa fa-wifi";
         case "free":
           return "fa fa-unlock";
 
@@ -2908,6 +2909,7 @@ export default {
             red: success.configuration.red,
             blue: success.configuration.blue,
             orange: success.configuration.orange,
+            hotspot: success.configuration.hotspot,
             other: success.configuration.other,
             free: success.configuration.free,
             missing: success.configuration.missing

diff --git a/ui/src/styles/main.css b/ui/src/styles/main.css
@@ -472,6 +472,14 @@ circle {
     border-left: 3px solid #ec7a08 !important;
 }
 
+.hotspot {
+    color: #008888;
+}
+
+.hotspot-list {
+    border-left: 3px solid #008888 !important;
+}
+
 .transparent {
     opacity: 0;
 }
@@ -529,6 +537,10 @@ circle {
     border: 2px solid #ec7a08 !important;
 }
 
+.border-hotspot {
+    border: 2px solid #008888 !important;
+}
+
 .details-container {
     margin-bottom: 0px;
 }