Options: Rename chrome/browser/resources/options2 -> chrome/browser/resources/options.

chrome/browser/resources/options2/chromeos/bluetooth_pair_device_overlay.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.
-
-cr.define('options', function() {
-  /** @const */ var OptionsPage = options.OptionsPage;
-
-  /**
-   * Enumeration of possible states during pairing.  The value associated with
-   * each state maps to a localized string in the global variable
-   * |loadTimeData|.
-   * @enum {string}
-   */
-  var PAIRING = {
-    STARTUP: 'bluetoothStartConnecting',
-    ENTER_PIN_CODE: 'bluetoothEnterPinCode',
-    ENTER_PASSKEY: 'bluetoothEnterPasskey',
-    REMOTE_PIN_CODE: 'bluetoothRemotePinCode',
-    REMOTE_PASSKEY: 'bluetoothRemotePasskey',
-    CONFIRM_PASSKEY: 'bluetoothConfirmPasskey',
-  };
-
-  /**
-   * List of IDs for conditionally visible elements in the dialog.
-   * @type {Array.<String>}
-   * @const
-   */
-  var ELEMENTS = ['bluetooth-pairing-passkey-display',
-                  'bluetooth-pairing-passkey-entry',
-                  'bluetooth-pairing-pincode-entry',
-                  'bluetooth-pair-device-connect-button',
-                  'bluetooth-pair-device-cancel-button',
-                  'bluetooth-pair-device-accept-button',
-                  'bluetooth-pair-device-reject-button',
-                  'bluetooth-pair-device-dismiss-button'];
-
-  /**
-   * Encapsulated handling of the Bluetooth device pairing page.
-   * @constructor
-   */
-  function BluetoothPairing() {
-    OptionsPage.call(this,
-                     'bluetoothPairing',
-                     loadTimeData.getString('bluetoothOptionsPageTabTitle'),
-                     'bluetooth-pairing');
-  }
-
-  cr.addSingletonGetter(BluetoothPairing);
-
-  BluetoothPairing.prototype = {
-    __proto__: OptionsPage.prototype,
-
-    /**
-     * Description of the bluetooth device.
-     * @type {{name: string,
-     *         address: string,
-     *         icon: Constants.DEVICE_TYPE,
-     *         paired: boolean,
-     *         bonded: boolean,
-     *         connected: boolean,
-     *         pairing: string|undefined,
-     *         passkey: number|undefined,
-     *         pincode: string|undefined,
-     *         entered: number|undefined}}
-     * @private.
-     */
-    device_: null,
-
-    /**
-     * Can the dialog be programmatically dismissed.
-     * @type {boolean}
-     */
-    dismissible_: true,
-
-     /** @inheritDoc */
-    initializePage: function() {
-      OptionsPage.prototype.initializePage.call(this);
-      var self = this;
-      $('bluetooth-pair-device-cancel-button').onclick = function() {
-        chrome.send('updateBluetoothDevice',
-                    [self.device_.address, 'cancel']);
-        OptionsPage.closeOverlay();
-      };
-      $('bluetooth-pair-device-reject-button').onclick = function() {
-        chrome.send('updateBluetoothDevice',
-                    [self.device_.address, 'reject']);
-        OptionsPage.closeOverlay();
-      };
-      $('bluetooth-pair-device-connect-button').onclick = function() {
-        var args = [self.device_.address, 'connect'];
-        var passkey = self.device_.passkey;
-        if (passkey)
-          args.push(String(passkey));
-        else if (!$('bluetooth-pairing-passkey-entry').hidden)
-          args.push($('bluetooth-passkey').value);
-        else if (!$('bluetooth-pairing-pincode-entry').hidden)
-          args.push($('bluetooth-pincode').value);
-        chrome.send('updateBluetoothDevice', args);
-        OptionsPage.closeOverlay();
-      };
-      $('bluetooth-pair-device-accept-button').onclick = function() {
-        chrome.send('updateBluetoothDevice',
-                    [self.device_.address, 'accept']);
-        OptionsPage.closeOverlay();
-      };
-      $('bluetooth-pair-device-dismiss-button').onclick = function() {
-        OptionsPage.closeOverlay();
-      };
-      $('bluetooth-passkey').oninput = function() {
-        var inputField = $('bluetooth-passkey');
-        var value = inputField.value;
-        // Note that using <input type="number"> is insufficient to restrict
-        // the input as it allows negative numbers and does not limit the
-        // number of charactes typed even if a range is set.  Furthermore,
-        // it sometimes produces strange repaint artifacts.
-        var filtered = value.replace(/[^0-9]/g, '');
-        if (filtered != value)
-          inputField.value = filtered;
-        $('bluetooth-pair-device-connect-button').disabled =
-            inputField.value.length == 0;
-      }
-      $('bluetooth-pincode').oninput = function() {
-        $('bluetooth-pair-device-connect-button').disabled =
-            $('bluetooth-pincode').value.length == 0;
-      }
-      $('bluetooth-passkey').addEventListener('keydown',
-          this.keyDownEventHandler_.bind(this));
-      $('bluetooth-pincode').addEventListener('keydown',
-          this.keyDownEventHandler_.bind(this));
-    },
-
-    /**
-     * Override to prevent showing the overlay if the Bluetooth device details
-     * have not been specified.  Prevents showing an empty dialog if the user
-     * quits and restarts Chrome while in the process of pairing with a device.
-     * @return {boolean} True if the overlay can be displayed.
-     */
-    canShowPage: function() {
-      return this.device_ && this.device_.address && this.device_.pairing;
-    },
-
-    /**
-     * Sets input focus on the passkey or pincode field if appropriate.
-     */
-    didShowPage: function() {
-      if (!$('bluetooth-pincode').hidden)
-        $('bluetooth-pincode').focus();
-      else if (!$('bluetooth-passkey').hidden)
-        $('bluetooth-passkey').focus();
-    },
-
-    /**
-     * Configures the overlay for pairing a device.
-     * @param {Object} device Description of the bluetooth device.
-     */
-    update: function(device) {
-      this.device_ = {};
-      for (key in device)
-        this.device_[key] = device[key];
-      // Update the pairing instructions.
-      var instructionsEl = $('bluetooth-pairing-instructions');
-      this.clearElement_(instructionsEl);
-      this.dismissible_ = ('dismissible' in device) ?
-        device.dismissible : true;
-
-      var message = loadTimeData.getString(device.pairing);
-      message = message.replace('%1', this.device_.name);
-      instructionsEl.textContent = message;
-
-      // Update visibility of dialog elements.
-      if (this.device_.passkey) {
-        this.updatePasskey_();
-        if (this.device_.pairing == PAIRING.CONFIRM_PASSKEY) {
-          // Confirming a match between displayed passkeys.
-          this.displayElements_(['bluetooth-pairing-passkey-display',
-                                 'bluetooth-pair-device-accept-button',
-                                 'bluetooth-pair-device-reject-button']);
-        } else {
-          // Remote entering a passkey.
-          this.displayElements_(['bluetooth-pairing-passkey-display',
-                                 'bluetooth-pair-device-cancel-button']);
-        }
-      } else if (this.device_.pincode) {
-        this.updatePinCode_();
-        this.displayElements_(['bluetooth-pairing-passkey-display',
-                               'bluetooth-pair-device-cancel-button']);
-      } else if (this.device_.pairing == PAIRING.ENTER_PIN_CODE) {
-        // Prompting the user to enter a PIN code.
-        this.displayElements_(['bluetooth-pairing-pincode-entry',
-                               'bluetooth-pair-device-connect-button',
-                               'bluetooth-pair-device-cancel-button']);
-        $('bluetooth-pincode').value = '';
-      } else if (this.device_.pairing == PAIRING.ENTER_PASSKEY) {
-        // Prompting the user to enter a passkey.
-        this.displayElements_(['bluetooth-pairing-passkey-entry',
-                               'bluetooth-pair-device-connect-button',
-                               'bluetooth-pair-device-cancel-button']);
-        $('bluetooth-passkey').value = '';
-      } else if (this.device_.pairing == PAIRING.STARTUP) {
-        // Starting the pairing process.
-        this.displayElements_(['bluetooth-pair-device-cancel-button']);
-      } else {
-        // Displaying an error message.
-        this.displayElements_(['bluetooth-pair-device-dismiss-button']);
-      }
-      // User is required to enter a passkey or pincode before the connect
-      // button can be enabled.  The 'oninput' methods for the input fields
-      // determine when the connect button becomes active.
-      $('bluetooth-pair-device-connect-button').disabled = true;
-    },
-
-    /**
-     * Handles the ENTER key for the passkey or pincode entry field.
-     * @return {Event} a keydown event.
-     * @private
-     */
-    keyDownEventHandler_: function(event) {
-      /** @const */ var ENTER_KEY_CODE = 13;
-      if (event.keyCode == ENTER_KEY_CODE) {
-        var button = $('bluetooth-pair-device-connect-button');
-        if (!button.hidden)
-          button.click();
-      }
-    },
-
-    /**
-     * Updates the visibility of elements in the dialog.
-     * @param {Array.<string>} list List of conditionally visible elements that
-     *     are to be made visible.
-     * @private
-     */
-    displayElements_: function(list) {
-      var enabled = {};
-      for (var i = 0; i < list.length; i++) {
-        var key = list[i];
-        enabled[key] = true;
-      }
-      for (var i = 0; i < ELEMENTS.length; i++) {
-        var key = ELEMENTS[i];
-        $(key).hidden = !enabled[key];
-      }
-    },
-
-    /**
-     * Removes all children from an element.
-     * @param {!Element} element Target element to clear.
-     */
-    clearElement_: function(element) {
-      var child = element.firstChild;
-      while (child) {
-        element.removeChild(child);
-        child = element.firstChild;
-      }
-    },
-
-    /**
-     * Formats an element for displaying the passkey.
-     */
-    updatePasskey_: function() {
-      var passkeyEl = $('bluetooth-pairing-passkey-display');
-      var keyClass = this.device_.pairing == PAIRING.REMOTE_PASSKEY ?
-          'bluetooth-keyboard-button' : 'bluetooth-passkey-char';
-      this.clearElement_(passkeyEl);
-      var key = String(this.device_.passkey);
-      var progress = this.device_.entered | 0;
-      for (var i = 0; i < key.length; i++) {
-        var keyEl = document.createElement('span');
-        keyEl.textContent = key.charAt(i);
-        keyEl.className = keyClass;
-        if (i < progress)
-          keyEl.classList.add('key-typed');
-        passkeyEl.appendChild(keyEl);
-      }
-      if (this.device_.pairing == PAIRING.REMOTE_PASSKEY) {
-        // Add enter key.
-        var label = loadTimeData.getString('bluetoothEnterKey');
-        var keyEl = document.createElement('span');
-        keyEl.textContent = label;
-        keyEl.className = keyClass;
-        keyEl.id = 'bluetooth-enter-key';
-        passkeyEl.appendChild(keyEl);
-      }
-      passkeyEl.hidden = false;
-    },
-
-    /**
-     * Formats an element for displaying the PIN code.
-     */
-    updatePinCode_: function() {
-      var passkeyEl = $('bluetooth-pairing-passkey-display');
-      var keyClass = this.device_.pairing == PAIRING.REMOTE_PIN_CODE ?
-          'bluetooth-keyboard-button' : 'bluetooth-passkey-char';
-      this.clearElement_(passkeyEl);
-      var key = String(this.device_.pincode);
-      for (var i = 0; i < key.length; i++) {
-        var keyEl = document.createElement('span');
-        keyEl.textContent = key.charAt(i);
-        keyEl.className = keyClass;
-        keyEl.classList.add('key-pin');
-        passkeyEl.appendChild(keyEl);
-      }
-      if (this.device_.pairing == PAIRING.REMOTE_PIN_CODE) {
-        // Add enter key.
-        var label = loadTimeData.getString('bluetoothEnterKey');
-        var keyEl = document.createElement('span');
-        keyEl.textContent = label;
-        keyEl.className = keyClass;
-        keyEl.classList.add('key-pin');
-        keyEl.id = 'bluetooth-enter-key';
-        passkeyEl.appendChild(keyEl);
-      }
-      passkeyEl.hidden = false;
-    },
-  };
-
-  /**
-   * Configures the device pairing instructions and displays the pairing
-   * overlay.
-   * @param {Object} device Description of the Bluetooth device.
-   */
-  BluetoothPairing.showDialog = function(device) {
-    BluetoothPairing.getInstance().update(device);
-    OptionsPage.showPageByName('bluetoothPairing', false);
-  };
-
-  /**
-   * Displays a message from the Bluetooth adapter.
-   * @param {{string: label,
-   *          string: address} data  Data for constructing the message.
-   */
-  BluetoothPairing.showMessage = function(data) {
-    var name = '';
-    if (data.address.length > 0) {
-      name = data.address;
-      var list = $('bluetooth-paired-devices-list');
-      var index = list.find(name);
-      if (index == undefined) {
-        list = $('bluetooth-unpaired-devices-list');
-        index = list.find(name);
-      }
-      if (index != undefined) {
-        var entry = list.dataModel.item(index);
-        if (entry && entry.name)
-          name = entry.name;
-      }
-    }
-    BluetoothPairing.showDialog({name: name,
-                                 address: data.address,
-                                 pairing: data.label,
-                                 dismissible: false});
-  };
-
-  /**
-   * Closes the Bluetooth pairing dialog.
-   */
-  BluetoothPairing.dismissDialog = function() {
-    var overlay = OptionsPage.getTopmostVisiblePage();
-    var dialog = BluetoothPairing.getInstance();
-    if (overlay == dialog && dialog.dismissible_)
-      OptionsPage.closeOverlay();
-  };
-
-  // Export
-  return {
-    BluetoothPairing: BluetoothPairing
-  };
-});