Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(316)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: chrome/browser/resources/settings/printing_page/cups_add_printer_dialog.html

Issue 2281353002: [CUPS] Implement the Add Printer dialogs. (Closed)
Patch Set: Address michaelpg@'s comments. Created 4 years, 3 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « chrome/browser/resources/settings/printing_page/compiled_resources2.gyp ('k') | chrome/browser/resources/settings/printing_page/cups_add_printer_dialog.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <link rel="import" href="chrome://resources/cr_elements/cr_dialog/cr_dialog.html ">
2 <link rel="import" href="chrome://resources/html/polymer.html"> 1 <link rel="import" href="chrome://resources/html/polymer.html">
3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt on.html"> 2 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt on.html">
3 <link rel="import" href="/i18n_setup.html">
4 <link rel="import" href="/printing_page/cups_add_printer_dialog_util.html">
5 <link rel="import" href="/printing_page/cups_printers_browser_proxy.html">
4 <link rel="import" href="/settings_shared_css.html"> 6 <link rel="import" href="/settings_shared_css.html">
5 7
8 <dom-module id="add-printer-discovery-dialog">
9 <template>
10 <style include="settings-shared">
11 add-printer-list {
12 max-height: 350px;
13 overflow-y: auto;
14 }
15
16 #manuallyAddPrinterButton {
17 -webkit-margin-end: 210px;
18 }
19 </style>
20 <add-printer-dialog>
21 <div class="dialog-body">
22 <add-printer-list printers="[[discoveredPrinters]]"
23 selected-printer="{{selectedPrinter}}">
24 </add-printer-list>
25 <!-- TODO(xdai): Add the paper-spinner -->
26 </div>
27 <div class="dialog-buttons">
28 <paper-button id="manuallyAddPrinterButton"
29 on-tap="switchToManualAddDialog_">
30 $i18n{manuallyAddPrinterButtonText}
31 </paper-button>
32 <paper-button class="cancel-button" on-tap="onCancelTap_">
33 $i18n{cancelButtonText}
34 </paper-button>
35 <paper-button class="action-button" id="addPrinterButton"
36 disabled="[[!selectedPrinter]]" on-tap="switchToConfiguringDialog_">
37 $i18n{addPrinterButtonText}
38 </paper-button>
39 </div>
40 </add-printer-dialog>
41 </template>
42 </dom-module>
43
44 <dom-module id="add-printer-maually-dialog">
45 <template>
46 <style include="settings-shared">
47 #discoverPrintersButton {
48 -webkit-margin-end: 153px;
49 }
50
51 .settings-box {
52 border-top: none;
53 }
54
55 .settings-box.two-line {
56 min-height: 72px;
57 }
58
59 .settings-box .start .label {
60 color: var(--google-grey-700);
61 }
62
63 paper-dropdown-menu,
64 paper-input {
65 width: 270px;
66 }
67
68 paper-input {
69 --paper-input-container-input: {
70 font-size: inherit;
71 };
72
73 --paper-input-container-color: var(--google-grey-500);
74 }
75
76 #printerNameInput {
77 width: 450px;
78 }
79 </style>
80 <add-printer-dialog>
81 <div class="dialog-body">
82 <div class="settings-box first two-line">
83 <div class="start">
84 <div class="label">$i18n{printerName}</div>
85 <div class="secondary">
86 <paper-input no-label-float id="printerNameInput"
87 value="{{newPrinter.printerName}}">
88 </paper-input>
89 </div>
90 </div>
91 </div>
92 <div class="settings-box two-line">
93 <div class="start">
94 <div class="label">$i18n{printerAddress}</div>
95 <div class="secondary">
96 <paper-input no-label-float value="{{newPrinter.printerAddress}}">
97 </paper-input>
98 </div>
99 </div>
100 </div>
101 <div class="settings-box two-line">
102 <div class="start">
103 <div class="label">$i18n{printerProtocol}</div>
104 <div class="secondary">
105 <paper-dropdown-menu no-label-float>
106 <paper-listbox class="dropdown-content"
107 selected="{{newPrinter.printerProtocol}}"
108 attr-for-selected="value">
109 <paper-item value="ipp">
110 $i18n{printerProtocolIpp}
111 </paper-item>
112 <paper-item value="ipps">
113 $i18n{printerProtocolIpps}
114 </paper-item>
115 <paper-item value="http">
116 $i18n{printerProtocolHttp}
117 </paper-item>
118 <paper-item value="https">
119 $i18n{printerProtocolHttps}
120 </paper-item>
121 <paper-item value="socket">
122 $i18n{printerProtocolAppSocket}
123 </paper-item>
124 <paper-item value="lpd">$i18n{printerProtocolLpd}</paper-item>
125 <paper-item value="usb">$i18n{printerProtocolUsb}</paper-item>
126 </paper-listbox>
127 </paper-dropdown-menu>
128 </div>
129 </div>
130 </div>
131 <div class="settings-box two-line">
132 <div class="start">
133 <div class="label">$i18n{printerQueue}</div>
134 <div class="secondary">
135 <paper-input no-label-float value="{{newPrinter.printerQueue}}">
136 </paper-input>
137 </div>
138 </div>
139 </div>
140 <!-- TODO(xdai): Add paper-spinner -->
141 </div>
142 <div class="dialog-buttons">
143 <paper-button id="discoverPrintersButton"
144 on-tap="switchToDiscoveryDialog_">
145 $i18n{discoverPrintersButtonText}
146 </paper-button>
147 <paper-button class="cancel-button" on-tap="onCancelTap_">
148 $i18n{cancelButtonText}
149 </paper-button>
150 <paper-button class="action-button" on-tap="switchToConfiguringDialog_">
151 $i18n{addPrinterButtonText}
152 </paper-button>
153 </div>
154 </add-printer-dialog>
155 </template>
156 </dom-module>
157
158 <dom-module id="add-printer-configuring-dialog">
159 <template>
160 <style include="settings-shared">
161 .dialog-body {
162 padding-top: 140px;
163 text-align: center;
164 }
165 </style>
166 <add-printer-dialog>
167 <div class="dialog-body">
168 <paper-spinner active></paper-spinner>
169 <div id="configuringMessage">$i18n{printerConfiguringMessage}</div>
170 </div>
171 <div class="dialog-buttons">
172 <paper-button class="cancel-button" on-tap="onCancelConfiguringTap_">
173 $i18n{cancelButtonText}
174 </paper-button>
175 </div>
176 </add-printer-dialog>
177 </template>
178 </dom-module>
179
6 <dom-module id="settings-cups-add-printer-dialog"> 180 <dom-module id="settings-cups-add-printer-dialog">
7 <template> 181 <template>
8 <style include="settings-shared"></style> 182 <style include="settings-shared"></style>
9 <style> 183
10 #dialog .body { 184 <!-- Printer Discovery Dialog -->
11 height: 350px; 185 <template is="dom-if" if="[[showDiscoveryDialog_]]" restamp>
12 } 186 <add-printer-discovery-dialog selected-printer="{{selectedPrinter}}">
13 187 </add-printer-discovery-dialog>
14 #dialog .button-container { 188 </template>
15 border-top: 1px solid rgba(0, 0, 0, 0.14); 189
16 font-size: 15px; 190 <!-- Manually Add Printer Dialog -->
17 font-weight: bold; 191 <template is="dom-if" if="[[showManuallyAddDialog_]]" restamp>
18 margin-top: 0; 192 <add-printer-maually-dialog new-printer="{{newPrinter}}">
19 padding-top: 10px; 193 </add-printer-maually-dialog>
20 } 194 </template>
21 </style> 195
22 <dialog is="cr-dialog" id="dialog"> 196 <!-- Configuring Printer Dialog -->
23 <div class="title">$i18n{addPrinterTitle}</div> 197 <template is="dom-if" if="[[showConfiguringDialog_]]" restamp>
24 <div class="body"> 198 <add-printer-configuring-dialog
25 <!--TODO(xdai): Add printer settings go here. --> 199 printer-name="[[getConfiguringPrinterName_()]]">
26 (coming soon) Add printer settings go here. 200 </add-printer-configuring-dialog>
27 </div> 201 </template>
28 <div class="button-container"> 202
29 <paper-button on-tap="onCancelTap_"> 203 <!-- TODO(xdai): Implement Manufacturer and Model Dialog -->
30 $i18n{cancelButtonText}
31 </paper-button>
32 <paper-button disabled>
33 $i18n{addPrinterButtonText}
34 </paper-button>
35 </div>
36 </dialog>
37 </template> 204 </template>
38 <script src="cups_add_printer_dialog.js"></script> 205 <script src="cups_add_printer_dialog.js"></script>
39 </dom-module> 206 </dom-module>
OLDNEW
« no previous file with comments | « chrome/browser/resources/settings/printing_page/compiled_resources2.gyp ('k') | chrome/browser/resources/settings/printing_page/cups_add_printer_dialog.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698