MD Settings: Show/hide spinner when searching starts/ends.

chrome/browser/resources/settings/settings_main/settings_main.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.
 
 /**
  * @fileoverview
  * 'settings-main' displays the selected settings page.
  */
 Polymer({
   is: 'settings-main',
@@ skipping 39 matching lines @@
     showBasicPage_: {
       type: Boolean,
       value: true,
     },
 
     /** @private */
     showAboutPage_: {
       type: Boolean,
       value: false,
     },
+
+    toolbarSpinnerActive: {
+      type: Boolean,
+      value: false,
+      notify: true,
+    },
   },
 
   /** @override */
   created: function() {
     /** @private {!PromiseResolver} */
     this.resolver_ = new PromiseResolver;
     settings.main.rendered = this.resolver_.promise;
   },
 
+  /** @override */
+  ready: function() {
+    settings.getSearchManager().setObserver(this);
+  },
+
+  /**
+   * Observer method called by SearchManager whenever a search is
+   * started/finished.
+   * @param {boolean} isRunning
+   */
+  onSearchStatusChanged: function(isRunning) {
+    this.toolbarSpinnerActive = isRunning;
+  },
+
   attached: function() {
     document.addEventListener('toggle-advanced-page', function(e) {
       this.showAdvancedPage_ = e.detail;
       this.isAdvancedMenuOpen_ = e.detail;
       this.currentRoute = {
         page: this.isAdvancedMenuOpen_ ? 'advanced' : 'basic',
         section: '',
         subpage: [],
       };
       if (this.showAdvancedPage_) {
@@ skipping 68 matching lines @@
    * @param {string} query
    */
   searchContents: function(query) {
     this.ensureInDefaultSearchPage_();
 
     // Trigger rendering of the basic and advanced pages and search once ready.
     // Even if those are already rendered, yield to the message loop before
     // initiating searching.
     this.showBasicPage_ = true;
     setTimeout(function() {
-      settings.search(query, assert(this.$$('settings-basic-page')));
+      settings.getSearchManager().search(
+          query, assert(this.$$('settings-basic-page')));
     }.bind(this), 0);
 
     this.showAdvancedPage_ = true;
     setTimeout(function() {
-      settings.search(query, assert(this.$$('settings-advanced-page')));
+      settings.getSearchManager().search(
+          query, assert(this.$$('settings-advanced-page')));
     }.bind(this), 0);
   },
 });