bluetooth: Replace buttons in device table with action links.

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 = {
     NAME: 0,
     ADDRESS: 1,
     RSSI: 2,
     SERVICES: 3,
     CONNECTION_STATE: 4,
-    INSPECT_BUTTON: 5,
+    INSPECT_LINK: 5,
     CONNECTION_ERROR: 6,
   };
 
   /**
    * A table that lists the devices and responds to changes in the given
    * DeviceCollection. Fires events for inspection requests from listed
    * devices.
    * @constructor
    * @extends {HTMLTableElement}
    */
@@ skipping 41 matching lines @@
      */
     handleChange_: function(event) {
       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) {
+    handleInspectClick_: function(index) {
       var event = new CustomEvent('inspectpressed', {
         bubbles: true,
         detail: {
           address: this.devices_.item(index).address,
         }
       });
       this.dispatchEvent(event);
     },
 
     /**
@@ skipping 18 matching lines @@
      * @param {?number} index
      */
     insertRow_: function(device, index) {
       var row = this.body_.insertRow(index);
       row.id = device.address;
 
       for (var i = 0; i < this.headers_.length; i++) {
         row.insertCell();
       }
 
-      // Make two extra cells for the inspect button and connect errors.
+      // Make two extra cells for the inspect link and connect errors.
       var inspectCell = row.insertCell();
 
       // TODO(crbug.com/663830): Replace connection error column with better
       // notification system.
       var connectErrorCell = row.insertCell();
 
-      var inspectButton = document.createElement('button');
-      inspectCell.appendChild(inspectButton);
-      inspectButton.addEventListener('click', function() {
-        this.handleInspectBtn_(row.sectionRowIndex);
+      var inspectLink = document.createElement('a', 'action-link');
+      inspectCell.appendChild(inspectLink);
+      inspectLink.addEventListener('click', function() {
+        this.handleInspectClick_(row.sectionRowIndex);
       }.bind(this));
 
       this.updateRow_(device, row.sectionRowIndex);
     },
 
     /**
      * Deletes and recreates the table using the cached |devices_|.
      * @private
      */
     redraw_: function() {
@@ skipping 12 matching lines @@
      * @private
      * @param {!interfaces.BluetoothDevice.DeviceInfo} device
      * @param {number} index
      */
     updateRow_: function(device, index) {
       var row = this.body_.rows[index];
       assert(row, 'Row ' + index + ' is not in the table.');
 
       row.classList.toggle('removed', device.removed);
 
-      var inspectButton = row.cells[COLUMNS.INSPECT_BUTTON].children[0];
-      inspectButton.disabled = false;
+      var inspectLink = row.cells[COLUMNS.INSPECT_LINK].children[0];
+      inspectLink.disabled = false;
       switch (device.connectionStatus) {
         case device_collection.ConnectionStatus.DISCONNECTED:
-          inspectButton.textContent = 'Inspect';
+          inspectLink.textContent = 'Inspect';
           break;
         case device_collection.ConnectionStatus.CONNECTED:
-          inspectButton.textContent = 'Forget';
+          inspectLink.textContent = 'Forget';
           break;
         case device_collection.ConnectionStatus.CONNECTING:
-          inspectButton.disabled = true;
+          inspectLink.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;
 
@@ skipping 17 matching lines @@
         cell.textContent = obj == null ? 'Unknown' : obj;
         cell.dataset.label = header.textContent;
       }
     },
   };
 
   return {
     DeviceTable: DeviceTable,
   };
 });