Files.app: Added an Esc key handler to the search box.

chrome/browser/resources/file_manager/js/file_manager.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.
 
 'use strict';
 
 /**
  * This variable is checked in SelectFileDialogExtensionBrowserTest.
  * @type {number}
  */
@@ skipping 1031 matching lines @@
     if (loadTimeData.getBoolean('ASH'))
       this.dialogDom_.setAttribute('ash', 'true');
 
     this.filePopup_ = null;
 
     this.searchBoxWrapper_ =
         this.dialogDom_.querySelector('.search-box-wrapper');
     this.searchBox_ = this.dialogDom_.querySelector('#search-box');
     this.searchBox_.addEventListener(
         'input', this.onSearchBoxUpdate_.bind(this));
+    this.searchBox_.addEventListener(
+        'keydown', this.onSearchBoxKeyDown_.bind(this));
     this.searchTextMeasure_ = new TextMeasure(this.searchBox_);
     if (util.platform.newUI()) {
       this.searchIcon_ = this.dialogDom_.querySelector('#search-icon');
       this.searchIcon_.addEventListener(
           'click',
           function() { this.searchBox_.focus(); }.bind(this));
       this.searchClearButton_ =
           this.dialogDom_.querySelector('#search-clear-button');
       this.searchClearButton_.addEventListener(
           'click',
@@ skipping 2429 matching lines @@
       event.target.removeAttribute('checked');
 
     var changeInfo = {};
     changeInfo[pref] = inverted ? !newValue : newValue;
     chrome.fileBrowserPrivate.setPreferences(changeInfo);
   };
 
   /**
    * Invoked when the search box is changed.
    *
-   * @param {Event} event The 'changed' event.
+   * @param {Event} event The changed event.
    * @private
    */
   FileManager.prototype.onSearchBoxUpdate_ = function(event) {
     var searchString = this.searchBox_.value;
 
     this.updateSearchBoxStyles_();
     if (this.isOnDrive()) {
       // When the search text is changed, finishes the search and showes back
       // the last directory by passing an empty string to
       // {@code DirectoryModel.search()}.
       if (this.directoryModel_.isSearching() &&
           this.lastSearchQuery_ != searchString) {
         this.doSearch('');
       }
 
       // On drive, incremental search is not invoked since we have an auto-
       // complete suggestion instead.
       return;
     }
 
     this.search_(searchString);
   };
 
   /**
+   * Handles special keys such as Escape on the search box.
+   *
+   * @param {Event} event The keydown event.
+   * @private
+   */
+  FileManager.prototype.onSearchBoxKeyDown_ = function(event) {
+    // Handle only Esc key now.
+    if (event.keyCode != 27) return;
+    if (this.searchBox_.value) return;
+    var currentList = this.listType_ == FileManager.ListType.DETAIL ?
+        this.table_.list : this.grid_;
+    currentList.focus();
+    if (currentList.dataModel.length != 0 &&
+        currentList.selectionModel.selectedIndex == -1) {
+      currentList.selectionModel.selectedIndex = 0;
+    }
+  };
+
+  /**
    * Updates search box's CSS classes.
    * These classes are refered from CSS.
    *
    * @private
    */
   FileManager.prototype.updateSearchBoxStyles_ = function() {
     if (!util.platform.newUI())
       return;
     var TEXT_BOX_PADDING = 16; // in px.
     this.searchBoxWrapper_.classList.toggle('has-text',
@@ skipping 381 matching lines @@
    * Set the flag expressing whether the ctrl key is pressed or not.
    * @param {boolean} flag New value of the flag
    * @private
    */
   FileManager.prototype.setCtrlKeyPressed_ = function(flag) {
     this.ctrlKeyPressed_ = flag;
     this.document_.querySelector('#drive-clear-local-cache').canExecuteChange();
     this.document_.querySelector('#drive-reload').canExecuteChange();
   };
 })();