Chromium Code Reviews| 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/polymer/v1_0/paper-button/paper-butt on.html"> | 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt on.html"> |
| 6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper -icon-button.html"> | 6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper -icon-button.html"> |
| 7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/paper-styl es.html"> | 7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/paper-styl es.html"> |
| 8 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/iron-icons.h tml"> | 8 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/iron-icons.h tml"> |
| 9 | 9 |
| 10 <dom-module id="pin-keyboard"> | 10 <dom-module id="pin-keyboard"> |
| (...skipping 107 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 118 pointer-events: none; | 118 pointer-events: none; |
| 119 } | 119 } |
| 120 </style> | 120 </style> |
| 121 | 121 |
| 122 <div id="root"> | 122 <div id="root"> |
| 123 <div id="container-constrained-width"> | 123 <div id="container-constrained-width"> |
| 124 <div class="row"> | 124 <div class="row"> |
| 125 <input id="pin-input" type="number" placeholder="Enter PIN" | 125 <input id="pin-input" type="number" placeholder="Enter PIN" |
| 126 value="{{value::input}}" | 126 value="{{value::input}}" |
| 127 on-keydown="onInputKeyDown_"></input> | 127 on-keydown="onInputKeyDown_"></input> |
| 128 <paper-button class="digit-button first-row submit-button" | 128 <paper-button class="digit-button submit-button" |
| 129 on-tap="firePinSubmitEvent_"> | 129 on-tap="firePinSubmitEvent_"> |
| 130 <div class$="icon-container [[computeSubmitClass_(value)]]"> | 130 <div class$="icon-container [[computeSubmitClass_(value)]]"> |
| 131 <iron-icon class="icon" icon="icons:forward"><iron-icon> | 131 <iron-icon class="icon" icon="icons:forward"><iron-icon> |
| 132 </div> | 132 </div> |
| 133 </paper-button> | 133 </paper-button> |
| 134 </div> | 134 </div> |
| 135 | 135 |
| 136 <div class="row keyboard"> | 136 <div class="row keyboard"> |
| 137 <paper-button class="digit-button" on-tap="onNumberTap_" value="1"> | 137 <paper-button class="digit-button" on-tap="onNumberTap_" |
| 138 value="1"> | |
| 138 <inner-text>1</inner-text> | 139 <inner-text>1</inner-text> |
| 139 </paper-button> | 140 </paper-button> |
| 140 <paper-button class="digit-button center-button" on-tap="onNumberTap_" | 141 <paper-button class="digit-button center-button" |
| 141 value="2"> | 142 on-tap="onNumberTap_" value="2"> |
| 142 <inner-text>2</inner-text> | 143 <inner-text>2</inner-text> |
|
jdufault
2016/07/06 21:08:51
Revert all changes in this file.
sammiequon
2016/07/06 23:38:02
Done.
| |
| 143 </paper-button> | 144 </paper-button> |
| 144 <paper-button class="digit-button" on-tap="onNumberTap_" value="3"> | 145 <paper-button class="digit-button" on-tap="onNumberTap_" |
| 146 value="3"> | |
| 145 <inner-text>3</inner-text> | 147 <inner-text>3</inner-text> |
| 146 </paper-button> | 148 </paper-button> |
| 147 </div> | 149 </div> |
| 148 <div class="row keyboard"> | 150 <div class="row keyboard"> |
| 149 <paper-button class="digit-button" on-tap="onNumberTap_" value="4"> | 151 <paper-button class="digit-button" on-tap="onNumberTap_" |
| 152 value="4"> | |
| 150 <inner-text>4</inner-text> | 153 <inner-text>4</inner-text> |
| 151 </paper-button> | 154 </paper-button> |
| 152 <paper-button class="digit-button center-button" on-tap="onNumberTap_" | 155 <paper-button class="digit-button center-button" |
| 153 value="5"> | 156 on-tap="onNumberTap_" value="5"> |
| 154 <inner-text>5</inner-text> | 157 <inner-text>5</inner-text> |
| 155 </paper-button> | 158 </paper-button> |
| 156 <paper-button class="digit-button" on-tap="onNumberTap_" value="6"> | 159 <paper-button class="digit-button" on-tap="onNumberTap_" |
| 160 value="6"> | |
| 157 <inner-text>6</inner-text> | 161 <inner-text>6</inner-text> |
| 158 </paper-button> | 162 </paper-button> |
| 159 </div> | 163 </div> |
| 160 <div class="row keyboard"> | 164 <div class="row keyboard"> |
| 161 <paper-button class="digit-button" on-tap="onNumberTap_" value="7"> | 165 <paper-button class="digit-button" on-tap="onNumberTap_" |
| 166 value="7"> | |
| 162 <inner-text>7</inner-text> | 167 <inner-text>7</inner-text> |
| 163 </paper-button> | 168 </paper-button> |
| 164 <paper-button class="digit-button center-button" on-tap="onNumberTap_" | 169 <paper-button class="digit-button center-button" |
| 165 value="8"> | 170 on-tap="onNumberTap_" value="8"> |
| 166 <inner-text>8</inner-text> | 171 <inner-text>8</inner-text> |
| 167 </paper-button> | 172 </paper-button> |
| 168 <paper-button class="digit-button" on-tap="onNumberTap_" value="9"> | 173 <paper-button class="digit-button" on-tap="onNumberTap_" |
| 174 value="9"> | |
| 169 <inner-text>9</inner-text> | 175 <inner-text>9</inner-text> |
| 170 </paper-button> | 176 </paper-button> |
| 171 </div> | 177 </div> |
| 172 <div class="row keyboard"> | 178 <div class="row keyboard"> |
| 173 <div class="digit-button"></div> | 179 <div class="digit-button"></div> |
| 174 <paper-button class="digit-button center-button" on-tap="onNumberTap_" | 180 <paper-button class="digit-button center-button" |
| 175 value="0"> | 181 on-tap="onNumberTap_" value="1"> |
| 176 <inner-text>0</inner-text> | 182 <inner-text>0</inner-text> |
| 177 </paper-button> | 183 </paper-button> |
| 178 <paper-button class="digit-button clear-button" on-tap="onPinClear_"> | 184 <paper-button class="digit-button clear-button" |
| 185 on-tap="onPinClear_"> | |
| 179 <div class="icon-container"> | 186 <div class="icon-container"> |
| 180 <iron-icon class="icon" icon="icons:clear"><iron-icon> | 187 <iron-icon class="icon" icon="icons:clear"><iron-icon> |
| 181 </div> | 188 </div> |
| 182 <inner-text class="icon-subheading">Clear</inner-text> | 189 <inner-text class="icon-subheading">Clear</inner-text> |
| 183 </paper-button> | 190 </paper-button> |
| 184 </div> | 191 </div> |
| 185 </div> | 192 </div> |
| 186 </div> | 193 </div> |
| 187 </template> | 194 </template> |
| 188 <script src="pin_keyboard.js"></script> | 195 <script src="pin_keyboard.js"></script> |
| 189 </dom-module> | 196 </dom-module> |
| OLD | NEW |