Show connection type in web-app.

remoting/webapp/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';
@@ skipping 45 matching lines @@
    */
   function formatStatNumber(value, units) {
     if (value != undefined) {
       return value.toFixed(2) + ' ' + units;
     } else {
       return "n/a";
     }
   }
 
   var statistics = document.getElementById('statistics');
-  this.statsElement.innerText = (
+  var statsString = (
       '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'));
+  var channelType = '';
+  var allChannelTypesMatch = true;
+  var channelTypesString = '';
+  for (var channel in stats.channelTypes) {
+    if (channelType == '') {
+      channelType = stats.channelTypes[channel];
+    } else if (stats.channelTypes[channel] != channelType) {
+      allChannelTypesMatch = false;
+    }
+    channelTypesString += ', ' + channel + ': ' + stats.channelTypes[channel];
+  }
+  if (allChannelTypesMatch) {
+    statsString += ', connection: ' + channelType;
+  } else {
+    statsString += channelTypesString;
+  }
+  this.statsElement.innerText = statsString;
 };
 
 /**
  * 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;