[MD History] Add history-searched-label to embolden the synced device search.

chrome/browser/resources/md_history/history_item.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.
 
 cr.define('md_history', function() {
   var HistoryItem = Polymer({
     is: 'history-item',
 
     properties: {
       // Underlying HistoryEntry data for this item. Contains read-only fields
@@ skipping 10 matching lines @@
 
       isCardStart: {type: Boolean, reflectToAttribute: true},
 
       isCardEnd: {type: Boolean, reflectToAttribute: true},
 
       hasTimeGap: {type: Boolean},
 
       numberOfItems: {type: Number}
     },
 
-    observers: ['setSearchedTextToBold_(item.title, searchTerm)'],
-
     /**
      * When a history-item is selected the toolbar is notified and increases
      * or decreases its count of selected items accordingly.
      * @private
      */
     onCheckboxSelected_: function() {
       this.fire('history-checkbox-select', {
         countAddition: this.$.checkbox.checked ? 1 : -1
       });
     },
@@ skipping 14 matching lines @@
 
     /**
      * Set the favicon image, based on the URL of the history item.
      * @private
      */
     showIcon_: function() {
       this.$.icon.style.backgroundImage =
           cr.icon.getFaviconImageSet(this.item.url);
     },
 
-    /**
-     * Updates the page title. If the result was from a search, highlights any
-     * occurrences of the search term in bold.
-     * @private
-     */
-    // TODO(calamity): Pull this bolding behavior into a separate element for
-    // synced device search.
-    setSearchedTextToBold_: function() {
-      var i = 0;
-      var titleElem = this.$.title;
-      var titleText = this.item.title;
-
-      if (this.searchTerm == '' || this.searchTerm == null) {
-        titleElem.textContent = titleText;
-        return;
-      }
-
-      var re = new RegExp(quoteString(this.searchTerm), 'gim');
-      var match;
-      titleElem.textContent = '';
-      while (match = re.exec(titleText)) {
-        if (match.index > i)
-          titleElem.appendChild(document.createTextNode(
-              titleText.slice(i, match.index)));
-        i = re.lastIndex;
-        // Mark the highlighted text in bold.
-        var b = document.createElement('b');
-        b.textContent = titleText.substring(match.index, i);
-        titleElem.appendChild(b);
-      }
-      if (i < titleText.length)
-        titleElem.appendChild(
-            document.createTextNode(titleText.slice(i)));
-    },
-
     selectionNotAllowed_: function() {
       return !loadTimeData.getBoolean('allowDeletingHistory');
     },
 
     /**
      * Generates the title for this history card.
      * @param {number} numberOfItems The number of items in the card.
      * @param {string} search The search term associated with these results.
      * @private
      */
@@ skipping 25 matching lines @@
 
     if (searchedTerm)
       return currentItem.dateShort != nextItem.dateShort;
 
     return currentItem.time - nextItem.time > BROWSING_GAP_TIME &&
         currentItem.dateRelativeDay == nextItem.dateRelativeDay;
   };
 
   return { HistoryItem: HistoryItem };
 });