Show the message 'No files match "abc"' if the search results are empty.

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.
 
 /**
  * FileManager constructor.
  *
  * FileManager objects encapsulate the functionality of the file selector
  * dialogs, as well as the full screen file manager application (though the
  * latter is not yet implemented).
@@ skipping 249 matching lines @@
   FileManager.initStrings = function(callback) {
     chrome.fileBrowserPrivate.getStrings(function(strings) {
       localStrings = new LocalStrings(strings);
       if (callback)
         callback();
     });
   };
 
   // Instance methods.
 
+  FileManager.prototype.$ = function(id) {

[dgozman, 2012/05/15 13:12:39]

Don't like this :(

[Vladislav Kaznacheev, 2012/05/15 13:38:13]

Oh no.

[Oleg Eterevsky, 2012/05/15 13:55:28]

Done.

[Oleg Eterevsky, 2012/05/15 13:55:28]

Done.

+    return this.document_.getElementById(id);
+  };
+
   /**
    * Request local file system, resolve roots and init_ after that.
    * @private
    */
   FileManager.prototype.initFileSystem_ = function() {
     util.installFileErrorToString();
     // Replace the default unit in util to translated unit.
     util.UNITS = [str('SIZE_KB'),
                   str('SIZE_MB'),
                   str('SIZE_GB'),
@@ skipping 4050 matching lines @@
       event.target.setAttribute('checked', 'checked');
     else
       event.target.removeAttribute('checked');
 
     var changeInfo = {};
     changeInfo[pref] = inverted ? !newValue : newValue;
     chrome.fileBrowserPrivate.setGDataPreferences(changeInfo);
   };
 
   FileManager.prototype.onSearchBoxUpdate_ = function(event) {
-    var searchString = this.dialogDom_.querySelector('#search-box').value;
+    var searchString = this.$('search-box').value;
     if (searchString) {
       this.directoryModel_.addFilter(
           'searchbox',
           function(e) {
             return e.name.substr(0, searchString.length) == searchString;
           });
+
+      var self = this;
+
+      this.reportEmptySearchResults_ = function() {
+        if (self.directoryModel_.getFileList().length === 0) {
+          var template = str('SEARCH_NO_MATCHING_FILES');
+          var index = template.indexOf('$1');

[dgozman, 2012/05/15 13:12:39]

You can just use <b>$1</b> inside the localized string and set innerHTML. See
NO_ACTION_FOR_FILE for example.

[Oleg Eterevsky, 2012/05/15 13:55:28]

Done.

+          self.$('no-search-results-prefix').textContent =
+              template.substring(0, index - 1);
+          self.$('no-search-results-suffix').textContent =
+              template.substring(index + 3);
+          var quotedSearchString = template.substring(index - 1, index + 3);
+          self.$('no-search-results-query').textContent =
+              quotedSearchString.replace('$1', searchString);
+
+          self.$('list-container').setAttribute('no-search-results', 'true');
+        }

[Vladislav Kaznacheev, 2012/05/15 13:38:13]

add .bind(this) and you do not need var self

[Oleg Eterevsky, 2012/05/15 13:55:28]

Done.

[Oleg Eterevsky, 2012/05/15 13:55:28]

Done.

+      };
+
+      this.directoryModel_.addEventListener(
+          'rescan-completed', this.reportEmptySearchResults_);
     } else {
       this.directoryModel_.removeFilter('searchbox');
+      this.$('list-container').setAttribute('no-search-results', 'false');
+      this.directoryModel_.removeEventListener(
+          'rescan-completed', this.reportEmptySearchResults_);
     }
   };
 
   FileManager.prototype.decorateSplitter = function(splitterElement) {
     var self = this;
 
     var Splitter = cr.ui.Splitter;
 
     var customSplitter = cr.ui.define('div');
 
@@ skipping 120 matching lines @@
 
     this.directoryModel_.addEventListener('scan-completed', maybeShowBanner);
     this.directoryModel_.addEventListener('rescan-completed', maybeShowBanner);
 
     var style = this.document_.createElement('link');
     style.rel = 'stylesheet';
     style.href = 'css/gdrive_welcome.css';
     this.document_.head.appendChild(style);
   };
 })();