Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(384)

Side by Side Diff: chrome/browser/resources/chromeos/quick_unlock/pin_keyboard.html

Issue 2119713003: Pin keyboard use enter to submit when focus is not on a button. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@lkgr
Patch Set: Rebased. Created 4 years, 5 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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
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-focus="onButtonFocus_"
130 on-keydown="onButtonKeyDown_"
129 on-tap="firePinSubmitEvent_"> 131 on-tap="firePinSubmitEvent_">
130 <div class$="icon-container [[computeSubmitClass_(value)]]"> 132 <div class$="icon-container [[computeSubmitClass_(value)]]">
131 <iron-icon class="icon" icon="icons:forward"><iron-icon> 133 <iron-icon class="icon" icon="icons:forward"><iron-icon>
132 </div> 134 </div>
133 </paper-button> 135 </paper-button>
134 </div> 136 </div>
135 137
136 <div class="row keyboard"> 138 <div class="row keyboard">
137 <paper-button class="digit-button" on-tap="onNumberTap_" value="1"> 139 <paper-button class="digit-button" on-keyup="onButtonKeyUp_"
140 on-tap="onNumberTap_" value="1">
138 <inner-text>1</inner-text> 141 <inner-text>1</inner-text>
139 </paper-button> 142 </paper-button>
140 <paper-button class="digit-button center-button" on-tap="onNumberTap_" 143 <paper-button class="digit-button center-button"
141 value="2"> 144 on-keyup="onButtonKeyUp_"
145 on-tap="onNumberTap_" value="2">
142 <inner-text>2</inner-text> 146 <inner-text>2</inner-text>
143 </paper-button> 147 </paper-button>
144 <paper-button class="digit-button" on-tap="onNumberTap_" value="3"> 148 <paper-button class="digit-button" on-keyup="onButtonKeyUp_"
149 on-tap="onNumberTap_" value="3">
145 <inner-text>3</inner-text> 150 <inner-text>3</inner-text>
146 </paper-button> 151 </paper-button>
147 </div> 152 </div>
148 <div class="row keyboard"> 153 <div class="row keyboard">
149 <paper-button class="digit-button" on-tap="onNumberTap_" value="4"> 154 <paper-button class="digit-button" on-keyup="onButtonKeyUp_"
155 on-tap="onNumberTap_" value="4">
150 <inner-text>4</inner-text> 156 <inner-text>4</inner-text>
151 </paper-button> 157 </paper-button>
152 <paper-button class="digit-button center-button" on-tap="onNumberTap_" 158 <paper-button class="digit-button center-button"
153 value="5"> 159 on-keyup="onButtonKeyUp_"
160 on-tap="onNumberTap_" value="5">
154 <inner-text>5</inner-text> 161 <inner-text>5</inner-text>
155 </paper-button> 162 </paper-button>
156 <paper-button class="digit-button" on-tap="onNumberTap_" value="6"> 163 <paper-button class="digit-button" on-keyup="onButtonKeyUp_"
164 on-tap="onNumberTap_" value="6">
157 <inner-text>6</inner-text> 165 <inner-text>6</inner-text>
158 </paper-button> 166 </paper-button>
159 </div> 167 </div>
160 <div class="row keyboard"> 168 <div class="row keyboard">
161 <paper-button class="digit-button" on-tap="onNumberTap_" value="7"> 169 <paper-button class="digit-button" on-keyup="onButtonKeyUp_"
170 on-tap="onNumberTap_" value="7">
162 <inner-text>7</inner-text> 171 <inner-text>7</inner-text>
163 </paper-button> 172 </paper-button>
164 <paper-button class="digit-button center-button" on-tap="onNumberTap_" 173 <paper-button class="digit-button center-button"
165 value="8"> 174 on-keyup="onButtonKeyUp_"
175 on-tap="onNumberTap_" value="8">
166 <inner-text>8</inner-text> 176 <inner-text>8</inner-text>
167 </paper-button> 177 </paper-button>
168 <paper-button class="digit-button" on-tap="onNumberTap_" value="9"> 178 <paper-button class="digit-button" on-keyup="onButtonKeyUp_"
179 on-tap="onNumberTap_" value="9">
169 <inner-text>9</inner-text> 180 <inner-text>9</inner-text>
170 </paper-button> 181 </paper-button>
171 </div> 182 </div>
172 <div class="row keyboard"> 183 <div class="row keyboard">
173 <div class="digit-button"></div> 184 <div class="digit-button"></div>
174 <paper-button class="digit-button center-button" on-tap="onNumberTap_" 185 <paper-button class="digit-button center-button"
175 value="0"> 186 on-keyup="onButtonKeyUp_"
187 on-tap="onNumberTap_" value="1">
176 <inner-text>0</inner-text> 188 <inner-text>0</inner-text>
177 </paper-button> 189 </paper-button>
178 <paper-button class="digit-button clear-button" on-tap="onPinClear_"> 190 <paper-button class="digit-button clear-button"
191 on-keyup="onButtonKeyUp_"
192 on-tap="onPinClear_">
179 <div class="icon-container"> 193 <div class="icon-container">
180 <iron-icon class="icon" icon="icons:clear"><iron-icon> 194 <iron-icon class="icon" icon="icons:clear"><iron-icon>
181 </div> 195 </div>
182 <inner-text class="icon-subheading">Clear</inner-text> 196 <inner-text class="icon-subheading">Clear</inner-text>
183 </paper-button> 197 </paper-button>
184 </div> 198 </div>
185 </div> 199 </div>
186 </div> 200 </div>
187 </template> 201 </template>
188 <script src="pin_keyboard.js"></script> 202 <script src="pin_keyboard.js"></script>
189 </dom-module> 203 </dom-module>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698