| 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 |