add colors to good and bad

diff --git a/html5/verto/verto_communicator/src/css/verto.css b/html5/verto/verto_communicator/src/css/verto.css
index d4763f2bf9e7192dc5b15df7c4c7d08721a3b40a..a03cac2e096245a624295b563058c880e7376520 100644 (file)
--- a/html5/verto/verto_communicator/src/css/verto.css
+++ b/html5/verto/verto_communicator/src/css/verto.css
@@ -1506,10 +1506,18 @@ body:-webkit-full-screen #incall .video-footer {
   color: #333 !important;
 }
 
-.net-info .dedenc {
+.net-info .yellow {
   color: #e3d95b;
 }
 
+.net-info .green {
+  color: #00ae00;
+}
+
+.net-info .red {
+  color: #ae0000;
+}
+
 #mic-meter {
   position: absolute;
   bottom: 5px;

diff --git a/html5/verto/verto_communicator/src/vertoControllers/controllers/MenuController.js b/html5/verto/verto_communicator/src/vertoControllers/controllers/MenuController.js
index adb5f6953c7e8867829d0054f8dc14237697b18f..104b5c2b5089d1bf5f9dd0e0497377612d048484 100644 (file)
--- a/html5/verto/verto_communicator/src/vertoControllers/controllers/MenuController.js
+++ b/html5/verto/verto_communicator/src/vertoControllers/controllers/MenuController.js
@@ -24,12 +24,12 @@
            bwp--;
         }
 
-        $scope.iconClass = 'mdi-device-signal-wifi-4-bar';                      
+        $scope.iconClass = 'mdi-device-signal-wifi-4-bar green';                      
 
         if (bwp < 4) {
-           $scope.iconClass = 'mdi-device-signal-wifi-3-bar';
+           $scope.iconClass = 'mdi-device-signal-wifi-3-bar yellow';
         } else if (bwp < 2) {
-           $scope.iconClass = 'mdi-device-signal-wifi-1-bar dedenc';
+           $scope.iconClass = 'mdi-device-signal-wifi-1-bar red';
         }
 
         verto.videoQuality.forEach(function(vid) {