Re-connect search on MD downloads

chrome/browser/resources/md_downloads/toolbar.js

 // Copyright 2015 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('downloads', function() {
   var Toolbar = Polymer({
     is: 'downloads-toolbar',
 
     /** @param {!downloads.ActionService} actionService */
     setActionService: function(actionService) {
       /** @private {!downloads.ActionService} */
       this.actionService_ = actionService;
     },
 
     properties: {
-      canClearAll: {
+      downloadsShowing: {
         type: Boolean,
         value: false,
+        observer: 'onDownloadsShowingChange_',
       },
 
       showingSearch_: {
         type: Boolean,
         value: false,
       },
     },
 
     /** @return {boolean} Whether removal can be undone. */
     canUndo: function() {
-      return this.$['search-term'] != document.activeElement;
+      return !this.$['search-term'].shadowRoot.activeElement;

[Dan Beam, 2015/07/29 04:43:41]

til: http://www.w3.org/TR/shadow-dom/#active-element

+    },
+
+    /** @return {boolean} Whether "Clear all" should be allowed. */
+    canClearAll: function() {
+      return !this.$['search-term'].value && this.downloadsShowing;
+    },
+
+    ready: function() {
+      var term = this.$['search-term'];
+      term.addEventListener('input', this.onSearchTermInput_.bind(this));
+      term.addEventListener('keydown', this.onSearchTermKeydown_.bind(this));
     },
 
     /** @private */
     onClearAllClick_: function() {
+      assert(this.canClearAll());
       this.actionService_.clearAll();
     },
 
     /** @private */
+    onDownloadsShowingChange_: function() {
+      this.updateClearAll_();

[michaelpg, 2015/07/30 02:48:16]

Consider using Polymer features instead of calling one-off update functions like
this. See above.

+    },
+
+    /** @private */
+    onSearchTermInput_: function() {
+      this.actionService_.search(this.$['search-term'].value);
+      this.updateClearAll_();
+    },
+
+    /** @private */
+    onSearchTermKeydown_: function(e) {
+      assert(this.showingSearch_);
+      if (e.keyIdentifier == 'U+001B')  // Escape.
+        this.toggleShowingSearch_();
+    },
+
+    /** @private */
     onOpenDownloadsFolderClick_: function() {
       this.actionService_.openDownloadsFolder();
     },
 
     /** @private */
     toggleShowingSearch_: function() {
       this.showingSearch_ = !this.showingSearch_;
+
+      if (this.showingSearch_) {
+        this.$['search-term'].focus();
+      } else {
+        this.$['search-term'].value = '';
+        this.onSearchTermInput_();
+      }
+    },
+
+    /** @private */
+    updateClearAll_: function() {
+      this.$['clear-all'].hidden = !this.canClearAll();
     },
   });
 
   return {Toolbar: Toolbar};
 });