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/html/i18n_behavior.html"> | 6 <link rel="import" href="chrome://resources/html/i18n_behavior.html"> |
7 <link rel="import" href="chrome://resources/html/polymer.html"> | 7 <link rel="import" href="chrome://resources/html/polymer.html"> |
8 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt
on.html"> | 8 <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-icon-button/paper
-icon-button.html"> | 9 <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-styles/color.html
"> | 10 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html
"> |
(...skipping 147 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
158 margin: 0; | 158 margin: 0; |
159 } | 159 } |
160 | 160 |
161 /* Ensure that all children of paper-button do not consume events. This | 161 /* Ensure that all children of paper-button do not consume events. This |
162 * simplifies the event handler code. */ | 162 * simplifies the event handler code. */ |
163 paper-button * { | 163 paper-button * { |
164 pointer-events: none; | 164 pointer-events: none; |
165 } | 165 } |
166 </style> | 166 </style> |
167 | 167 |
168 <div id="root" on-keypress="onKeyPress_" on-keydown="onKeyDown_"> | 168 <div id="root"> |
169 <div id="container-constrained-width"> | 169 <div id="container-constrained-width"> |
170 <div class="row first-row"> | 170 <div class="row first-row"> |
171 <input id="pin-input" type="[[getInputType_(enablePassword)]]" | 171 <input id="pin-input" type="password" |
172 is-input-rtl$="[[isInputRtl_(value)]]" | 172 is-input-rtl$="[[isInputRtl_(value)]]" |
173 has-content$="[[hasInput_(value)]]" | 173 has-content$="[[hasInput_(value)]]" |
174 placeholder="[[getInputPlaceholder_(enablePassword)]]" | 174 placeholder="[[getInputPlaceholder_(enablePassword)]]" |
175 value="{{value::input}}" | 175 on-keydown="onInputKeyDown_"> |
176 on-keydown="onInputKeyDown_" | |
177 hidden=[[hideInput]]> | |
178 </input> | 176 </input> |
179 </div> | 177 </div> |
180 <hr> | 178 <hr> |
181 <div class="row keyboard"> | 179 <div class="row keyboard"> |
182 <paper-button class="digit-button" on-tap="onNumberTap_" value="1" | 180 <paper-button class="digit-button" on-tap="onNumberTap_" value="1" |
183 noink> | 181 noink> |
184 <inner-text>$i18n{pinKeyboard1}</inner-text> | 182 <inner-text>$i18n{pinKeyboard1}</inner-text> |
185 <paper-ripple> | 183 <paper-ripple> |
186 </paper-button> | 184 </paper-button> |
187 <paper-button class="digit-button" on-tap="onNumberTap_" value="2" | 185 <paper-button class="digit-button" on-tap="onNumberTap_" value="2" |
(...skipping 59 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
247 noink> | 245 noink> |
248 </paper-icon-button> | 246 </paper-icon-button> |
249 <paper-ripple> | 247 <paper-ripple> |
250 </div> | 248 </div> |
251 </div> | 249 </div> |
252 </div> | 250 </div> |
253 </div> | 251 </div> |
254 </template> | 252 </template> |
255 <script src="pin_keyboard.js"></script> | 253 <script src="pin_keyboard.js"></script> |
256 </dom-module> | 254 </dom-module> |
OLD | NEW |