[MD History] Add URL parameter for search.

chrome/browser/resources/md_history/app.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.
 
 Polymer({
   is: 'history-app',
 
   properties: {
     // The id of the currently selected page.
     selectedPage_: {type: String, value: 'history', observer: 'unselectAll'},
@@ skipping 29 matching lines @@
         return {
           info: null,
           results: null,
           sessionList: null,
         };
       }
     },
 
     // Route data for the current page.
     routeData_: Object,
+
+    // The query params for the page.
+    queryParams_: Object,
   },
 
   observers: [
     // routeData_.page <=> selectedPage
     'routeDataChanged_(routeData_.page)',
     'selectedPageChanged_(selectedPage_)',
+
+    // queryParams_.q <=> queryState.searchTerm
+    'searchTermChanged_(queryState_.searchTerm)',
+    'searchQueryParamChanged_(queryParams_.q)',
+
   ],
 
   // TODO(calamity): Replace these event listeners with data bound properties.
   listeners: {
     'cr-menu-tap': 'onMenuTap_',
     'history-checkbox-select': 'checkboxSelected',
     'unselect-all': 'unselectAll',
     'delete-selected': 'deleteSelected',
     'search-domain': 'searchDomain_',
   },
 
   /** @override */
   ready: function() {
     this.grouped_ = loadTimeData.getBoolean('groupByDomain');
 
     cr.ui.decorate('command', cr.ui.Command);
     document.addEventListener('canExecute', this.onCanExecute_.bind(this));
     document.addEventListener('command', this.onCommand_.bind(this));
+
+    if (window.location.hash) {

[tsergeant, 2016/07/19 03:32:20]

Should have a comment here explaining this.

[calamity, 2016/07/19 04:35:33]

Done.

+      window.location.href = window.location.href.split('#')[0] + '?' +
+          window.location.hash.substr(1);
+    }
   },
 
   /** @private */
   onMenuTap_: function() { this.$['side-bar'].toggle(); },
 
   /**
    * Listens for history-item being selected or deselected (through checkbox)
    * and changes the view of the top toolbar.
    * @param {{detail: {countAddition: number}}} e
    */
@@ skipping 38 matching lines @@
    * @param {{detail: {domain: string}}} e
    */
   searchDomain_: function(e) { this.$.toolbar.setSearchTerm(e.detail.domain); },
 
   /**
    * @param {Event} e
    * @private
    */
   onCanExecute_: function(e) {
     e.canExecute = true;
+

[tsergeant, 2016/07/19 03:32:20]

Nit: Undo this

[calamity, 2016/07/19 04:35:33]

Done.

   },
 
   /**
+   * @param {string} searchTerm
+   * @private
+   */
+  searchTermChanged_: function(searchTerm) {
+    this.set('queryParams_.q', searchTerm || null);
+    this.$['history'].queryHistory(false);
+  },
+
+  /**
+   * @param {string} searchQuery
+   * @private
+   */
+  searchQueryParamChanged_: function(searchQuery) {
+    this.$.toolbar.setSearchTerm(searchQuery || '');
+  },
+
+  /**
    * @param {Event} e
    * @private
    */
   onCommand_: function(e) {
     if (e.command.id == 'find-command')
       this.$.toolbar.showSearchField();
   },
 
   /**
    * @param {!Array<!ForeignSession>} sessionList Array of objects describing
@@ skipping 62 matching lines @@
    * added as a child of iron-pages.
    * @param {string} selectedPage
    * @param {Array} items
    * @return {string}
    * @private
    */
   getSelectedPage_(selectedPage, items) {
     return selectedPage;
   },
 });