OLD | NEW |
1 <link rel="import" href="chrome://resources/cr_elements/icons.html"> | 1 <link rel="import" href="chrome://resources/cr_elements/icons.html"> |
2 <link rel="import" href="chrome://resources/html/polymer.html"> | 2 <link rel="import" href="chrome://resources/html/polymer.html"> |
3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-f
lex-layout.html"> | 3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-f
lex-layout.html"> |
4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.htm
l"> | 4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.htm
l"> |
5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt
on.html"> | 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt
on.html"> |
6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-checkbox/paper-ch
eckbox.html"> | 6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-checkbox/paper-ch
eckbox.html"> |
7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button-light.html"> | 7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button-light.html"> |
8 <link rel="import" href="chrome://resources/html/icon.html"> | 8 <link rel="import" href="chrome://resources/html/icon.html"> |
9 <link rel="import" href="chrome://resources/html/util.html"> | 9 <link rel="import" href="chrome://resources/html/util.html"> |
10 <link rel="import" href="chrome://history/constants.html"> | 10 <link rel="import" href="chrome://history/constants.html"> |
| 11 <link rel="import" href="chrome://history/searched_label.html"> |
11 <link rel="import" href="chrome://history/shared_style.html"> | 12 <link rel="import" href="chrome://history/shared_style.html"> |
12 | 13 |
13 <dom-module id="history-item"> | 14 <dom-module id="history-item"> |
14 <template> | 15 <template> |
15 <style include="shared-style"> | 16 <style include="shared-style"> |
16 :host { | 17 :host { |
17 @apply(--layout-center); | 18 @apply(--layout-center); |
18 @apply(--layout-vertical); | 19 @apply(--layout-vertical); |
19 padding: 0 var(--history-item-padding-side, 0); | 20 padding: 0 var(--history-item-padding-side, 0); |
20 } | 21 } |
(...skipping 104 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
125 <div id="date-accessed" class="card-title"> | 126 <div id="date-accessed" class="card-title"> |
126 [[cardTitle_(numberOfItems, item.dateRelativeDay, searchTerm)]] | 127 [[cardTitle_(numberOfItems, item.dateRelativeDay, searchTerm)]] |
127 </div> | 128 </div> |
128 <div id="item-container"> | 129 <div id="item-container"> |
129 <paper-checkbox id="checkbox" on-tap="onCheckboxSelected_" | 130 <paper-checkbox id="checkbox" on-tap="onCheckboxSelected_" |
130 checked="{{selected}}" disabled="[[selectionNotAllowed_()]]"> | 131 checked="{{selected}}" disabled="[[selectionNotAllowed_()]]"> |
131 </paper-checkbox> | 132 </paper-checkbox> |
132 <span id="time-accessed">[[item.readableTimestamp]]</span> | 133 <span id="time-accessed">[[item.readableTimestamp]]</span> |
133 <div class="website-icon" id="icon"></div> | 134 <div class="website-icon" id="icon"></div> |
134 <div id="title-and-domain"> | 135 <div id="title-and-domain"> |
135 <a href="[[item.url]]" id="title" class="website-title"></a> | 136 <a href="[[item.url]]" id="title" class="website-title"> |
| 137 <history-searched-label title="[[item.title]]" |
| 138 search-term="[[searchTerm]]"></history-searched-label> |
| 139 </a> |
136 <span id="domain">[[item.domain]]</span> | 140 <span id="domain">[[item.domain]]</span> |
137 </div> | 141 </div> |
138 <iron-icon icon="cr:star" id="bookmark-star"></iron-icon> | 142 <iron-icon icon="cr:star" id="bookmark-star"></iron-icon> |
139 <button is="paper-icon-button-light" id="menu-button" | 143 <button is="paper-icon-button-light" id="menu-button" |
140 on-tap="onMenuButtonTap_"> | 144 on-tap="onMenuButtonTap_"> |
141 <iron-icon icon="cr:more-vert"></iron-icon> | 145 <iron-icon icon="cr:more-vert"></iron-icon> |
142 </button> | 146 </button> |
143 </div> | 147 </div> |
144 <template is="dom-if" if="[[hasTimeGap]]"> | 148 <template is="dom-if" if="[[hasTimeGap]]"> |
145 <div id="time-gap-separator"></div> | 149 <div id="time-gap-separator"></div> |
146 </template> | 150 </template> |
147 </div> | 151 </div> |
148 </template> | 152 </template> |
149 <script src="chrome://history/history_item.js"></script> | 153 <script src="chrome://history/history_item.js"></script> |
150 </dom-module> | 154 </dom-module> |
OLD | NEW |