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

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: Fixed patch set 2 errors. 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-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>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698