| 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/html/web_ui_listener_behavior.html"> | 3 <link rel="import" href="chrome://resources/html/web_ui_listener_behavior.html"> |
| 4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-dropdown/iron-drop
down.html"> | 4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-dropdown/iron-drop
down.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/paper-icon-button/paper
-icon-button.html"> | 6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button.html"> |
| 7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-menu/paper-submen
u.html"> | |
| 8 <link rel="import" href="/i18n_setup.html"> | 7 <link rel="import" href="/i18n_setup.html"> |
| 9 <link rel="import" href="/icons.html"> | 8 <link rel="import" href="/icons.html"> |
| 10 <link rel="import" href="/route.html"> | 9 <link rel="import" href="/route.html"> |
| 11 <link rel="import" href="/settings_shared_css.html"> | 10 <link rel="import" href="/settings_shared_css.html"> |
| 12 <link rel="import" href="/site_settings/add_site_dialog.html"> | 11 <link rel="import" href="/site_settings/add_site_dialog.html"> |
| 13 <link rel="import" href="/site_settings/constants.html"> | 12 <link rel="import" href="/site_settings/constants.html"> |
| 14 <link rel="import" href="/site_settings/site_settings_behavior.html"> | 13 <link rel="import" href="/site_settings/site_settings_behavior.html"> |
| 15 <link rel="import" href="/site_settings/site_settings_prefs_browser_proxy.html"> | 14 <link rel="import" href="/site_settings/site_settings_prefs_browser_proxy.html"> |
| 16 | 15 |
| 17 <dom-module id="site-list"> | 16 <dom-module id="site-list"> |
| 18 <template> | 17 <template> |
| 19 <style include="settings-shared"> | 18 <style include="settings-shared"> |
| 19 paper-button { |
| 20 margin-top: 12px; /* Align with <h2>. */ |
| 21 } |
| 22 |
| 20 paper-icon-button { | 23 paper-icon-button { |
| 21 left: 8px; | 24 left: 8px; |
| 22 right: 8px; | 25 right: 8px; |
| 23 } | 26 } |
| 24 | 27 |
| 25 .selectable { | 28 .selectable { |
| 26 -webkit-user-select: text; | 29 -webkit-user-select: text; |
| 27 } | 30 } |
| 28 </style> | 31 </style> |
| 29 <paper-submenu id="category" hidden | 32 <div id="category" hidden> |
| 30 on-paper-submenu-open="onToggle_" on-paper-submenu-close="onToggle_"> | 33 <div class="settings-box first" hidden$="[[allSites]]"> |
| 31 <div class="menu-trigger settings-box" hidden$="[[allSites]]" actionable> | 34 <h2 class="start">[[categoryHeader]]</h2> |
| 32 <div class="flex" id="header">[[categoryHeader]]</div> | 35 <paper-button class="secondary-button" id="icon" on-tap="onAddSiteTap_"> |
| 33 <iron-icon id="icon" icon="cr:expand-more"></iron-icon> | 36 $i18n{add} |
| 37 </paper-button> |
| 34 </div> | 38 </div> |
| 35 | 39 |
| 36 <div class="list-frame menu-content vertical-list" id="listContainer"> | 40 <div class="list-frame menu-content vertical-list" id="listContainer"> |
| 37 <template is="dom-repeat" items="[[sites]]"> | 41 <template is="dom-repeat" items="[[sites]]"> |
| 38 <div class="list-item"> | 42 <div class="list-item"> |
| 39 <div class="start layout horizontal center" on-tap="onOriginTap_" | 43 <div class="start layout horizontal center" on-tap="onOriginTap_" |
| 40 actionable$="[[enableSiteSettings_]]"> | 44 actionable$="[[enableSiteSettings_]]"> |
| 41 <div class="favicon-image" | 45 <div class="favicon-image" |
| 42 style$="[[computeSiteIcon(item.originForDisplay)]]"> | 46 style$="[[computeSiteIcon(item.originForDisplay)]]"> |
| 43 </div> | 47 </div> |
| 44 <div class="middle"> | 48 <div class="middle"> |
| 45 <div class="selectable">[[item.originForDisplay]]</div> | 49 <div class="selectable">[[item.originForDisplay]]</div> |
| 46 <div class="selectable secondary"> | 50 |
| 47 [[computeSiteDescription_(item)]] | 51 <!-- This div must not contain extra whitespace. --> |
| 48 </div> | 52 <div class="selectable secondary" |
| 53 >[[computeSiteDescription_(item)]]</div> |
| 49 </div> | 54 </div> |
| 50 </div> | 55 </div> |
| 51 | 56 |
| 52 <template is="dom-if" if="[[!!computeIconControlledBy_(item)]]"> | 57 <template is="dom-if" if="[[!!computeIconControlledBy_(item)]]"> |
| 53 <iron-icon icon="[[computeIconControlledBy_(item)]]"></iron-icon> | 58 <iron-icon icon="[[computeIconControlledBy_(item)]]"></iron-icon> |
| 54 </template> | 59 </template> |
| 55 | 60 |
| 56 <paper-icon-button id="dots" icon="cr:more-vert" toggles | 61 <paper-icon-button id="dots" icon="cr:more-vert" toggles |
| 57 active="{{item.menuOpened}}" | 62 active="{{item.menuOpened}}" |
| 58 hidden="[[isExceptionControlled_(item.source)]]"> | 63 hidden="[[isExceptionControlled_(item.source)]]"> |
| (...skipping 23 matching lines...) Expand all Loading... |
| 82 </iron-dropdown> | 87 </iron-dropdown> |
| 83 </template> | 88 </template> |
| 84 <template is="dom-if" if="[[enableSiteSettings_]]"> | 89 <template is="dom-if" if="[[enableSiteSettings_]]"> |
| 85 <div on-tap="onOriginTap_" actionable> | 90 <div on-tap="onOriginTap_" actionable> |
| 86 <button class="subpage-arrow" is="paper-icon-button-light"> | 91 <button class="subpage-arrow" is="paper-icon-button-light"> |
| 87 </button> | 92 </button> |
| 88 </div> | 93 </div> |
| 89 </template> | 94 </template> |
| 90 </div> | 95 </div> |
| 91 </template> | 96 </template> |
| 92 | |
| 93 <template is="dom-if" if="[[!allSites]]"> | |
| 94 <div class="list-item list-button" on-tap="onAddSiteTap_"> | |
| 95 $i18n{addSiteLink} | |
| 96 </div> | |
| 97 </template> | |
| 98 </div> | 97 </div> |
| 99 </paper-submenu> | 98 </div> |
| 100 </template> | 99 </template> |
| 101 <script src="site_list.js"></script> | 100 <script src="site_list.js"></script> |
| 102 </dom-module> | 101 </dom-module> |
| OLD | NEW |