Handle Esc key press event in Local NTP.

chrome/browser/resources/local_ntp/local_ntp.js

 // Copyright 2013 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.
 
 (function() {
 <include src="../../../../ui/webui/resources/js/assert.js">
 
 /**
  * True if this a Google page and not some other search provider.  Used to
  * determine whether to show the logo and fakebox.
@@ skipping 630 matching lines @@
 var KEY_UP_ARROW = 38;
 
 /**
  * "Down" arrow keycode.
  * @type {number}
  * @const
  */
 var KEY_DOWN_ARROW = 40;
 
 /**
+ * "Esc" keycode.
+ * @type {number}
+ * @const
+ */
+var KEY_ESC = 27;
+
+/**
  * Pixels of padding inside a suggestion div for displaying its icon.
  * @type {number}
  * @const
  */
 var SUGGESTION_ICON_PADDING = 26;
 
 /**
  * Pixels by which iframes should be moved down relative to their wrapping
  * suggestion div.
  */
@@ skipping 406 matching lines @@
   },
 
   /**
    * Selects the suggestion after the current selection.
    */
   selectNext: function() {
     this.changeSelection_(this.selectedIndex_ + 1);
   },
 
   /**
+   * Clears the selected suggestion.
+   */
+  clearSelection: function() {
+    this.selectedIndex_ = -1;
+    var oldSelection = this.container_.querySelector('.' + CLASSES.SELECTED);
+    if (oldSelection)
+      oldSelection.classList.remove(CLASSES.SELECTED);
+  },
+
+  /**
    * Changes the current selected suggestion index.
    * @param {number} index The new selection to suggest.
    * @private
    */
   changeSelection_: function(index) {
     var numSuggestions = this.suggestions_.length;
     this.selectedIndex_ = Math.min(numSuggestions - 1, Math.max(-1, index));
 
     this.redrawSelection_();
     this.redrawHover_();
@@ skipping 58 matching lines @@
   },
 
   /**
    * Clears the current hover.
    */
   clearHover: function() {
     this.hoveredIndex_ = -1;
     this.redrawHover_();
   },
 
   /**

[jeremycho, 2013/05/04 23:07:06]

nit: move this alongside the other selection functions.

[kmadhusu, 2013/05/05 22:44:54]

Done.

+   * Returns the selected suggestion index.
+   */
+  selectedIndex: function() {
+    return this.selectedIndex_;
+  },
+
+  /**
    * Redraws the mouse hover background.
    * @private
    */
   redrawHover_: function() {
     var oldHover = this.container_.querySelector('.' + CLASSES.HOVERED);
     if (oldHover)
       oldHover.classList.remove(CLASSES.HOVERED);
     if (this.hoveredIndex_ != -1 && this.hoveredIndex_ != this.selectedIndex_)
       this.suggestions_[this.hoveredIndex_].hover(true);
   },
@@ skipping 134 matching lines @@
 
   if (activeBox)
     activeBox.repositionSuggestions();
 
   // This is bound only for initialization. Afterwards this style should only
   // change onmarginchange.
   window.removeEventListener('resize', setSuggestionStyles);
 }
 
 /**
  * Makes keys navigate through suggestions.

[jeremycho, 2013/05/04 23:07:06]

Update comment.

[kmadhusu, 2013/05/05 22:44:54]

Done.

  * @param {Object} e The key being pressed.
  */
 function handleKeyPress(e) {
   if (!activeBox)
     return;
 
   switch (e.keyCode) {
     case KEY_UP_ARROW:
       activeBox.selectPrevious();
       break;
     case KEY_DOWN_ARROW:
       activeBox.selectNext();
       break;
+    case KEY_ESC:
+      if (activeBox.selectedIndex() != -1) {

[jeremycho, 2013/05/04 23:07:06]

Make this check a function and use it elsewhere.

[kmadhusu, 2013/05/05 22:44:54]

Done.

+        activeBox.clearSelection();
+      } else {
+        hideActiveSuggestions();
+        document.body.classList.remove(CLASSES.HIDE_NTP);

[jeremycho, 2013/05/04 23:07:06]

Can you factor the show/hide logic into a helper function?

[kmadhusu, 2013/05/05 22:44:54]

Done. Added showNtp().

+        onThemeChange();
+      }
+      break;
   }
 }
 
 /**
  * Handles postMessage calls from suggestion iframes.
  * @param {Object} message A notification that all iframes are done loading or
  *     that an iframe was clicked.
  */
 function handleMessage(message) {
   if (message.origin != SUGGESTION_ORIGIN)
@@ skipping 192 matching lines @@
   }
 }
 
 document.addEventListener('DOMContentLoaded', init);
 window.addEventListener('message', handleMessage, false);
 window.addEventListener('blur', function() {
   if (activeBox)
     activeBox.clearHover();
 }, false);
 })();