bluetooth: Add sidebar and page manager for chrome://bluetooth-internals.

chrome/browser/resources/bluetooth_internals/device_table.js

 // Copyright 2016 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.
 
 /**
  * Javascript for DeviceTable UI, served from chrome://bluetooth-internals/.
  */
 
 cr.define('device_table', function() {
   var COLUMNS = {
@@ skipping 59 matching lines @@
       this.updateRow_(this.devices_.item(event.index), event.index);
     },
 
     /**
      * Fires a inspect pressed event for the row |index|.
      * @private
      * @param {number} index
      */
     handleInspectBtn_: function(index) {
       var event = new CustomEvent('inspectpressed', {
+        bubbles: true,
         detail: {
           address: this.devices_.item(index).address,
         }
       });
       this.dispatchEvent(event);
     },
 
     /**
      * Updates table row on splice event of the device collection.
      * @private
@@ skipping 78 matching lines @@
         case device_collection.ConnectionStatus.CONNECTING:
           inspectButton.disabled = true;
           break;
         default: assert('case not handled');
       }
 
       // TODO(crbug.com/663830): Replace connection error column with better
       // notification system.
       var connectErrorCell = row.cells[COLUMNS.CONNECTION_ERROR];
       connectErrorCell.textContent = device.connectionMessage;
+      connectErrorCell.hidden = !device.connectionMessage;
 
       // Update the properties based on the header field path.
       for (var i = 0; i < this.headers_.length; i++) {
         var header = this.headers_[i];
         var propName = header.dataset.field;
 
         var parts = propName.split('.');
         var obj = device;
         while (obj != null && parts.length > 0) {
           var part = parts.shift();
           obj = obj[part];
         }
 
         if (propName == 'is_gatt_connected') {
           obj = obj ? 'Connected' : 'Not Connected';
         }
 
         var cell = row.cells[i];
         cell.textContent = obj == null ? 'Unknown' : obj;
         cell.dataset.label = header.textContent;
       }
     },
   };
 
   return {
     DeviceTable: DeviceTable,
   };
 });