| <link rel="import" href="chrome://resources/html/polymer.html"> |
| |
| <link rel="import" href="chrome://resources/cr_elements/cr_button/cr_button.html"> |
| <link rel="import" href="chrome://resources/cr_elements/cr_input/cr_input.html"> |
| <link rel="import" href="chrome://resources/cr_elements/cr_searchable_drop_down/cr_searchable_drop_down.html"> |
| <link rel="import" href="chrome://resources/cr_elements/md_select_css.html"> |
| <link rel="import" href="chrome://resources/cr_elements/shared_style_css.html"> |
| <link rel="import" href="chrome://resources/html/web_ui_listener_behavior.html"> |
| <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.html"> |
| <link rel="import" href="chrome://resources/polymer/v1_0/paper-spinner/paper-spinner-lite.html"> |
| <link rel="import" href="../i18n_setup.html"> |
| <link rel="import" href="cups_add_printer_dialog_elements.html"> |
| <link rel="import" href="cups_printer_dialog_util.html"> |
| <link rel="import" href="cups_printer_shared_css.html"> |
| <link rel="import" href="cups_printers_browser_proxy.html"> |
| |
| <dom-module id="add-printer-discovery-dialog"> |
| <template> |
| <style include="cr-shared-style cups-printer-shared"> |
| add-printer-list { |
| max-height: 310px; |
| overflow-y: auto; |
| position: absolute; |
| width: 100%; |
| } |
| |
| #searchSpinner { |
| position: absolute; |
| top: 80%; |
| } |
| |
| #searchSpinner paper-spinner-lite { |
| --paper-spinner-stroke-width: 2px; |
| height: 15px; |
| margin-inline-end: 3px; |
| margin-inline-start: 20px; |
| width: 15px; |
| } |
| </style> |
| <add-printer-dialog> |
| <div slot="dialog-title">$i18n{addPrintersNearbyTitle}</div> |
| <div slot="dialog-body"> |
| <add-printer-list printers="[[discoveredPrinters]]" |
| selected-printer="{{selectedPrinter}}"> |
| </add-printer-list> |
| <div class="center" id="noPrinterMessage" |
| hidden="[[discoveredPrinters.length]]"> |
| $i18n{noPrinterNearbyMessage} |
| </div> |
| <div id="searchSpinner" hidden="[[!discovering_]]"> |
| <paper-spinner-lite active="[[discovering_]]"></paper-spinner-lite> |
| <span>$i18n{searchingNearbyPrinters}</span> |
| </div> |
| </div> |
| <div slot="dialog-buttons"> |
| <div> <!-- Left group --> |
| <cr-button id="manuallyAddPrinterButton" |
| on-click="switchToManualAddDialog_"> |
| $i18n{manuallyAddPrinterButtonText} |
| </cr-button> |
| </div> |
| <div> <!-- Right group --> |
| <cr-button class="cancel-button" on-click="onCancelTap_"> |
| $i18n{cancel} |
| </cr-button> |
| <cr-button class="action-button" id="addPrinterButton" |
| disabled="[[!canAddPrinter_(selectedPrinter)]]" |
| on-click="switchToConfiguringDialog_"> |
| $i18n{addPrinterButtonText} |
| </cr-button> |
| </div> |
| </div> |
| </add-printer-dialog> |
| </template> |
| </dom-module> |
| |
| <dom-module id="add-printer-manually-dialog"> |
| <template> |
| <style include="cups-printer-shared"></style> |
| <add-printer-dialog> |
| <div slot="dialog-title"> |
| <span>$i18n{addPrintersManuallyTitle}</span> |
| <printer-dialog-error error-text="[[errorText_]]"> |
| </printer-dialog-error> |
| </div> |
| <div slot="dialog-body"> |
| <div class="settings-box first two-line"> |
| <cr-input class="printer-name-input" autofocus |
| id="printerNameInput" value="{{newPrinter.printerName}}" |
| label="$i18n{printerName}" maxlength=64> |
| </cr-input> |
| </div> |
| <div class="settings-box two-line"> |
| <cr-input id="printerAddressInput" label="$i18n{printerAddress}" |
| value="{{newPrinter.printerAddress}}" maxlength=63 |
| error-message="$i18n{ippPrinterUnreachable}"> |
| </cr-input> |
| </div> |
| <div class="settings-box two-line"> |
| <div class="start"> |
| <div id="printerProtocol" class="cr-form-field-label"> |
| $i18n{printerProtocol} |
| </div> |
| <div class="secondary"> |
| <select class="md-select" aria-labelledby="printerProtocol" |
| value="[[newPrinter.printerProtocol]]" |
| on-change="onProtocolChange_"> |
| <option value="ipp">$i18n{printerProtocolIpp}</option> |
| <option value="ipps">$i18n{printerProtocolIpps}</option> |
| <option value="http">$i18n{printerProtocolHttp}</option> |
| <option value="https">$i18n{printerProtocolHttps}</option> |
| <option value="socket">$i18n{printerProtocolAppSocket} |
| </option> |
| <option value="lpd">$i18n{printerProtocolLpd}</option> |
| </select> |
| </div> |
| </div> |
| </div> |
| <div class="settings-box two-line"> |
| <cr-input label="$i18n{printerQueue}" |
| value="{{newPrinter.printerQueue}}" maxlength=64> |
| </cr-input> |
| </div> |
| </div> |
| <div slot="dialog-buttons"> |
| <div> <!-- Left group --> |
| <cr-button on-click="switchToDiscoveryDialog_" |
| hidden="[[enableUpdatedUi]]"> |
| $i18n{discoverPrintersButtonText} |
| </cr-button> |
| </div> |
| <div> <!-- Right group --> |
| <cr-button class="cancel-button" on-click="onCancelTap_"> |
| $i18n{cancel} |
| </cr-button> |
| <cr-button id="addPrinterButton" class="action-button" |
| on-click="addPressed_" |
| disabled="[[!canAddPrinter_(newPrinter.*, |
| addPrinterInProgress_)]]"> |
| $i18n{addPrinterButtonText} |
| </cr-button> |
| </div> |
| </div> |
| </add-printer-dialog> |
| </template> |
| </dom-module> |
| |
| <dom-module id="add-printer-manufacturer-model-dialog"> |
| <template> |
| <style include="cups-printer-shared"> |
| .subtext { |
| margin-bottom: 10px; |
| padding-inline-end: 20px; |
| padding-inline-start: 20px; |
| } |
| </style> |
| <add-printer-dialog> |
| <div slot="dialog-title"> |
| <span>$i18n{manufacturerAndModelDialogTitle}</span> |
| <printer-dialog-error error-text="[[errorText_]]"> |
| </printer-dialog-error> |
| </div> |
| <div slot="dialog-body"> |
| <div class="subtext" id="makeModelTextInfo"> |
| <span>[[getManufacturerAndModelSubtext_(activePrinter.*)]] |
| </span> |
| <a href="$i18n{printingCUPSPrintLearnMoreUrl}" target="_blank"> |
| $i18n{learnMore} |
| </a> |
| </div> |
| <div class="settings-box two-line"> |
| <cr-searchable-drop-down id="manufacturerDropdown" |
| items="[[manufacturerList]]" |
| label="$i18n{printerManufacturer}" |
| value="{{activePrinter.ppdManufacturer}}" |
| invalid="{{isManufacturerInvalid_}}"> |
| </cr-searchable-drop-down> |
| </div> |
| <div class="settings-box two-line"> |
| <cr-searchable-drop-down id="modelDropdown" |
| items="[[modelList]]" |
| label="$i18n{printerModel}" |
| value="{{activePrinter.ppdModel}}" |
| invalid="{{isModelInvalid_}}"> |
| </cr-searchable-drop-down> |
| </div> |
| <div id="ppdLabel" class="cr-form-field-label"> |
| <span>$i18n{selectDriver}</span> |
| <a href="$i18n{printingCUPSPrintPpdLearnMoreUrl}" target="_blank"> |
| $i18n{learnMore} |
| </a> |
| </div> |
| <div class="settings-box two-line"> |
| <cr-input class="browse-file-input" readonly value="[[newUserPPD_]]" |
| aria-labelledby="ppdLabel" invalid="[[invalidPPD_]]" |
| error-message="$i18n{selectDriverErrorMessage}" tabindex="-1"> |
| </cr-input> |
| <cr-button class="browse-button" on-click="onBrowseFile_" |
| aria-label="$i18n{selectDriverButtonAriaLabel}"> |
| $i18n{selectDriverButtonText} |
| </cr-button> |
| </div> |
| <div class="eula" id="eulaUrl" hidden="[[!eulaUrl_]]"> |
| <a href="[[eulaUrl_]]" target="_blank">$i18n{printerEulaNotice}</a> |
| </div> |
| </div> |
| <div slot="dialog-buttons"> |
| <cr-button class="cancel-button" on-click="onCancelTap_"> |
| $i18n{cancel} |
| </cr-button> |
| <cr-button class="action-button" id="addPrinterButton" |
| disabled="[[!canAddPrinter_(activePrinter.ppdManufacturer, |
| activePrinter.ppdModel, |
| activePrinter.printerPPDPath, |
| addPrinterInProgress_, |
| isManufacturerInvalid_, |
| isModelInvalid_)]]" |
| |
| on-click="addPrinter_"> |
| $i18n{addPrinterButtonText} |
| </cr-button> |
| </div> |
| </add-printer-dialog> |
| </template> |
| </dom-module> |
| |
| <dom-module id="add-printer-configuring-dialog"> |
| <template> |
| <style include="cups-printer-shared"> |
| [slot='dialog-body'] { |
| padding-top: 140px; |
| text-align: center; |
| } |
| </style> |
| <add-printer-dialog> |
| <div slot="dialog-title">[[dialogTitle]]</div> |
| <div slot="dialog-body"> |
| <paper-spinner-lite active></paper-spinner-lite> |
| <div id="configuringMessage"></div> |
| </div> |
| <div slot="dialog-buttons"> |
| <cr-button class="cancel-button" on-click="onCloseConfiguringTap_"> |
| $i18n{close} |
| </cr-button> |
| </div> |
| </add-printer-dialog> |
| </template> |
| </dom-module> |
| |
| <dom-module id="settings-cups-add-printer-dialog"> |
| <template> |
| <style include="settings-shared"></style> |
| |
| <!-- Printer Discovery Dialog --> |
| <template is="dom-if" if="[[showDiscoveryDialog_]]" restamp> |
| <add-printer-discovery-dialog selected-printer="{{newPrinter}}"> |
| </add-printer-discovery-dialog> |
| </template> |
| |
| <!-- Manually Add Printer Dialog --> |
| <template is="dom-if" if="[[showManuallyAddDialog_]]" restamp> |
| <add-printer-manually-dialog new-printer="{{newPrinter}}" |
| enable-updated-ui="[[enableUpdatedUi]]"> |
| </add-printer-manually-dialog> |
| </template> |
| |
| <!-- Configuring Printer Dialog --> |
| <template is="dom-if" if="[[showConfiguringDialog_]]" restamp> |
| <add-printer-configuring-dialog |
| printer-name="[[newPrinter.printerName]]" |
| dialog-title="[[configuringDialogTitle]]"> |
| </add-printer-configuring-dialog> |
| </template> |
| |
| <!-- Manufacturer and Model Dialog --> |
| <template is="dom-if" if="[[showManufacturerDialog_]]" restamp> |
| <add-printer-manufacturer-model-dialog active-printer="{{newPrinter}}"> |
| </add-printer-manufacturer-model-dialog> |
| </template> |
| |
| </template> |
| <script src="cups_add_printer_dialog.js"></script> |
| </dom-module> |