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

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 1 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 90 matching lines...) Expand 10 before | Expand all | Expand 10 after
101 </style> 101 </style>
102 102
103 <div id="root"> 103 <div id="root">
104 <div id="container-constrained-width"> 104 <div id="container-constrained-width">
105 <div class="row horizontal-center"> 105 <div class="row horizontal-center">
106 <input id="pin-input" type="number" placeholder="Enter PIN" 106 <input id="pin-input" type="number" placeholder="Enter PIN"
107 value="{{value::input}}" 107 value="{{value::input}}"
108 on-keydown="onInputKeyDown_"></input> 108 on-keydown="onInputKeyDown_"></input>
109 <div class="digit-button first-row"> 109 <div class="digit-button first-row">
110 <paper-button class="digit-button submit-button" 110 <paper-button class="digit-button submit-button"
111 on-keyup="onButtonKeyUp_"
111 on-tap="firePinSubmitEvent_"> 112 on-tap="firePinSubmitEvent_">
112 <div class="icon-container"> 113 <div class="icon-container">
113 <iron-icon class="icon" icon="icons:forward"><iron-icon> 114 <iron-icon class="icon" icon="icons:forward"><iron-icon>
114 </div> 115 </div>
115 </paper-button> 116 </paper-button>
116 </div> 117 </div>
117 </div> 118 </div>
118 119
119 <div class="row keyboard"> 120 <div class="row keyboard">
120 <paper-button class="digit-button" on-tap="onNumberTap_" value="1"> 121 <paper-button class="digit-button" on-keyup="onButtonKeyUp_"
122 on-tap="onNumberTap_" value="1">
121 <inner-text>1</inner-text> 123 <inner-text>1</inner-text>
122 </paper-button> 124 </paper-button>
123 <paper-button class="digit-button" on-tap="onNumberTap_" value="2"> 125 <paper-button class="digit-button" on-keyup="onButtonKeyUp_"
126 on-tap="onNumberTap_" value="2">
124 <inner-text>2</inner-text> 127 <inner-text>2</inner-text>
125 </paper-button> 128 </paper-button>
126 <paper-button class="digit-button" on-tap="onNumberTap_" value="3"> 129 <paper-button class="digit-button" on-keyup="onButtonKeyUp_"
130 on-tap="onNumberTap_" value="3">
127 <inner-text>3</inner-text> 131 <inner-text>3</inner-text>
128 </paper-button> 132 </paper-button>
129 </div> 133 </div>
130 <div class="row keyboard"> 134 <div class="row keyboard">
131 <paper-button class="digit-button" on-tap="onNumberTap_" value="4"> 135 <paper-button class="digit-button" on-keyup="onButtonKeyUp_"
136 on-tap="onNumberTap_" value="4">
132 <inner-text>4</inner-text> 137 <inner-text>4</inner-text>
133 </paper-button> 138 </paper-button>
134 <paper-button class="digit-button" on-tap="onNumberTap_" value="5"> 139 <paper-button class="digit-button" on-keyup="onButtonKeyUp_"
140 on-tap="onNumberTap_" value="5">
135 <inner-text>5</inner-text> 141 <inner-text>5</inner-text>
136 </paper-button> 142 </paper-button>
137 <paper-button class="digit-button" on-tap="onNumberTap_" value="6"> 143 <paper-button class="digit-button" on-keyup="onButtonKeyUp_"
144 on-tap="onNumberTap_" value="6">
138 <inner-text>6</inner-text> 145 <inner-text>6</inner-text>
139 </paper-button> 146 </paper-button>
140 </div> 147 </div>
141 <div class="row keyboard"> 148 <div class="row keyboard">
142 <paper-button class="digit-button" on-tap="onNumberTap_" value="7"> 149 <paper-button class="digit-button" on-keyup="onButtonKeyUp_"
150 on-tap="onNumberTap_" value="7">
143 <inner-text>7</inner-text> 151 <inner-text>7</inner-text>
144 </paper-button> 152 </paper-button>
145 <paper-button class="digit-button" on-tap="onNumberTap_" value="8"> 153 <paper-button class="digit-button" on-keyup="onButtonKeyUp_"
154 on-tap="onNumberTap_" value="8">
146 <inner-text>8</inner-text> 155 <inner-text>8</inner-text>
147 </paper-button> 156 </paper-button>
148 <paper-button class="digit-button" on-tap="onNumberTap_" value="9"> 157 <paper-button class="digit-button" on-keyup="onButtonKeyUp_"
158 on-tap="onNumberTap_" value="9">
149 <inner-text>9</inner-text> 159 <inner-text>9</inner-text>
150 </paper-button> 160 </paper-button>
151 </div> 161 </div>
152 <div class="row keyboard"> 162 <div class="row keyboard">
153 <div class="digit-button"></div> 163 <div class="digit-button"></div>
154 <paper-button class="digit-button" on-tap="onNumberTap_" value="0"> 164 <paper-button class="digit-button" on-keyup="onButtonKeyUp_"
165 on-tap="onNumberTap_" value="1">
155 <inner-text>0</inner-text> 166 <inner-text>0</inner-text>
156 </paper-button> 167 </paper-button>
157 <paper-button class="digit-button clear-button" on-tap="onPinClear_"> 168 <paper-button class="digit-button clear-button"
169 on-keyup="onButtonKeyUp_"
170 on-tap="onPinClear_">
158 <div class="icon-container"> 171 <div class="icon-container">
159 <iron-icon class="icon" icon="icons:clear"><iron-icon> 172 <iron-icon class="icon" icon="icons:clear"><iron-icon>
160 </div> 173 </div>
161 <inner-text class="icon-subheading">Clear</inner-text> 174 <inner-text class="icon-subheading">Clear</inner-text>
162 </paper-button> 175 </paper-button>
163 </div> 176 </div>
164 </div> 177 </div>
165 </div> 178 </div>
166 </template> 179 </template>
167 <script src="pin_keyboard.js"></script> 180 <script src="pin_keyboard.js"></script>
168 </dom-module> 181 </dom-module>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698