MD History: Implement search functionality.

chrome/browser/resources/md_history/history_card_manager.html

Index: chrome/browser/resources/md_history/history_card_manager.html
diff --git a/chrome/browser/resources/md_history/history_card_manager.html b/chrome/browser/resources/md_history/history_card_manager.html
index 7108a87abc6593da7befccbd5ac3cc9501c978e2..d8853f2204e5f964a5e0f15c24e60a404a23eb37 100644
--- a/chrome/browser/resources/md_history/history_card_manager.html
+++ b/chrome/browser/resources/md_history/history_card_manager.html
@@ -17,6 +17,10 @@
         display: block;
       }
 
+      [hidden] {
+        display: none !important;
+      }
+
       #overflow-menu {
         @apply(--shadow-elevation-2dp);
         border-radius: 2px;
@@ -40,11 +44,32 @@
       paper-item:hover {
         background: #eaeaea;
       }
+
+      #no-results,
+      #no-search-results {
+        flex: 1;
+        align-items: center;
+        color: #b4b4b4;
+        display: flex;
+        font-size: 14px;
+        font-weight: 500;
+        justify-content: center;
+      }
     </style>
+    <div id="no-results" i18n-content="noResults"
+        hidden$=
+        "{{resultsAvailable_(historyDataByDay_.length, loading_, searchTerm)}}">
+    </div>
+    <div id="no-search-results" i18n-content="noSearchResults"
+        hidden$=
+        "{{noSearch_(historyDataByDay_.length, loading_, searchTerm)}}">
+    </div>
     <iron-list items="{{historyDataByDay_}}" as="historyDay" id="infinite-list"
-        on-scroll="scrollHandler_">
+        on-scroll="scrollHandler_"
+        hidden$="{{noResultsAvailable_(historyDataByDay_.length, loading_)}}">

[tsergeant, 2016/02/09 04:28:53]

As discussed, try to rename these functions so that there's no confusion between
resultsAvailable_ and noResultsAvailable_

[hsampson, 2016/02/11 02:46:26]

Now that we have figured out how to get loadTimeData to be ready earlier, we can
now make this one div and set the displayed message using a function as the
previous comments suggested. 

       <template>
-        <history-card history-date="{{historyDay.date}}"
+        <history-card history-title="{{historyDay.cardTitle}}"

[tsergeant, 2016/02/09 04:28:53]

As discussed, revert this back to passing down the date instead of the title

[hsampson, 2016/02/11 02:46:26]

Done.

+            search-term="[[searchTerm]]"
             history-items="{{historyDay.historyItems}}">
         </history-card>
       </template>