From d741d293c81893e8d9842321b94477f99058e6a2 Mon Sep 17 00:00:00 2001
From: Jonathon Wilson <Jonathon.Wilson@demandmedia.com>
Date: Sat, 12 Oct 2013 16:35:12 -0600
Subject: [PATCH] VRFS-293. Respond to connection status changes.

---
 web/app/assets/javascripts/session.js   | 15 +++++++++++++++
 web/app/views/clients/_session.html.erb |  2 +-
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/web/app/assets/javascripts/session.js b/web/app/assets/javascripts/session.js
index 3a2a17409..855e4e441 100644
--- a/web/app/assets/javascripts/session.js
+++ b/web/app/assets/javascripts/session.js
@@ -637,6 +637,20 @@
                         mixerId = mixerId + "_vur";
                     }
                     _updateVU(mixerId, vuVal);
+                } else if (eventName === 'connection_status') {
+                    // Connection Quality Change
+                    var connectionClass = 'green';
+                    if (value < 7) {
+                        connectionClass = 'yellow';
+                    }
+                    if (value < 4) {
+                        connectionClass = 'red';
+                    }
+
+                    var $connection = $('[mixer-id="' + mixerId + '_connection"]');
+                    $connection.removeClass('green yellow red');
+                    $connection.addClass(connectionClass);
+
                 } else if (eventName === 'add' || eventName === 'remove') {
                     //logger.dbg('non-vu event: ' + eventName + ',' + mixerId + ',' + value);
 
@@ -819,6 +833,7 @@
             app.bindScreen('session', screenBindings);
         };
 
+
         this.tracks = tracks;
 
         this.getCurrentSession = function() {
diff --git a/web/app/views/clients/_session.html.erb b/web/app/views/clients/_session.html.erb
index eac4aaac2..f90c4eb42 100644
--- a/web/app/views/clients/_session.html.erb
+++ b/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 red">CONNECTION</div>
+    <div mixer-id="{mixerId}_connection" class="track-connection green">CONNECTION</div>
 </div>
 </script>