MD History: Add spinners when new data is loading or searching

chrome/browser/resources/md_history/history.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.
 
 // Send the history query immediately. This allows the query to process during
 // the initial page startup.
 chrome.send('queryHistory', ['', 0, 0, 0, RESULTS_PER_PAGE]);
 chrome.send('getForeignSessions');
 
 /**
@@ skipping 48 matching lines @@
 });
 
 /**
  * When the search is changed refresh the results from the backend. Ensures that
  * the search bar is updated with the new search term.
  * @param {{detail: {search: string}}} e
  */
 window.addEventListener('search-changed', function(e) {
   $('toolbar').setSearchTerm(e.detail.search);
   /** @type {HistoryListElement} */($('history-list')).setLoading();
+  /** @type {HistoryToolbarElement} */($('toolbar')).setSearching();
   chrome.send('queryHistory', [e.detail.search, 0, 0, 0, RESULTS_PER_PAGE]);
 });
 
 /**
  * Switches between displaying history data and synced tabs data for the page.
  */
 window.addEventListener('switch-display', function(e) {
   $('history-synced-device-manager').hidden =
       e.detail.display != 'synced-tabs-button';
   $('history-list').hidden = e.detail.display != 'history-button';
 });
 
 // Chrome Callbacks-------------------------------------------------------------
 
 /**
  * Our history system calls this function with results from searches.
  * @param {HistoryQuery} info An object containing information about the query.
  * @param {!Array<HistoryEntry>} results A list of results.
  */
 function historyResult(info, results) {
   var listElem = $('history-list');
   waitForUpgrade(listElem).then(function() {
     var list = /** @type {HistoryListElement} */(listElem);
     list.addNewResults(results, info.term);
+    var toolbarElem = $('toolbar');
+    waitForUpgrade(toolbarElem).then(function() {
+      toolbarElem.searchingFinished();
+    });
     if (info.finished)
       list.disableResultLoading();
     // TODO(tsergeant): Showing everything as soon as the list is ready is not
     // ideal, as the sidebar can still pop in after. Fix this to show everything
     // at once.
     document.body.classList.remove('loading');
   });
 }
 
 /**
@@ skipping 44 matching lines @@
  * Called by the history backend when the deletion failed.
  */
 function deleteFailed() {
 }
 
 /**
  * Called when the history is deleted by someone else.
  */
 function historyDeleted() {
 }