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

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') | chrome/browser/resources/settings/printing_page/cups_add_printer_dialog.js » ('J')
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="/printing_page/cups_add_printer_dialog_util.html">
4 <link rel="import" href="/printing_page/cups_printers_browser_proxy.html">
4 <link rel="import" href="/settings_shared_css.html"> 5 <link rel="import" href="/settings_shared_css.html">
5 6
7 <dom-module id="add-printer-discovery-dialog">
8 <template>
9 <style include="settings-shared">
10 add-printer-list {
11 max-height: 350px;
12 overflow-y: auto;
13 }
14
15 #manuallyAddPrinterButton {
16 -webkit-margin-end: 210px;
17 }
18 </style>
19 <add-printer-dialog>
20 <div class="dialog-body">
21 <add-printer-list printers="[[discoveredPrinters]]"
22 selected-printer="{{selectedPrinter}}">
23 </add-printer-list>
24 <!-- TODO(xdai): Add the paper-spinner -->
25 </div>
26 <div class="dialog-button">
27 <paper-button id="manuallyAddPrinterButton"
28 on-tap="switchToManualAddDialog_">
29 $i18n{manuallyAddPrinterButtonText}
30 </paper-button>
31 <paper-button class="cancel-button" on-tap="onCancelTap_">
32 $i18n{cancelButtonText}
33 </paper-button>
34 <paper-button class="action-button" id="addPrinterButton"
35 disabled="[[!selectedPrinter]]" on-tap="switchToConfiguringDialog_">
36 $i18n{addPrinterButtonText}
37 </paper-button>
38 </div>
39 </add-printer-dialog>
40 </template>
41 </dom-module>
42
43 <dom-module id="add-printer-maually-dialog">
44 <template>
45 <style include="settings-shared">
46 #discoverPrintersButton {
47 -webkit-margin-end: 153px;
48 }
49
50 .settings-box {
51 border-top: none;
52 }
53
54 .settings-box.two-line {
55 min-height: 72px;
56 }
57
58 .settings-box .start .label {
59 color: rgb(85, 85, 85);
60 }
61
62 paper-dropdown-menu,
63 paper-input {
64 width: 270px;
65 }
66
67 paper-input {
68 --paper-input-container-input: {
69 font-size: inherit;
70 };
71
72 --paper-input-container-color: rgb(192, 199, 205);
michaelpg 2016/08/31 16:59:57 where does this color come from? can we use any ex
xdai1 2016/09/01 00:00:18 I manually picked the color to best match the colo
73 }
74
75 #printerNameInput {
76 width: 450px;
77 }
78 </style>
79 <add-printer-dialog>
80 <div class="dialog-body">
81 <div class="settings-box first two-line">
82 <div class="start">
83 <div class="label">$i18n{printerName}</div>
84 <div class="secondary">
85 <paper-input no-label-float id="printerNameInput"
86 value="{{newPrinter.printerName}}">
87 </paper-input>
88 </div>
89 </div>
90 </div>
91 <div class="settings-box two-line">
92 <div class="start">
93 <div class="label">$i18n{printerAddress}</div>
94 <div class="secondary">
95 <paper-input no-label-float value="{{newPrinter.printerAddress}}">
96 </paper-input>
97 </div>
98 </div>
99 </div>
100 <div class="settings-box two-line">
101 <div class="start">
102 <div class="label">$i18n{printerProtocol}</div>
103 <div class="secondary">
104 <paper-dropdown-menu no-label-float>
105 <paper-listbox class="dropdown-content"
106 selected="{{newPrinter.printerProtocol}}"
107 attr-for-selected="value">
108 <paper-item value="ipp">
109 $i18n{printerProtocolIpp}
110 </paper-item>
111 <paper-item value="ipps">
112 $i18n{printerProtocolIpps}
113 </paper-item>
114 <paper-item value="http">
115 $i18n{printerProtocolHttp}
116 </paper-item>
117 <paper-item value="https">
118 $i18n{printerProtocolHttps}
119 </paper-item>
120 <paper-item value="socket">
121 $i18n{printerProtocolAppSocket}
122 </paper-item>
123 <paper-item value="lpd">$i18n{printerProtocolLpd}</paper-item>
124 <paper-item value="usb">$i18n{printerProtocolUsb}</paper-item>
125 </paper-listbox>
126 </paper-dropdown-menu>
127 </div>
128 </div>
129 </div>
130 <div class="settings-box two-line">
131 <div class="start">
132 <div class="label">$i18n{printerQueue}</div>
133 <div class="secondary">
134 <paper-input no-label-float value="{{newPrinter.printerQueue}}">
135 </paper-input>
136 </div>
137 </div>
138 </div>
139 <!-- TODO(xdai): Add paper-spinner -->
140 </div>
141 <div class="dialog-button">
142 <paper-button id="discoverPrintersButton"
143 on-tap="switchToDiscoveryDialog_">
144 $i18n{discoverPrintersButtonText}
145 </paper-button>
146 <paper-button class="cancel-button" on-tap="onCancelTap_">
147 $i18n{cancelButtonText}
148 </paper-button>
149 <paper-button class="action-button" on-tap="switchToConfiguringDialog_">
150 $i18n{addPrinterButtonText}
151 </paper-button>
152 </div>
153 </add-printer-dialog>
154 </template>
155 </dom-module>
156
157 <dom-module id="add-printer-configuring-dialog">
158 <template>
159 <style include="settings-shared">
160 .dialog-body {
161 padding-top: 140px;
162 text-align: center;
163 }
164 </style>
165 <add-printer-dialog>
166 <div class="dialog-body">
167 <paper-spinner active></paper-spinner>
168 <div id="configuringMessage">$i18n{printerConfiguringMessage}</div>
169 </div>
170 <div class="dialog-button">
171 <paper-button class="cancel-button" on-tap="onCancelConfiguringTap_">
172 $i18n{cancelButtonText}
173 </paper-button>
174 </div>
175 </add-printer-dialog>
176 </template>
177 </dom-module>
178
6 <dom-module id="settings-cups-add-printer-dialog"> 179 <dom-module id="settings-cups-add-printer-dialog">
7 <template> 180 <template>
8 <style include="settings-shared"></style> 181 <style include="settings-shared"></style>
9 <style> 182
10 #dialog .body { 183 <!-- Printer Discovery Dialog -->
11 height: 350px; 184 <template is="dom-if" if="[[showDiscoveryDialog_]]" restamp>
12 } 185 <add-printer-discovery-dialog selected-printer="{{selectedPrinter}}">
13 186 </add-printer-discovery-dialog>
14 #dialog .button-container { 187 </template>
15 border-top: 1px solid rgba(0, 0, 0, 0.14); 188
16 font-size: 15px; 189 <!-- Manually Add Printer Dialog -->
17 font-weight: bold; 190 <template is="dom-if" if="[[showManuallyAddDialog_]]" restamp>
18 margin-top: 0; 191 <add-printer-maually-dialog new-printer="{{newPrinter}}">
19 padding-top: 10px; 192 </add-printer-maually-dialog>
20 } 193 </template>
21 </style> 194
22 <dialog is="cr-dialog" id="dialog"> 195 <!-- Configuring Printer Dialog -->
23 <div class="title">$i18n{addPrinterTitle}</div> 196 <template is="dom-if" if="[[showConfiguringDialog_]]" restamp>
24 <div class="body"> 197 <add-printer-configuring-dialog
25 <!--TODO(xdai): Add printer settings go here. --> 198 printer-name="[[getConfiguringPrinterName_()]]">
26 (coming soon) Add printer settings go here. 199 </add-printer-configuring-dialog>
27 </div> 200 </template>
28 <div class="button-container"> 201
29 <paper-button on-tap="onCancelTap_"> 202 <!-- TODO(xdai): Implement Manufacture 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> 203 </template>
38 <script src="cups_add_printer_dialog.js"></script> 204 <script src="cups_add_printer_dialog.js"></script>
39 </dom-module> 205 </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') | chrome/browser/resources/settings/printing_page/cups_add_printer_dialog.js » ('J')

Powered by Google App Engine
This is Rietveld 408576698