[Webapp Refactor] Re-add remoting.ConnectionStats.

remoting/webapp/crd/js/connection_stats.js

 // Copyright (c) 2012 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * @fileoverview
  * Module to support debug overlay window with connection stats.
  */
 
 'use strict';
 
 /** @suppress {duplicate} */
 var remoting = remoting || {};
 
 /**
  * @constructor
+ * @param {Element} statsElement The HTML div to which to update stats.
+ * @param {remoting.ClientPlugin} plugin
+ *
  * @implements {remoting.WindowShape.ClientUI}
- * @param {Element} statsElement The HTML div to which to update stats.
+ * @implements {base.Disposable}
  */
-remoting.ConnectionStats = function(statsElement) {
+remoting.ConnectionStats = function(statsElement, plugin) {
   /** @private */
   this.statsElement_ = statsElement;
 
   /** @private {remoting.ClientSession.PerfStats} */
   this.mostRecent_ = null
 
+  /** @private */
+  this.plugin_ = plugin;
+
+  var that = this;
+
+  /** @private */
+  this.timer_ = new base.RepeatingTimer(function(){
+    that.update(plugin.getPerfStats());
+  }, 1000, true);
+
   remoting.windowShape.addCallback(this);
 };
 
+remoting.ConnectionStats.prototype.dispose = function() {
+  base.dispose(this.timer_);
+  this.timer_ = null;
+  this.plugin_ = null;
+};
+
 /**
  * @return {remoting.ClientSession.PerfStats} The most recently-set PerfStats,
  *     or null if update() has not yet been called.
  */
 remoting.ConnectionStats.prototype.mostRecent = function() {
   return this.mostRecent_;
 };
 
 /**
  * Show or hide the connection stats div.
  */
 remoting.ConnectionStats.prototype.toggle = function() {
   this.statsElement_.hidden = !this.statsElement_.hidden;
 };
 
 /**
+ * @return {boolean}
+ */
+remoting.ConnectionStats.prototype.isVisible = function() {
+  return !this.statsElement_.hidden;
+};
+
+/**
  * Show or hide the connection stats div.
  * @param {boolean} show
  */
 remoting.ConnectionStats.prototype.show = function(show) {
   this.statsElement_.hidden = !show;
 };
 
 /**
  * If the stats panel is visible, add its bounding rectangle to the specified
  * region.
@@ skipping 46 matching lines @@
   var statistics = document.getElementById('statistics');
   this.statsElement_.innerText = (
       'Bandwidth: ' + formatStatNumber(videoBandwidth, units) +
       ', Frame Rate: ' + formatStatNumber(stats.videoFrameRate, 'fps') +
       ', Capture: ' + formatStatNumber(stats.captureLatency, 'ms') +
       ', Encode: ' + formatStatNumber(stats.encodeLatency, 'ms') +
       ', Decode: ' + formatStatNumber(stats.decodeLatency, 'ms') +
       ', Render: ' + formatStatNumber(stats.renderLatency, 'ms') +
       ', Latency: ' + formatStatNumber(stats.roundtripLatency, 'ms'));
 };
-
-/**
- * Check for the debug toggle hot-key.
- *
- * @param {Event} event The keyboard event.
- * @return {void} Nothing.
- */
-remoting.ConnectionStats.onKeydown = function(event) {
-  var element = /** @type {Element} */ (event.target);
-  if (element.tagName == 'INPUT' || element.tagName == 'TEXTAREA') {
-    return;
-  }
-  if (String.fromCharCode(event.which) == 'D') {
-    remoting.stats.toggle();
-  }
-};
-
-/** @type {remoting.ConnectionStats} */
-remoting.stats = null;