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/paper-styles/shadow.htm
l"> | 3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/shadow.htm
l"> |
4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-collapse/iron-coll
apse.html"> | 4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-collapse/iron-coll
apse.html"> |
5 <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/iron-icon/iron-icon.htm
l"> |
6 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-f
lex-layout.html"> | 6 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-f
lex-layout.html"> |
7 <link rel="import" href="chrome://resources/html/icon.html"> | 7 <link rel="import" href="chrome://resources/html/icon.html"> |
| 8 <link rel="import" href="chrome://history/searched_label.html"> |
8 <link rel="import" href="chrome://history/shared_style.html"> | 9 <link rel="import" href="chrome://history/shared_style.html"> |
9 | 10 |
10 <dom-module id="history-synced-device-card"> | 11 <dom-module id="history-synced-device-card"> |
11 <template> | 12 <template> |
12 <style include="shared-style"> | 13 <style include="shared-style"> |
13 :host { | 14 :host { |
14 @apply(--layout-center); | 15 @apply(--layout-center); |
15 @apply(--layout-vertical); | 16 @apply(--layout-vertical); |
16 padding: 0 var(--card-padding-side) var(--card-padding-between); | 17 padding: 0 var(--card-padding-side) var(--card-padding-between); |
17 } | 18 } |
(...skipping 65 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
83 </div> | 84 </div> |
84 <iron-icon icon="cr:expand-less" id="dropdown-indicator"></iron-icon> | 85 <iron-icon icon="cr:expand-less" id="dropdown-indicator"></iron-icon> |
85 </div> | 86 </div> |
86 | 87 |
87 <iron-collapse opened="{{cardOpen_}}" id="collapse"> | 88 <iron-collapse opened="{{cardOpen_}}" id="collapse"> |
88 <div id="tab-item-list"> | 89 <div id="tab-item-list"> |
89 <template is="dom-repeat" items="[[tabs]]" as="tab" id="tab-list"> | 90 <template is="dom-repeat" items="[[tabs]]" as="tab" id="tab-list"> |
90 <div id="item-container"> | 91 <div id="item-container"> |
91 <div id="icon" class="website-icon"></div> | 92 <div id="icon" class="website-icon"></div> |
92 <a href="[[tab.url]]" class="website-title" title="[[tab.title]]"> | 93 <a href="[[tab.url]]" class="website-title" title="[[tab.title]]"> |
93 [[tab.title]] | 94 <history-searched-label title="[[tab.title]]" |
| 95 search-term="[[searchedTerm]]"></history-searched-label> |
94 </a> | 96 </a> |
95 </div> | 97 </div> |
96 <div id="window-separator" | 98 <div id="window-separator" |
97 hidden$="[[!isWindowSeparatorIndex_(index, separatorIndexes)]]"> | 99 hidden$="[[!isWindowSeparatorIndex_(index, separatorIndexes)]]"> |
98 </div> | 100 </div> |
99 </template> | 101 </template> |
100 <div class="item-container"> | 102 <div class="item-container"> |
101 <p on-tap="openAllTabs_" id="open-tabs">$i18n{openAll}</p> | 103 <p on-tap="openAllTabs_" id="open-tabs">$i18n{openAll}</p> |
102 </div> | 104 </div> |
103 </div> | 105 </div> |
104 </iron-collapse> | 106 </iron-collapse> |
105 </div> | 107 </div> |
106 </template> | 108 </template> |
107 <script src="chrome://history/synced_device_card.js"></script> | 109 <script src="chrome://history/synced_device_card.js"></script> |
108 </dom-module> | 110 </dom-module> |
OLD | NEW |