Add display of available bluetooth devices, and mechanism for retrieving the list.

chrome/browser/resources/options/chromeos/bluetooth_list_element.js

+// Copyright (c) 2011 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.
+
+cr.define('options.system.bluetooth', function() {
+

[James Hawkins, 2011/10/04 20:43:39]

Remove blank line.

[kevers, 2011/10/05 14:23:01]

Done.

+  /**
+   * Bluetooth settings constants.
+   */
+  function Constants() {}
+
+  /**
+   * Enumeration of supported device types.  Each device type has an
+   * associated icon and CSS style.
+   * @enum {string}
+   */
+  Constants.DEVICE_TYPE = {
+     HEADSET: 'headset',

[James Hawkins, 2011/10/04 20:43:39]

Indentation should be 2 spaces.

[kevers, 2011/10/05 14:23:01]

Done.

+     KEYBOARD: 'keyboard',
+     MOUSE: 'mouse',
+  };
+
+  /**
+   * Enumeration of possible states for a bluetooth device.  The value
+   * associated with each state maps to a localized string in the global
+   * variable 'templateData'.
+   *
+   * @enum {string}
+   */
+  Constants.DEVICE_STATUS = {
+     CONNECTED: 'bluetoothDeviceConnected',
+     NOT_PAIRED: 'bluetoothDeviceNotPaired'
+  };
+
+  /**
+   * Creates an element for storing a list of bluetooth devices.
+   * @param {Object=} opt_propertyBag Optional properties.
+   * @constructor
+   * @extends {HTMLDivElement}
+   */
+  var BluetoothListElement = cr.ui.define('div');
+
+  BluetoothListElement.prototype = {
+    __proto__: HTMLDivElement.prototype,
+
+    /** @inheritDoc */
+    decorate: function() {
+      // TODO (kevers) - Implement me.
+    },
+
+    /**
+     * Loads given list of bluetooth devices. This list will comprise of
+     * devices that are currently connected.  New devices are discovered
+     * via the 'Find devices' button.
+     * @param {Array} devices An array of bluetooth devices.
+     */
+    load: function(devices) {
+      this.textContent = '';
+      for (var i = 0; i < devices.length; ++i) {

[James Hawkins, 2011/10/04 20:43:39]

s/++i/i++/

[kevers, 2011/10/05 14:23:01]

Done.

+        if (this.isSupported_(devices[i]))
+          this.appendChild(new BluetoothItem(devices[i]));
+      }
+    },
+
+    /**
+     * Adds a bluetooth device to the list of available devices.
+     * @param {Object.<string,string>} device.  Description of the bluetooth

[James Hawkins, 2011/10/04 20:43:39]

No period, one space between parameter name and start of description.

[kevers, 2011/10/05 14:23:01]

Done.

+     *     device.
+     */
+    appendDevice: function(device) {
+      // TODO (kevers) - check device ID to determine if already in list, in
+      //                 which case we should be updating the existing element.
+      //                 Display connected devices at the top of the list.
+      if (this.isSupported_(device))
+        this.appendChild(new BluetoothItem(device));
+    },
+
+    /**
+     * Tests if the bluetooth device is supported based on the type of device.
+     * @param {Object.<string,string>} device Desription of the device.
+     * @return {boolean} True if the device is supported.
+     * @private
+     */
+    isSupported_: function(device) {
+      var supported = false;

[James Hawkins, 2011/10/04 20:43:39]

Remove var.

[kevers, 2011/10/05 14:23:01]

Done.

+      var target = device.deviceType;
+      for (var key in Constants.DEVICE_TYPE) {
+        if (Constants.DEVICE_TYPE[key] == target) {
+          supported = true;

[James Hawkins, 2011/10/04 20:43:39]

return true;

[kevers, 2011/10/05 14:23:01]

Done.

+          break;
+        }
+      }
+      return supported;

[James Hawkins, 2011/10/04 20:43:39]

return false;

[kevers, 2011/10/05 14:23:01]

Done.

+    }
+  };
+
+  /**
+   * Creates an element in the list of bluetooth devices.
+   * @param{{'deviceName': string,
+   *         'deviceId': string,
+   *         'deviceType': Constants.DEVICE_TYPE,
+   *         'deviceStatus': Constants.DEVICE_STATUS} device
+   *     Decription of the bluetooth device.
+   * @constructor
+   */
+  function BluetoothItem(device) {
+    var el = cr.doc.createElement('div');
+    el.data = {};
+    for (var key in device)
+      el.data[key] = device[key];
+    BluetoothItem.decorate(el);
+    return el;
+  }
+
+  /**
+   * Decorates an element as a network item.
+   * @param {!HTMLElement} el The element to decorate.
+   */
+  BluetoothItem.decorate = function(el) {
+    el.__proto__ = BluetoothItem.prototype;
+    el.decorate();
+  };
+
+  BluetoothItem.prototype = {
+    __proto__: HTMLDivElement.prototype,
+
+    /** @inheritDoc */
+    decorate: function() {
+      this.className = 'network-item';
+      this.connected = this.data.connected;
+      if (this.data.deviceId)
+        this.id = this.data.deviceId;
+
+      // textDiv holds icon, name and status text.

[James Hawkins, 2011/10/04 20:43:39]

|textDiv|

[kevers, 2011/10/05 14:23:01]

Done.

+      var textDiv = this.ownerDocument.createElement('div');
+      textDiv.className = 'network-item-text';
+
+      var deviceSpecificClassName = 'bluetooth-' + this.data.deviceType;
+      this.classList.add(deviceSpecificClassName);
+
+      var nameEl = this.ownerDocument.createElement('div');
+      nameEl.className = 'network-name-label';
+      nameEl.textContent = this.data.deviceName;
+      textDiv.appendChild(nameEl);
+
+      if (this.data.deviceStatus) {
+        var statusMessage = templateData[this.data.deviceStatus];
+        if (statusMessage) {
+          var statusEl = this.ownerDocument.createElement('div');
+          statusEl.className = 'network-status-label';
+          statusEl.textContent = statusMessage;
+          textDiv.appendChild(statusEl);
+        }
+      }
+      this.appendChild(textDiv);
+    }
+  };
+
+  return {
+    Constants: Constants,
+    BluetoothListElement: BluetoothListElement
+  };
+});
+
+