| 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 163 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 174 value="{{value::input}}" | 174 value="{{value::input}}" |
| 175 on-keydown="onInputKeyDown_" | 175 on-keydown="onInputKeyDown_" |
| 176 is-invisible$=[[hideInput]]> | 176 is-invisible$=[[hideInput]]> |
| 177 </input> | 177 </input> |
| 178 </div> | 178 </div> |
| 179 <hr> | 179 <hr> |
| 180 <div class="row keyboard"> | 180 <div class="row keyboard"> |
| 181 <paper-button class="digit-button" on-tap="onNumberTap_" value="1"> | 181 <paper-button class="digit-button" on-tap="onNumberTap_" value="1"> |
| 182 <inner-text>$i18n{pinKeyboard1}</inner-text> | 182 <inner-text>$i18n{pinKeyboard1}</inner-text> |
| 183 </paper-button> | 183 </paper-button> |
| 184 <paper-button class="digit-button center-button" on-tap="onNumberTap_" | 184 <paper-button class="digit-button" on-tap="onNumberTap_" value="2"> |
| 185 value="2"> | |
| 186 <inner-text>$i18n{pinKeyboard2}</inner-text> | 185 <inner-text>$i18n{pinKeyboard2}</inner-text> |
| 187 </paper-button> | 186 </paper-button> |
| 188 <paper-button class="digit-button" on-tap="onNumberTap_" value="3"> | 187 <paper-button class="digit-button" on-tap="onNumberTap_" value="3"> |
| 189 <inner-text>$i18n{pinKeyboard3}</inner-text> | 188 <inner-text>$i18n{pinKeyboard3}</inner-text> |
| 190 </paper-button> | 189 </paper-button> |
| 191 </div> | 190 </div> |
| 192 <div class="row keyboard"> | 191 <div class="row keyboard"> |
| 193 <paper-button class="digit-button" on-tap="onNumberTap_" value="4"> | 192 <paper-button class="digit-button" on-tap="onNumberTap_" value="4"> |
| 194 <inner-text>$i18n{pinKeyboard4}</inner-text> | 193 <inner-text>$i18n{pinKeyboard4}</inner-text> |
| 195 </paper-button> | 194 </paper-button> |
| 196 <paper-button class="digit-button center-button" on-tap="onNumberTap_" | 195 <paper-button class="digit-button" on-tap="onNumberTap_" value="5"> |
| 197 value="5"> | |
| 198 <inner-text>$i18n{pinKeyboard5}</inner-text> | 196 <inner-text>$i18n{pinKeyboard5}</inner-text> |
| 199 </paper-button> | 197 </paper-button> |
| 200 <paper-button class="digit-button" on-tap="onNumberTap_" value="6"> | 198 <paper-button class="digit-button" on-tap="onNumberTap_" value="6"> |
| 201 <inner-text>$i18n{pinKeyboard6}</inner-text> | 199 <inner-text>$i18n{pinKeyboard6}</inner-text> |
| 202 </paper-button> | 200 </paper-button> |
| 203 </div> | 201 </div> |
| 204 <div class="row keyboard"> | 202 <div class="row keyboard"> |
| 205 <paper-button class="digit-button" on-tap="onNumberTap_" value="7"> | 203 <paper-button class="digit-button" on-tap="onNumberTap_" value="7"> |
| 206 <inner-text>$i18n{pinKeyboard7}</inner-text> | 204 <inner-text>$i18n{pinKeyboard7}</inner-text> |
| 207 </paper-button> | 205 </paper-button> |
| 208 <paper-button class="digit-button center-button" on-tap="onNumberTap_" | 206 <paper-button class="digit-button" on-tap="onNumberTap_" value="8"> |
| 209 value="8"> | |
| 210 <inner-text>$i18n{pinKeyboard8}</inner-text> | 207 <inner-text>$i18n{pinKeyboard8}</inner-text> |
| 211 </paper-button> | 208 </paper-button> |
| 212 <paper-button class="digit-button" on-tap="onNumberTap_" value="9"> | 209 <paper-button class="digit-button" on-tap="onNumberTap_" value="9"> |
| 213 <inner-text>$i18n{pinKeyboard9}</inner-text> | 210 <inner-text>$i18n{pinKeyboard9}</inner-text> |
| 214 </paper-button> | 211 </paper-button> |
| 215 </div> | 212 </div> |
| 216 <div class="row keyboard bottom-row"> | 213 <div class="row keyboard bottom-row"> |
| 217 <div class="digit-button"></div> | 214 <div class="digit-button"></div> |
| 218 <paper-button class="digit-button" on-tap="onNumberTap_" value="0"> | 215 <paper-button class="digit-button" on-tap="onNumberTap_" value="0"> |
| 219 <inner-text>$i18n{pinKeyboard0}</inner-text> | 216 <inner-text>$i18n{pinKeyboard0}</inner-text> |
| 220 </paper-button> | 217 </paper-button> |
| 221 <paper-icon-button class="digit-button backspace-button" | 218 <paper-icon-button class="digit-button backspace-button" |
| 222 disabled="[[!hasInput_(value)]]" | 219 disabled="[[!hasInput_(value)]]" |
| 223 on-tap="onPinClear_" icon="pin-keyboard:backspace"> | 220 on-tap="onPinClear_" icon="pin-keyboard:backspace"> |
| 224 </paper-icon-button> | 221 </paper-icon-button> |
| 225 </div> | 222 </div> |
| 226 </div> | 223 </div> |
| 227 </div> | 224 </div> |
| 228 </template> | 225 </template> |
| 229 <script src="pin_keyboard.js"></script> | 226 <script src="pin_keyboard.js"></script> |
| 230 </dom-module> | 227 </dom-module> |
| OLD | NEW |