Start of connection indicators. Cleanup CSS.

web/app/assets/javascripts/session.js

@@ -649,7 +649,7 @@
                 } else {
                     // Examples of other events
                     // Add media file track: "add", "The_Abyss_4T", 0
-                    logger.debug('non-vu event: ' + eventName + ',' + mixerId + ',' + value);
+                    logger.dbg('non-vu event: ' + eventName + ',' + mixerId + ',' + value);
                 }
             }
         }
@@ -809,6 +809,7 @@
 
         this.initialize = function() {
             context.jamClient.SetVURefreshRate(150);
+            context.jamClient.SessionSetConnectionStatusRefreshRate(1000); // refresh network connectivity once per second
             events();
             var screenBindings = {
                 'beforeShow': beforeShow,

web/app/assets/stylesheets/client/session.css.scss

@@ -440,7 +440,7 @@ table.vu td {
     left:28px;
 }
 
-.track-connection-green {
+.track-connection {
     position:absolute;
     bottom:0px;
     left:0px;
@@ -450,50 +450,22 @@ table.vu td {
     font-weight:bold;
     font-size:8px;
     text-align:center;
+    overflow:hidden;
+}
+.track-connection.green {
     background-color:#72a43b;
-    overflow:hidden;
 }
 
-.track-connection-yellow {
-    position:absolute;
-    bottom:0px;
-    left:0px;
-    width: 70px;
-    height: 8px;
-    font-family:Arial, Helvetica, sans-serif;
-    font-weight:bold;
-    font-size:8px;
-    text-align:center;
+.track-connection.yellow {
     background-color:#cc9900;
-    overflow:hidden;
 }
 
-.track-connection-red {
-    position:absolute;
-    bottom:0px;
-    left:0px;
-    width: 70px;
-    height: 8px;
-    font-family:Arial, Helvetica, sans-serif;
-    font-weight:bold;
-    font-size:8px;
-    text-align:center;
+.track-connection.red {
     background-color:#980006;
-    overflow:hidden;
 }
 
-.track-connection-grey {
-    position:absolute;
-    bottom:0px;
-    left:0px;
-    width: 70px;
-    height: 8px;
-    font-family:Arial, Helvetica, sans-serif;
-    font-weight:bold;
-    font-size:8px;
-    text-align:center;
+.track-connection.grey {
     background-color:#666;
-    overflow:hidden;
 }
 
 

web/app/views/clients/_session.html.erb

@@ -166,7 +166,7 @@
         <%= image_tag "content/icon_settings_lg.png", {:width => 18, :height => 18} %>
     </div>
     <!-- TODO - connection class from curly param -->
-    <div class="track-connection-green">CONNECTION</div>
+    <div class="track-connection red">CONNECTION</div>
 </div>
 </script>