Propagate connection state from networking layer to UI.

remoting/webapp/client_session.js

Index: remoting/webapp/client_session.js
diff --git a/remoting/webapp/client_session.js b/remoting/webapp/client_session.js
index fbd38d30fe7914454e9b8eb1ad926f558a789771..41856606159b3f61af8774cf849335112267cc65 100644
--- a/remoting/webapp/client_session.js
+++ b/remoting/webapp/client_session.js
@@ -303,7 +303,9 @@ remoting.ClientSession.prototype.onPluginInitialized_ =
   };
 
   this.plugin.onConnectionStatusUpdateHandler =
-      this.connectionStatusUpdateCallback.bind(this);
+      this.onConnectionStatusUpdate_.bind(this);
+  this.plugin.onConnectionInactiveHandler =
+      this.onConnectionInactive_.bind(this);
   this.plugin.onDesktopSizeUpdateHandler =
       this.onDesktopSizeChanged_.bind(this);
 
@@ -479,10 +481,11 @@ remoting.ClientSession.prototype.connectPluginToWcs_ =
  * Callback that the plugin invokes to indicate that the connection
  * status has changed.
  *
+ * @private
  * @param {number} status The plugin's status.
  * @param {number} error The plugin's error state, if any.
  */
-remoting.ClientSession.prototype.connectionStatusUpdateCallback =
+remoting.ClientSession.prototype.onConnectionStatusUpdate_ =
     function(status, error) {
   if (status == remoting.ClientSession.State.CONNECTED) {
     this.onDesktopSizeChanged_();
@@ -493,6 +496,22 @@ remoting.ClientSession.prototype.connectionStatusUpdateCallback =
 };
 
 /**
+ * Callback that the plugin invokes to indicate when the connection is
+ * inactive.
+ *
+ * @private
+ * @param {boolean} inactive True if the connection is inactive.
+ */
+remoting.ClientSession.prototype.onConnectionInactive_ =
+    function(inactive) {
+  if (inactive) {
+    this.plugin.element().classList.add("session-client-inactive");
+  } else {
+    this.plugin.element().classList.remove("session-client-inactive");
+  }
+}
+
+/**
  * @private
  * @param {remoting.ClientSession.State} newState The new state for the session.
  * @return {void} Nothing.
@@ -705,6 +724,7 @@ remoting.ClientSession.prototype.scroll_ = function(dx, dy) {
 
 /**
  * Enable or disable bump-scrolling.
+ * @private
  * @param {boolean} enable True to enable bump-scrolling, false to disable it.
  */
 remoting.ClientSession.prototype.enableBumpScroll_ = function(enable) {