OLD | NEW |
1 <!-- TODO(crbug.com/603217): Use i18n instead of string literals. Figure out | 1 <!-- TODO(crbug.com/603217): Use i18n instead of string literals. Figure out |
2 what i18n to use for keypad, ie, does 1 ABC make | 2 what i18n to use for keypad, ie, does 1 ABC make |
3 sense in every scenario? --> | 3 sense in every scenario? --> |
4 | 4 |
5 <link rel="import" href="chrome://resources/cr_elements/icons.html"> | 5 <link rel="import" href="chrome://resources/cr_elements/icons.html"> |
6 <link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html"> | 6 <link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html"> |
7 <link rel="import" href="chrome://resources/html/i18n_behavior.html"> | 7 <link rel="import" href="chrome://resources/html/i18n_behavior.html"> |
8 <link rel="import" href="chrome://resources/html/polymer.html"> | 8 <link rel="import" href="chrome://resources/html/polymer.html"> |
9 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt
on.html"> | 9 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt
on.html"> |
10 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button.html"> | 10 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button.html"> |
(...skipping 26 matching lines...) Expand all Loading... |
37 :host { | 37 :host { |
38 outline: none; | 38 outline: none; |
39 } | 39 } |
40 | 40 |
41 :host(:not([enable-submit-button])) #pinInput { | 41 :host(:not([enable-submit-button])) #pinInput { |
42 left: 0; | 42 left: 0; |
43 text-align: center; | 43 text-align: center; |
44 width: 180px; | 44 width: 180px; |
45 } | 45 } |
46 | 46 |
| 47 :host([has-error]) #pinInput { |
| 48 --paper-input-container-focus-color: var(--paper-red-500); |
| 49 } |
| 50 |
47 #root { | 51 #root { |
48 direction: ltr; | 52 direction: ltr; |
49 display: flex; | 53 display: flex; |
50 } | 54 } |
51 | 55 |
52 .row { | 56 .row { |
53 display: flex; | 57 display: flex; |
54 } | 58 } |
55 | 59 |
56 .digit-button { | 60 .digit-button { |
(...skipping 118 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
175 <div class="row first-row"> | 179 <div class="row first-row"> |
176 <paper-input id="pinInput" type="password" no-label-float | 180 <paper-input id="pinInput" type="password" no-label-float |
177 value="[[value]]" | 181 value="[[value]]" |
178 is-input-rtl$="[[isInputRtl_(value)]]" | 182 is-input-rtl$="[[isInputRtl_(value)]]" |
179 has-content$="[[hasInput_(value)]]" | 183 has-content$="[[hasInput_(value)]]" |
180 label="[[getInputPlaceholder_(enablePassword)]]" | 184 label="[[getInputPlaceholder_(enablePassword)]]" |
181 on-keydown="onInputKeyDown_" | 185 on-keydown="onInputKeyDown_" |
182 hidden="[[!showPinInput_]]"> | 186 hidden="[[!showPinInput_]]"> |
183 </paper-input> | 187 </paper-input> |
184 </div> | 188 </div> |
| 189 <content select="[problem]"></content> |
185 <div class="separator" hidden="[[showPinInput_]]"></div> | 190 <div class="separator" hidden="[[showPinInput_]]"></div> |
186 <div class="row keyboard"> | 191 <div class="row keyboard"> |
187 <paper-button class="digit-button" on-tap="onNumberTap_" value="1" | 192 <paper-button class="digit-button" on-tap="onNumberTap_" value="1" |
188 noink> | 193 noink> |
189 <inner-text>$i18n{pinKeyboard1}</inner-text> | 194 <inner-text>$i18n{pinKeyboard1}</inner-text> |
190 <paper-ripple> | 195 <paper-ripple> |
191 </paper-button> | 196 </paper-button> |
192 <paper-button class="digit-button" on-tap="onNumberTap_" value="2" | 197 <paper-button class="digit-button" on-tap="onNumberTap_" value="2" |
193 noink> | 198 noink> |
194 <inner-text>$i18n{pinKeyboard2}</inner-text> | 199 <inner-text>$i18n{pinKeyboard2}</inner-text> |
(...skipping 57 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
252 noink> | 257 noink> |
253 </paper-icon-button> | 258 </paper-icon-button> |
254 <paper-ripple> | 259 <paper-ripple> |
255 </div> | 260 </div> |
256 </div> | 261 </div> |
257 </div> | 262 </div> |
258 </div> | 263 </div> |
259 </template> | 264 </template> |
260 <script src="pin_keyboard.js"></script> | 265 <script src="pin_keyboard.js"></script> |
261 </dom-module> | 266 </dom-module> |
OLD | NEW |