| OLD | NEW |
| 1 <link rel="import" href="chrome://resources/html/polymer.html"> | 1 <link rel="import" href="chrome://resources/html/polymer.html"> |
| 2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-collapse/iron-coll
apse.html"> | 2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-collapse/iron-coll
apse.html"> |
| 3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.htm
l"> | 3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.htm
l"> |
| 4 <link rel="import" href="chrome://history/constants.html"> | 4 <link rel="import" href="chrome://history/constants.html"> |
| 5 <link rel="import" href="chrome://history/history_item.html"> | 5 <link rel="import" href="chrome://history/history_item.html"> |
| 6 <link rel="import" href="chrome://history/history_list_behavior.html"> |
| 6 <link rel="import" href="chrome://history/shared_style.html"> | 7 <link rel="import" href="chrome://history/shared_style.html"> |
| 7 | 8 |
| 8 <dom-module id="history-grouped-list"> | 9 <dom-module id="history-grouped-list"> |
| 9 <template> | 10 <template> |
| 10 <style include="shared-style"> | 11 <style include="shared-style"> |
| 11 :host { | 12 :host { |
| 12 display: block; | 13 display: block; |
| 13 overflow: auto; | 14 overflow: auto; |
| 14 position: relative; | 15 position: relative; |
| 15 } | 16 } |
| (...skipping 43 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 59 | 60 |
| 60 .dropdown-indicator { | 61 .dropdown-indicator { |
| 61 max-width: 16px; | 62 max-width: 16px; |
| 62 } | 63 } |
| 63 | 64 |
| 64 history-item { | 65 history-item { |
| 65 padding-left: 20px; | 66 padding-left: 20px; |
| 66 } | 67 } |
| 67 </style> | 68 </style> |
| 68 <div id="no-results" class="centered-message" | 69 <div id="no-results" class="centered-message" |
| 69 hidden$="[[hasResults_(groupedHistoryData_.length)]]"> | 70 hidden$="[[hasResults(groupedHistoryData_.length)]]"> |
| 70 [[noResultsMessage_(searchedTerm, querying)]] | 71 [[noResultsMessage(searchedTerm, querying)]] |
| 71 </div> | 72 </div> |
| 72 <div id="main-container" | 73 <div id="main-container" |
| 73 hidden$="[[!hasResults_(groupedHistoryData_.length)]]"> | 74 hidden$="[[!hasResults(groupedHistoryData_.length)]]"> |
| 74 <template is="dom-repeat" items="[[groupedHistoryData_]]" as="group" | 75 <template is="dom-repeat" items="[[groupedHistoryData_]]" as="group" |
| 75 initial-count="1" index-as="groupIndex"> | 76 initial-count="1" index-as="groupIndex"> |
| 76 <div class="group-container"> | 77 <div class="group-container"> |
| 77 <div class="card-title"> | 78 <div class="card-title"> |
| 78 [[group.title]] | 79 [[group.title]] |
| 79 </div> | 80 </div> |
| 80 | 81 |
| 81 <template is="dom-repeat" items="[[group.domains]]" as="domain" | 82 <template is="dom-repeat" items="[[group.domains]]" as="domain" |
| 82 initial-count="10" index-as="domainIndex"> | 83 initial-count="10" index-as="domainIndex"> |
| 83 <div> | 84 <div> |
| (...skipping 11 matching lines...) Expand all Loading... |
| 95 <template is="dom-if" if="[[domain.rendered]]"> | 96 <template is="dom-if" if="[[domain.rendered]]"> |
| 96 <template is="dom-repeat" items="[[domain.visits]]" | 97 <template is="dom-repeat" items="[[domain.visits]]" |
| 97 as="item" initial-count="5" index-as="itemIndex"> | 98 as="item" initial-count="5" index-as="itemIndex"> |
| 98 <history-item item="[[item]]" | 99 <history-item item="[[item]]" |
| 99 starred="[[item.starred]]" | 100 starred="[[item.starred]]" |
| 100 selected="{{item.selected}}" | 101 selected="{{item.selected}}" |
| 101 has-time-gap="[[needsTimeGap_( | 102 has-time-gap="[[needsTimeGap_( |
| 102 groupIndex, domainIndex, itemIndex)]]" | 103 groupIndex, domainIndex, itemIndex)]]" |
| 103 search-term="[[searchedTerm]]" | 104 search-term="[[searchedTerm]]" |
| 104 number-of-items="[[historyData.length]]" | 105 number-of-items="[[historyData.length]]" |
| 106 path="[[pathForItem_( |
| 107 groupIndex, domainIndex, itemIndex)]]" |
| 105 embedded> | 108 embedded> |
| 106 </history-item> | 109 </history-item> |
| 107 </template> | 110 </template> |
| 108 </template> | 111 </template> |
| 109 </iron-collapse> | 112 </iron-collapse> |
| 110 </div> | 113 </div> |
| 111 </template> | 114 </template> |
| 112 </div> | 115 </div> |
| 113 </template> | 116 </template> |
| 114 </div> | 117 </div> |
| 115 </template> | 118 </template> |
| 116 <script src="chrome://history/grouped_list.js"></script> | 119 <script src="chrome://history/grouped_list.js"></script> |
| 117 </dom-module> | 120 </dom-module> |
| OLD | NEW |