MD Settings: Bluetooth: Update icon and title to reflect state

chrome/browser/resources/settings/bluetooth_page/bluetooth_page.js

 // Copyright 2015 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
  * 'settings-bluetooth-page' is the settings page for managing bluetooth
  *  properties and devices.
  *
  * Example:
@@ skipping 44 matching lines @@
     },
 
     /**
      * The cached bluetooth adapter state.
      * @type {!chrome.bluetooth.AdapterState|undefined}
      * @private
      */
     adapterState_: Object,
 
     /**
+     * Whether or not a bluetooth device is connected.
+     * @private
+     */
+    deviceConnected_: Boolean,
+
+    /**
      * The ordered list of bluetooth devices.
      * @type {!Array<!chrome.bluetooth.Device>}
      * @private
      */
     deviceList_: {
       type: Array,
       value: function() {
         return [];
       },
     },
@@ skipping 52 matching lines @@
      * Interface for bluetoothPrivate calls. May be overriden by tests.
      * @type {BluetoothPrivate}
      * @private
      */
     bluetoothPrivate: {
       type: Object,
       value: chrome.bluetoothPrivate,
     },
   },
 
+  observers: ['deviceListChanged_(deviceList_.*)'],
+
   /**
    * Listener for chrome.bluetooth.onAdapterStateChanged events.
    * @type {function(!chrome.bluetooth.AdapterState)|undefined}
    * @private
    */
   bluetoothAdapterStateChangedListener_: undefined,
 
   /**
    * Listener for chrome.bluetooth.onBluetoothDeviceAdded/Changed events.
    * @type {function(!chrome.bluetooth.Device)|undefined}
@@ skipping 65 matching lines @@
   },
 
   /** @private */
   bluetoothEnabledChanged_: function() {
     // When bluetooth is enabled, auto-expand the device list.
     if (this.bluetoothEnabled_)
       this.deviceListExpanded_ = true;
   },
 
   /** @private */
+  deviceListChanged_: function() {
+    for (let device of this.deviceList_) {
+      if (device.connected) {
+        this.deviceConnected_ = true;
+        return;
+      }
+    }
+    this.deviceConnected_ = false;
+  },
+
+  /** @private */
   selectedItemChanged_: function() {
     if (this.selectedItem_)
       this.connectDevice_(this.selectedItem_);
   },
 
+  /**
+   * @return {string}
+   * @private
+   */
+  getIcon_: function() {
+    if (!this.bluetoothEnabled_)
+      return 'settings:bluetooth-disabled';
+    if (this.deviceConnected_)
+      return 'settings:bluetooth-connected';
+    return 'settings:bluetooth';
+  },
+
+  /**
+   * @return {string}
+   * @private
+   */
+  getTitle_: function() {
+    return this.i18n(
+        this.bluetoothEnabled_ ? 'bluetoothEnabled' : 'bluetoothDisabled');
+  },
+
   /** @private */
   toggleDeviceListExpanded_: function() {
     this.deviceListExpanded_ = !this.deviceListExpanded_;
   },
 
   /**
    * @return {boolean} Whether the <iron-collapse> can be shown.
    * @private
    */
   canShowDeviceList_: function() {
@@ skipping 338 matching lines @@
     this.dialogId_ = '';
     this.pairingDevice_ = null;
     this.pairingEvent_ = null;
   },
 
   /** @private */
   doNothing_: function() {
     event.stopPropagation();
   },
 });