MD WebUI: Add loading spinner to cr-toolbar, hook into MD History toolbar

ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar_search_field.js

 // Copyright 2016 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.
 
 // TODO(tsergeant): Add tests for cr-toolbar-search-field.
 Polymer({
   is: 'cr-toolbar-search-field',
 
   behaviors: [CrSearchFieldBehavior],
 
   properties: {
     narrow: {
       type: Boolean,
       reflectToAttribute: true,
     },
 
     // Prompt text to display in the search field.
     label: String,
 
     // Tooltip to display on the clear search button.
     clearLabel: String,
+
+    // When true, show a loading spinner to indicate that the backend is
+    // processing the search. Will only show if the search field is open.
+    processing: {
+      type: Boolean,
+      reflectToAttribute: true
+    },
   },
 
   listeners: {
     'tap': 'showSearch_',
   },
 
   /**
    * @param {boolean} narrow
    * @return {number}
    * @private
    */
   computeIconTabIndex_: function(narrow) {
     return narrow ? 0 : -1;
   },
 
+  isSpinnerActive_: function(processing, showingSearch) {
+    return processing && showingSearch;
+  },
+
   /** @private */
   onInputBlur_: function() {
     if (!this.hasSearchText)
       this.showingSearch = false;
   },
 
   /**
    * Expand the search field when a key is pressed with it focused. This ensures
    * it can be used correctly by tab-focusing. 'keypress' is used instead of
    * 'keydown' to avoid expanding on non-text keys (shift, escape, etc).
@@ skipping 14 matching lines @@
 
   /**
    * @param {Event} e
    * @private
    */
   hideSearch_: function(e) {
     this.showingSearch = false;
     e.stopPropagation();
   }
 });