The pin keyboard needs show up underneath a user pod row, not next to one, as shown in the mocks at [1]. To enable the PIN keyboard on the lock screen, set kShowPinKey to true (see [2]). The keyboard is implemented at [3]. It's currently added to the DOM at [4]. My guess is that you will want to add it instead at [5]. 1: go/cros-quick-unlock-ux 2: https://code.google.com/p/chromium/codesearch#chromium/src/chrome/browser/ui/webui/chromeos/login/oobe_ui.cc&l=144 3: https://code.google.com/p/chromium/codesearch#chromium/src/chrome/browser/resources/chromeos/quick_unlock/pin_keyboard.html 4: https://code.google.com/p/chromium/codesearch#chromium/src/chrome/browser/resources/chromeos/login/screen_container.html 5: https://code.google.com/p/chromium/codesearch#chromium/src/ui/login/account_picker/user_pod_template.html
More specifically, let's focus this bug on implementing just the animation. The ultimate goal is that we can enable/disable the PIN keyboard from a JavaScript call and have it animate/out nicely.
The following revision refers to this bug: https://chromium.googlesource.com/chromium/src.git/+/f67abbb4cc787728557fd688bb2afcda9b13d845 commit f67abbb4cc787728557fd688bb2afcda9b13d845 Author: sammiequon <sammiequon@chromium.org> Date: Fri Jun 24 21:39:43 2016 Changed look of pin keyboard. https://screenshot.googleplex.com/UaKhr1x3vKp BUG= 612221 CQ_INCLUDE_TRYBOTS=tryserver.chromium.linux:closure_compilation Review-Url: https://codereview.chromium.org/2081873008 Cr-Commit-Position: refs/heads/master@{#401980} [modify] https://crrev.com/f67abbb4cc787728557fd688bb2afcda9b13d845/chrome/browser/resources/chromeos/quick_unlock/pin_keyboard.html [modify] https://crrev.com/f67abbb4cc787728557fd688bb2afcda9b13d845/chrome/browser/resources/chromeos/quick_unlock/pin_keyboard.js
The following revision refers to this bug: https://chromium.googlesource.com/chromium/src.git/+/d2bacfefb599942fb56c2d0d5c9ce623eeb29150 commit d2bacfefb599942fb56c2d0d5c9ce623eeb29150 Author: sammiequon <sammiequon@chromium.org> Date: Fri Jun 24 23:48:21 2016 Pin keyboard moved to under the user profile. First iteration of transition keypad on lock screen. BUG= 612221 CQ_INCLUDE_TRYBOTS=tryserver.chromium.linux:closure_compilation Review-Url: https://codereview.chromium.org/2027683003 Cr-Commit-Position: refs/heads/master@{#402017} [modify] https://crrev.com/d2bacfefb599942fb56c2d0d5c9ce623eeb29150/chrome/browser/resources/chromeos/login/lock.js [modify] https://crrev.com/d2bacfefb599942fb56c2d0d5c9ce623eeb29150/chrome/browser/resources/chromeos/login/screen_container.html [modify] https://crrev.com/d2bacfefb599942fb56c2d0d5c9ce623eeb29150/ui/login/account_picker/screen_account_picker.js [modify] https://crrev.com/d2bacfefb599942fb56c2d0d5c9ce623eeb29150/ui/login/account_picker/user_pod_row.css [modify] https://crrev.com/d2bacfefb599942fb56c2d0d5c9ce623eeb29150/ui/login/account_picker/user_pod_row.js [modify] https://crrev.com/d2bacfefb599942fb56c2d0d5c9ce623eeb29150/ui/login/account_picker/user_pod_template.html [modify] https://crrev.com/d2bacfefb599942fb56c2d0d5c9ce623eeb29150/ui/login/resource_loader.js [modify] https://crrev.com/d2bacfefb599942fb56c2d0d5c9ce623eeb29150/ui/login/screen_container.css
design changed.
Comment 1 by jdufault@chromium.org
, Jun 1 2016