dom-ui settings: Improve search field behavior....

chrome/browser/resources/options/options_page.js

 // Copyright (c) 2010 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() {
   /////////////////////////////////////////////////////////////////////////////
   // OptionsPage class:
 
   /**
    * Base class for options page.
@@ skipping 25 matching lines @@
    */
   OptionsPage.registeredOverlayPages = {};
 
   /**
    * Whether or not |initialize| has been called.
    * @private
    */
   OptionsPage.initialized_ = false;
 
   /**
+   * Shows the default page.
+   */
+  OptionsPage.showDefaultPage = function() {
+    // TODO(csilv): Persist the current page.
+    this.showPageByName(BrowserOptions.getInstance().name);
+  };
+
+  /**
    * Shows a registered page. This handles both top-level pages and sub-pages.
    * @param {string} pageName Page name.
    */
   OptionsPage.showPageByName = function(pageName) {
     var targetPage = this.registeredPages[pageName];
 
     // Determine if the root page is 'sticky', meaning that it
     // shouldn't change when showing a sub-page.  This can happen for special
     // pages like Search.
     var rootPage = null;
@@ skipping 276 matching lines @@
                                    true);
 
     // Hook up the close buttons.
     subpageCloseButtons = document.querySelectorAll('.close-subpage');
     for (var i = 0; i < subpageCloseButtons.length; i++) {
       subpageCloseButtons[i].onclick = function() {
         self.closeTopSubPage();
       };
     };
 
-    // Close the top overlay or sub-page on esc.
-    document.addEventListener('keydown', function(e) {
-      if (e.keyCode == 27) { // Esc
-        if (self.isOverlayVisible_())
-          self.clearOverlays();
-        else
-          self.closeTopSubPage();
-      }
-    });
+    // Install handler for key presses.
+    document.addEventListener('keydown', this.keyDownEventHandler_.bind(this));
   };
 
   /**
    * Returns a function to handle clicks behind a subpage at level |level| by
    * closing all subpages down to |level| - 1.
    * @param {number} level The level of the subpage being handled.
    * @return {Function} a function to handle clicks outside the given subpage.
    * @private
    */
   OptionsPage.subPageClosingClickHandler_ = function(level) {
@@ skipping 38 matching lines @@
 
     // Events should not fall through to the main view,
     // but they can fall through for the sidebar.
     if ($('mainview-content').contains(event.target)) {
       event.stopPropagation();
       event.preventDefault();
     }
   };
 
   /**
+   * A function to handle key press events.
+   * @return {Event} a keydown event.
+   * @private
+   */
+  OptionsPage.keyDownEventHandler_ = function(event) {
+    // Close the top overlay or sub-page on esc.
+    if (event.keyCode == 27) {  // Esc
+      if (this.isOverlayVisible_())
+        this.clearOverlays();
+      else
+        this.closeTopSubPage();
+    }
+  };
+
+  /**
    * Re-initializes the C++ handlers if necessary. This is called if the
    * handlers are torn down and recreated but the DOM may not have been (in
    * which case |initialize| won't be called again). If |initialize| hasn't been
    * called, this does nothing (since it will be later, once the DOM has
    * finished loading).
    */
   OptionsPage.reinitializeCore = function() {
     if (this.initialized_)
       chrome.send('coreOptionsInitialize');
   }
@@ skipping 156 matching lines @@
       OptionsPage.showOverlay(hash);
     },
   };
 
   // Export
   return {
     OptionsPage: OptionsPage
   };
 
 });