FS-8293 [verto_communicator] - Showing speed in the menu bar if autoBand is true, adding option to test speed before making a call, enabling dedEnc if inboundBandwidth is below dedEncWatermark (3072 by default).

FS-8293 [verto_communicator] - Changed info in the top menu bar for a icon+popover, changed autoBand's code in testSpeed method, moved 'Bandwidth settings' to 'Video settings' in settings modal and now hidding video quality selection when autoBand is checked.
FS-8293 [verto_communicator] - Better bandwidth info ui.
FS-8293 [verto_communicator] - Fixed speed test breaking at splash screen if user isn't logged in.

html5/verto/verto_communicator/src/partials/dialpad.html

@@ -1,4 +1,10 @@
-<div class="centered-block-frame" id="dialpad">
+<div ng-show="loading">
+  <h3 style="margin-top: 4%;" class="text-center">Calling to {{ dialpadNumber }}...</h3>
+  <svg class="spinner" width="65px" height="65px" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
+    <circle class="path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
+  </svg>
+</div>
+<div class="centered-block-frame" id="dialpad" ng-show="!loading">
   <div id="call-history-wrapper">
     <div id="call_history" class="shadow-z-2 panel">
       <div class="panel-heading">

html5/verto/verto_communicator/src/partials/menu.html

@@ -19,9 +19,21 @@
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav navbar-right">
+        <li class="navbar-item-icon net-info" ng-show="(bandUp || bandDown) && storage.data.autoBand">
+          <a href="" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
+            <i ng-class="iconClass"></i>
+            <span class="caret"></span>
+          </a>
+          <ul class="dropdown-menu drop-net-info" role="menu" ng-click="$event.stopPropagation()">
+            <li><a class="title">Bandwidth Info</a></li>
+            <li><a>Outgoing: {{bandUp}} Kbps</a></li>
+            <li><a>Incoming: {{bandDown}} Kbps</a></li>
+            <li><a>Video Resolution: {{vidRes}}</a></li>
+          </ul>
+        </li>
         <li>
           <a href="">
-              <i class="mdi-toggle-radio-button-on" user-status condition="storage.data.userStatus"></i>
+            <i class="mdi-toggle-radio-button-on" user-status condition="storage.data.userStatus"></i>
           </a>
         </li>
         <li>
@@ -29,7 +41,6 @@
               {{ storage.data.called_number && storage.data.userStatus == 'connecting' ? 'Last Call: ' : 'In Call: '  }} {{ storage.data.called_number  }}
           </a>
         </li>
-
         <li class="navbar-item-icon" ng-show="verto.data.connected">
           <a href="" ng-click="openModal('partials/modal_settings.html', 'ModalSettingsController')">
             <i class="mdi-action-settings"></i>

html5/verto/verto_communicator/src/partials/modal_settings.html

@@ -84,37 +84,53 @@
   </div>
 
   <div class="form-group">
-    <label for="video-quality">Video quality:</label>
-    <select name="video_quality" id="video-quality" class="form-control"
-            ng-model="mydata.vidQual"
-            ng-options="item.id as item.label for item in verto.videoQuality"></select>
+    <label>Video settings:</label>
+    <!-- <a class="btn btn-primary" href="" ng-click="testSpeed()">Check Speed</a> -->
+    <span ng-bind="speedMsg"></span>
 
-    <a class="btn btn-primary" href="" ng-click="testSpeed()">Check Speed</a>
-  </div>
+    <input type="hidden" name="use_dedenc" ng-value="mydata.useDedenc" ng-model="mydata.useDedenc">
 
-  <input type="hidden" name="use_dedenc" ng-value="mydata.useDedenc" ng-model="mydata.useDedenc">
 
-  <h4>Dedicated Remote Encoder</h4>
-  <h5>Select a non default bandwidth to use a dedicated remote encoder.</h5>
+    <div ng-show="mydata.useDedenc" class="dedicated_encoder">
+      <p>Dedicated Remote Encoder enabled.</b>
+    </div>
 
-  <div ng-show="mydata.useDedenc" class="dedicated_encoder">
-    <p>Dedicated Remote Encoder enabled.</b>
-  </div>
+    <div class="checkbox">
+      <label>
+        <input type="checkbox" ng-model="mydata.autoBand" ng-change="checkAutoBand(mydata.autoBand)">
+        Auto
+      </label>
+    </div>
 
-  <div class="form-group">
-    <label for="outgoing-bandwidth">Max outgoing bandwidth:</label>
-    <select name="outgoing_bandwidth" id="outgoing-bandwidth" class="form-control"
-            ng-model="mydata.outgoingBandwidth"
-	    ng-change="checkUseDedRemoteEncoder(mydata.outgoingBandwidth)"
-            ng-options="item.id as item.label for item in verto.bandwidth"></select>
-  </div>
+    <div class="checkbox" ng-show="mydata.autoBand">
+      <label>
+        <input type="checkbox" ng-model="mydata.testSpeedJoin">
+        Check bandwidth before joining call
+      </label>
+    </div>
 
-  <div class="form-group">
-    <label for="incoming-bandwidth">Max incoming bandwidth:</label>
-    <select name="incoming_bandwidth" id="incoming-bandwidth" class="form-control"
-            ng-model="mydata.incomingBandwidth"
-	    ng-change="checkUseDedRemoteEncoder(mydata.incomingBandwidth)"
-            ng-options="item.id as item.label for item in verto.bandwidth"></select>
+    <div ng-show="!mydata.autoBand">
+      <label for="video-quality">Video quality:</label>
+      <select name="video_quality" id="video-quality" class="form-control"
+              ng-disabled="mydata.autoBand"
+              ng-model="mydata.vidQual"
+              ng-options="item.id as item.label for item in verto.videoQuality"></select>
+    </div>
+
+    <div ng-show="!mydata.autoBand">
+      <label for="incoming-bandwidth">Max incoming bandwidth:</label>
+      <select name="incoming_bandwidth" id="incoming-bandwidth" class="form-control"
+              ng-model="mydata.incomingBandwidth"
+  	    ng-change="checkUseDedRemoteEncoder(mydata.incomingBandwidth)"
+              ng-options="item.id as item.label for item in verto.bandwidth"></select>
+    </div>
+
+    <div ng-show="!mydata.autoBand">
+      <label for="outgoing-bandwidth">Max outgoing bandwidth:</label>
+      <select name="outgoing_bandwidth" id="outgoing-bandwidth" class="form-control"
+              ng-model="mydata.outgoingBandwidth"
+              ng-options="item.id as item.label for item in verto.bandwidth"></select>
+    </div>
   </div>
 
 </div>