summaryrefslogtreecommitdiffstats
path: root/chromium/chrome/browser/resources/settings/printing_page/cups_saved_printers.html
diff options
context:
space:
mode:
Diffstat (limited to 'chromium/chrome/browser/resources/settings/printing_page/cups_saved_printers.html')
-rw-r--r--chromium/chrome/browser/resources/settings/printing_page/cups_saved_printers.html70
1 files changed, 65 insertions, 5 deletions
diff --git a/chromium/chrome/browser/resources/settings/printing_page/cups_saved_printers.html b/chromium/chrome/browser/resources/settings/printing_page/cups_saved_printers.html
index 1bb09c08fc0..c89d0230a99 100644
--- a/chromium/chrome/browser/resources/settings/printing_page/cups_saved_printers.html
+++ b/chromium/chrome/browser/resources/settings/printing_page/cups_saved_printers.html
@@ -1,14 +1,52 @@
<link rel="import" href="chrome://resources/html/polymer.html">
<link rel="import" href="chrome://resources/cr_elements/cr_action_menu/cr_action_menu.html">
+<link rel="import" href="chrome://resources/html/list_property_update_behavior.html">
<link rel="import" href="chrome://resources/html/web_ui_listener_behavior.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-flex-layout-classes.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/iron-list/iron-list.html">
<link rel="import" href="cups_printer_types.html">
<link rel="import" href="cups_printers_browser_proxy.html">
-<link rel="import" href="cups_printers_entry_list.html">
+<link rel="import" href="cups_printers_entry_list_behavior.html">
+<link rel="import" href="cups_printers_entry.html">
<link rel="import" href="../settings_shared_css.html">
<dom-module id="settings-cups-saved-printers">
<template>
+ <style include="cups-printer-shared iron-flex iron-flex-alignment
+ iron-flex-factors">
+ :host {
+ display: flex;
+ flex-direction: column;
+ }
+
+ #no-search-results {
+ margin-bottom: 20px;
+ }
+
+ /** Height of iron list row entry. */
+ #show-more-container {
+ min-height: var(--settings-row-min-height);
+ }
+
+ /** Border line that is the same size as a list entry's border. */
+ #show-more-line-separator {
+ border-bottom: var(--cr-separator-line);
+ left: 60px;
+ position: relative;
+ right: 20px;
+ width: 596px;
+ }
+
+ #show-more-icon {
+ --cr-icon-button-margin-end: 0;
+ }
+
+ #show-more-text {
+ flex: 1;
+ }
+ </style>
+
<cr-action-menu>
<button id="editButton" class="dropdown-item" on-click="onEditTap_">
$i18n{editPrinter}
@@ -18,10 +56,32 @@
</button>
</cr-action-menu>
- <style include="settings-shared"></style>
- <settings-cups-printers-entry-list printers="[[savedPrinters]]"
- search-term="[[searchTerm]]">
- </settings-cups-printers-entry-list>
+ <iron-list class="list-frame vertical-list flex-auto" id="printerEntryList"
+ items="[[filteredPrinters_]]">
+ <template>
+ <settings-cups-printers-entry printer-entry="[[item]]">
+ </settings-cups-printers-entry>
+ </template>
+ </iron-list>
+ <template is="dom-if" id="show-more-button-section"
+ if="[[shouldPrinterListBeCollapsed_(searchTerm, savedPrinters.*,
+ newPrinters_.*, hasShowMoreBeenTapped_)]]" restamp>
+ <div id="show-more-line-separator"></div>
+ <div class="list-frame layout horizontal" id="show-more-container">
+ <div id="show-more-text">$i18n{showMorePrinters}</div>
+ <cr-icon-button class="action-button" id="show-more-icon"
+ iron-icon="cr:expand-more"
+ on-click="onShowMoreTap_"
+ title=$i18n{showMorePrinters}>
+ </cr-icon-button>
+ </div>
+ </template>
+
+ <div id="no-search-results"
+ hidden="[[!showNoSearchResultsMessage_(searchTerm,
+ filteredPrinters_.*)]]">
+ $i18n{noSearchResults}
+ </div>
</template>
<script src="cups_saved_printers.js"></script>
</dom-module>