Chromium Code Reviews Chromium Code Reviews
Issue 1933913002:
Add a very basic PIN UI implementation that is shared between lock and settings. (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@lkgr| OLD | NEW |
|---|---|
| (Empty) | |
| 1 <!-- TODO(crbug.com/603217): Use i18n instead of string literals. Figure out | |
|
tommycli
2016/05/04 19:29:02
I have some reservations - but this is okay with m
jdufault
2016/05/06 00:05:46
Makes sense. I haven't done this yet because it re
| |
| 2 what i18n to use for keypad, ie, does 1 ABC make | |
| 3 sense in every scenario? --> | |
| 4 | |
| 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"> | |
| 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"> | |
| 9 | |
| 10 <dom-module id="pin-keyboard"> | |
| 11 <link rel="import" type="css" href="pin.css"> | |
| 12 | |
| 13 <template> | |
| 14 <div id="root"> | |
| 15 <div id="container-constrained-width"> | |
| 16 <div id="profile-picture"> | |
| 17 </div> | |
| 18 | |
| 19 <div class="row horizontal-center"> | |
| 20 <input id="pin-input" type="number" placeholder="Enter PIN" | |
| 21 on-keydown="onInputKeyDown_"></input> | |
| 22 </div> | |
| 23 | |
| 24 <div class="row keyboard"> | |
| 25 <paper-button class="digit-button" on-tap="onNumberTap_" value="1"> | |
| 26 <inner-text>1</inner-text> | |
| 27 </paper-button> | |
| 28 <paper-button class="digit-button" on-tap="onNumberTap_" value="2"> | |
| 29 <inner-text>2<subhead>ABC</subhead></inner-text> | |
| 30 </paper-button> | |
| 31 <paper-button class="digit-button" on-tap="onNumberTap_" value="3"> | |
| 32 <inner-text>3<subhead>DEF</subhead></inner-text> | |
| 33 </paper-button> | |
| 34 </div> | |
| 35 <div class="row keyboard"> | |
| 36 <paper-button class="digit-button" on-tap="onNumberTap_" value="4"> | |
| 37 <inner-text>4<subhead>GHI</subhead></inner-text> | |
| 38 </paper-button> | |
| 39 <paper-button class="digit-button" on-tap="onNumberTap_" value="5"> | |
| 40 <inner-text>5<subhead>JKL</subhead></inner-text> | |
| 41 </paper-button> | |
| 42 <paper-button class="digit-button" on-tap="onNumberTap_" value="6"> | |
| 43 <inner-text>6<subhead>MNO</subhead></inner-text> | |
| 44 </paper-button> | |
| 45 </div> | |
| 46 <div class="row keyboard"> | |
| 47 <paper-button class="digit-button" on-tap="onNumberTap_" value="7"> | |
| 48 <inner-text>7<subhead>PQRS</subhead></inner-text> | |
| 49 </paper-button> | |
| 50 <paper-button class="digit-button" on-tap="onNumberTap_" value="8"> | |
| 51 <inner-text>8<subhead>TUV</subhead></inner-text> | |
| 52 </paper-button> | |
| 53 <paper-button class="digit-button" on-tap="onNumberTap_" value="9"> | |
| 54 <inner-text>9<subhead>WXYZ</subhead></inner-text> | |
| 55 </paper-button> | |
| 56 </div> | |
| 57 <div class="row keyboard"> | |
| 58 <div class="digit-button"></div> | |
| 59 <paper-button class="digit-button" on-tap="onNumberTap_" value="0"> | |
| 60 <inner-text>0</inner-text> | |
| 61 </paper-button> | |
| 62 <div class="digit-button"> | |
| 63 <paper-icon-button class="digit-button submit-button" | |
| 64 icon="icons:check" on-tap="onPinSubmit_"> | |
| 65 </paper-icon-button> | |
| 66 </div> | |
| 67 </div> | |
| 68 </div> | |
| 69 </div> | |
| 70 </template> | |
| 71 <script src="pin.js"></script> | |
| 72 </dom-module> | |
| OLD | NEW |
