Added to options page to let users change keyboard mappings.

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

 // Copyright 2017 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.
 
 /**
  * Alias for document.getElementById.
  *
  * @param  {string} id
  * @return {Element}
  */
 let $ = function(id) {
   return document.getElementById(id);
 };
 
 /**
  * Class to manage the options page.
  *
  * @constructor
  */
 function SwitchAccessOptions() {
   let background = chrome.extension.getBackgroundPage();
 
   /**
    * User preferences.
    *
-   * @type {SwitchAccessPrefs}
+   * @private {SwitchAccessPrefs}
    */
-  this.switchAccessPrefs_ = background.switchAccess.switchAccessPrefs;
+  this.prefs_ = background.switchAccess.switchAccessPrefs;
 
   this.init_();
   document.addEventListener('change', this.handleInputChange_.bind(this));
   background.document.addEventListener(
       'prefsUpdate', this.handlePrefsUpdate_.bind(this));
 }
 
 SwitchAccessOptions.prototype = {
   /**
    * Initialize the options page by setting all elements representing a user
    * preference to show the correct value.
    *
    * @private
    */
   init_: function() {
     $('enableAutoScan').checked =
-        this.switchAccessPrefs_.getBooleanPref('enableAutoScan');
+        this.prefs_.getBooleanPref('enableAutoScan');
     $('autoScanTime').value =
-        this.switchAccessPrefs_.getNumberPref('autoScanTime') / 1000;
+        this.prefs_.getNumberPref('autoScanTime') / 1000;
+
+    for (let command of this.prefs_.getCommands()) {
+      $(command).value = String.fromCharCode(
+          this.prefs_.getNumberPref(command));
+    }
   },
 
   /**
    * Handle a change by the user to an element representing a user preference.
    *
    * @param {!Event} event
    * @private
    */
   handleInputChange_: function(event) {
     let input = event.target;
     switch (input.id) {
       case 'enableAutoScan':
-        this.switchAccessPrefs_.setPref(input.id, input.checked);
+        this.prefs_.setPref(input.id, input.checked);
         break;
       case 'autoScanTime':
-        let oldVal = this.switchAccessPrefs_.getNumberPref(input.id);
+        let oldVal = this.prefs_.getNumberPref(input.id);
         let val = Number(input.value) * 1000;
         let min = Number(input.min) * 1000;
-        if (this.isValidInput_(val, oldVal, min)) {
+        if (this.isValidScanTimeInput_(val, oldVal, min)) {
           input.value = Number(input.value);
-          this.switchAccessPrefs_.setPref(input.id, val);
+          this.prefs_.setPref(input.id, val);
         } else {
           input.value = oldVal;
         }
         break;
-    }
+      default:
+        if (this.prefs_.getCommands().includes(input.id)) {
+          let keyCode = input.value.toUpperCase().charCodeAt(0);
+          if (this.isValidKeyCode_(keyCode)) {
+            input.value = input.value.toUpperCase();
+            this.prefs_.setPref(input.id, keyCode);
+          } else {
+            let oldKeyCode = this.prefs_.getNumberPref(input.id);
+            input.value = String.fromCharCode(oldKeyCode);
+          }
+        }
+      }
   },
 
   /**
+   * Return true if |keyCode| is a letter or number, and if it is not already
+   * being used.
+   *
+   * @param {number} keyCode
+   * @return {boolean}
+   */
+  isValidKeyCode_: function(keyCode) {
+    return ((keyCode >= '0'.charCodeAt(0) && keyCode <= '9'.charCodeAt(0))
+        || (keyCode >= 'A'.charCodeAt(0) && keyCode <= 'Z'.charCodeAt(0)))
+        && !this.prefs_.keyCodeIsUsed(keyCode);
+  },
+
+  /**
    * Return true if the input is a valid autoScanTime input. Otherwise, return
    * false.
    *
    * @param {number} value
    * @param {number} oldValue
    * @param {number} min
    * @return {boolean}
    */
-  isValidInput_: function(value, oldValue, min) {
+  isValidScanTimeInput_: function(value, oldValue, min) {
     return (value !== oldValue) && (value >= min);
   },
 
   /**
    * Handle a change in user preferences.
    *
    * @param {!Event} event
    * @private
    */
   handlePrefsUpdate_: function(event) {
     let updatedPrefs = event.detail;
     for (let key of Object.keys(updatedPrefs)) {
       switch (key) {
         case 'enableAutoScan':
           $(key).checked = updatedPrefs[key];
           break;
         case 'autoScanTime':
           $(key).value = updatedPrefs[key] / 1000;
           break;
+        default:
+          if (this.prefs_.getCommands().includes(key))
+            $(key).value = String.fromCharCode(updatedPrefs[key]);
       }
     }
   }
 };
 
 document.addEventListener('DOMContentLoaded', function() {
   new SwitchAccessOptions();
 });