| OLD | NEW |
| 1 <link rel="import" href="chrome://resources/cr_elements/cr_action_menu/cr_action
_menu.html"> |
| 1 <link rel="import" href="chrome://resources/cr_elements/icons.html"> | 2 <link rel="import" href="chrome://resources/cr_elements/icons.html"> |
| 2 <link rel="import" href="chrome://resources/html/polymer.html"> | 3 <link rel="import" href="chrome://resources/html/polymer.html"> |
| 3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button.html"> | 4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button.html"> |
| 4 <link rel="import" href="/printing_page/cups_printers_browser_proxy.html"> | 5 <link rel="import" href="/printing_page/cups_printers_browser_proxy.html"> |
| 5 <link rel="import" href="/settings_action_menu.html"> | |
| 6 <link rel="import" href="/settings_shared_css.html"> | 6 <link rel="import" href="/settings_shared_css.html"> |
| 7 | 7 |
| 8 <dom-module id="settings-cups-printers-list"> | 8 <dom-module id="settings-cups-printers-list"> |
| 9 <template> | 9 <template> |
| 10 <style include="settings-shared"> | 10 <style include="settings-shared"> |
| 11 #container { | 11 #container { |
| 12 border-top: 1px solid lightgray; | 12 border-top: 1px solid lightgray; |
| 13 display: flex; | 13 display: flex; |
| 14 padding: 2px 20px; | 14 padding: 2px 20px; |
| 15 } | 15 } |
| 16 | 16 |
| 17 .name-column { | 17 .name-column { |
| 18 flex: 1; | 18 flex: 1; |
| 19 margin: 2px; | 19 margin: 2px; |
| 20 } | 20 } |
| 21 | 21 |
| 22 .list-item { | 22 .list-item { |
| 23 min-height: 20px; | 23 min-height: 20px; |
| 24 } | 24 } |
| 25 </style> | 25 </style> |
| 26 | 26 |
| 27 <dialog is="settings-action-menu"> | 27 <dialog is="cr-action-menu"> |
| 28 <button class="dropdown-item" role="option" on-tap="onDetailsTap_"> | 28 <button class="dropdown-item" role="option" on-tap="onDetailsTap_"> |
| 29 $i18n{cupsPrinterDetails} | 29 $i18n{cupsPrinterDetails} |
| 30 </button> | 30 </button> |
| 31 <button class="dropdown-item" role="option" on-tap="onRemoveTap_"> | 31 <button class="dropdown-item" role="option" on-tap="onRemoveTap_"> |
| 32 $i18n{removePrinter} | 32 $i18n{removePrinter} |
| 33 </button> | 33 </button> |
| 34 </dialog> | 34 </dialog> |
| 35 <template is="dom-repeat" items="[[printers]]" | 35 <template is="dom-repeat" items="[[printers]]" |
| 36 filter="[[filterPrinter_(searchTerm)]]"> | 36 filter="[[filterPrinter_(searchTerm)]]"> |
| 37 <div id="container" class="list-item"> | 37 <div id="container" class="list-item"> |
| 38 <div class="name-column"> | 38 <div class="name-column"> |
| 39 <span class="name" id="printer-name">[[item.printerName]]</span> | 39 <span class="name" id="printer-name">[[item.printerName]]</span> |
| 40 <!--TODO(xdai): Add icon for enterprise CUPS printer. --> | 40 <!--TODO(xdai): Add icon for enterprise CUPS printer. --> |
| 41 </div> | 41 </div> |
| 42 <paper-icon-button icon="cr:more-vert" on-tap="onOpenActionMenuTap_"> | 42 <paper-icon-button icon="cr:more-vert" on-tap="onOpenActionMenuTap_"> |
| 43 </paper-icon-button> | 43 </paper-icon-button> |
| 44 </div> | 44 </div> |
| 45 </template> | 45 </template> |
| 46 </template> | 46 </template> |
| 47 <script src="cups_printers_list.js"></script> | 47 <script src="cups_printers_list.js"></script> |
| 48 </dom-module> | 48 </dom-module> |
| OLD | NEW |