This adds a webui overlay on the extensions page for showing what Extension keybindings are active.…

chrome/browser/resources/extensions/extensions.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.
 
 <include src="../shared/js/cr/ui/drag_wrapper.js"></include>
 <include src="../uber/uber_utils.js"></include>
+<include src="extension_commands_overlay.js"></include>
 <include src="extension_list.js"></include>
 <include src="pack_extension_overlay.js"></include>
 
 // Used for observing function of the backend datasource for this page by
 // tests.
 var webui_responded_ = false;
 
 cr.define('extensions', function() {
   var ExtensionsList = options.ExtensionsList;
 
@@ skipping 77 matching lines @@
           this.handleUpdateExtensionNow_.bind(this));
 
       if (!loadTimeData.getBoolean('offStoreInstallEnabled')) {
         this.dragWrapper_ = new cr.ui.DragWrapper(document.documentElement,
                                                   dragWrapperHandler);
       }
 
       var packExtensionOverlay = extensions.PackExtensionOverlay.getInstance();
       packExtensionOverlay.initializePage();
 
+      // Hook up the configure commands link to the overlay.
+      var link = document.querySelector('.extension-commands-config');
+      link.addEventListener('click',
+          this.handleExtensionCommandsConfig_.bind(this));
+
+      // Initialize the Commands overlay.
+      var extensionCommandsOverlay =
+          extensions.ExtensionCommandsOverlay.getInstance();
+      extensionCommandsOverlay.initializePage();
+
       cr.ui.overlay.setupOverlay($('dropTargetOverlay'));
     },
 
     /**
      * Handles the Load Unpacked Extension button.
      * @param {Event} e Change event.
      * @private
      */
     handleLoadUnpackedExtension_: function(e) {
       chrome.send('extensionSettingsLoadUnpackedExtension');
 
       // TODO(jhawkins): Refactor metrics support out of options and use it
       // in extensions.html.
       chrome.send('coreOptionsUserMetricsAction',
                   ['Options_LoadUnpackedExtension']);
     },
 
     /**
      * Handles the Pack Extension button.
      * @param {Event} e Change event.
      * @private
      */
     handlePackExtension_: function(e) {
       ExtensionSettings.showOverlay($('packExtensionOverlay'));
       chrome.send('coreOptionsUserMetricsAction', ['Options_PackExtension']);
     },
 
     /**
+     * Handles the Configure (Extension) Commands link.
+     * @param {Event} e Change event.
+     * @private
+     */
+    handleExtensionCommandsConfig_: function(e) {
+      ExtensionSettings.showOverlay($('extensionCommandsOverlay'));
+      chrome.send('coreOptionsUserMetricsAction',
+                  ['Options_ExtensionCommands']);
+    },
+
+    /**
      * Handles the Update Extension Now button.
      * @param {Event} e Change event.
      * @private
      */
     handleUpdateExtensionNow_: function(e) {
       chrome.send('extensionSettingsAutoupdate');
     },
 
     /**
      * Handles the Toggle Dev Mode button.
@@ skipping 147 matching lines @@
   return {
     ExtensionSettings: ExtensionSettings
   };
 });
 
 var ExtensionSettings = extensions.ExtensionSettings;
 
 window.addEventListener('load', function(e) {
   ExtensionSettings.getInstance().initialize();
 });