OLD | NEW |
| (Empty) |
1 <link rel="import" href="chrome://resources/html/polymer.html"> | |
2 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input
.html"> | |
3 <link rel="import" href="/route.html"> | |
4 <link rel="import" href="/settings_page/settings_section.html"> | |
5 <link rel="import" href="/settings_shared_css.html"> | |
6 | |
7 <dom-module id="settings-quick-unlock-authenticate"> | |
8 <template> | |
9 <style include="settings-shared"></style> | |
10 <style> | |
11 #profile-name { | |
12 margin-right: 16px; | |
13 } | |
14 | |
15 #password-input { | |
16 display: inline-block; | |
17 } | |
18 | |
19 .secondary-action { | |
20 /* Increase the length of the vertical line, since it has no actual | |
21 content to be sized to. */ | |
22 padding: 10px 0 10px 0; | |
23 } | |
24 </style> | |
25 | |
26 <div> | |
27 <div class="settings-box">$i18n{quickUnlockConfirmLogin}</div> | |
28 | |
29 <div class="settings-box block first"> | |
30 <span id="profile-name"> | |
31 [[profileName]] | |
32 </span> | |
33 | |
34 <!-- The secondary-action would normally be on the paper-input element, | |
35 but that makes the secondary-action have a long top-section because | |
36 the paper-input has an floating text element appear above it which is | |
37 invisible when there is no content inside the input. --> | |
38 <span class="secondary-action"></span> | |
39 | |
40 <paper-input id="password-input" type="password" | |
41 label="$i18n{quickUnlockPasswordLabel}" | |
42 value="{{password_}}" | |
43 invalid$="[[passwordInvalid_]]" | |
44 on-change="checkPasswordNow_" | |
45 on-input="startDelayedPasswordCheck_" | |
46 error-message="$i18n{quickUnlockInvalidPassword}" | |
47 aria-disabled="false"> | |
48 </paper-input> | |
49 </div> | |
50 </div> | |
51 </template> | |
52 | |
53 <script src="quick_unlock_authenticate.js"></script> | |
54 </dom-module> | |
OLD | NEW |