OLD | NEW |
1 <link rel="import" href="chrome://resources/html/polymer.html"> | 1 <link rel="import" href="chrome://resources/html/polymer.html"> |
2 | 2 |
3 <link rel="import" href="chrome://resources/cr_elements/cr_dialog/cr_dialog.html
"> | 3 <link rel="import" href="chrome://resources/cr_elements/cr_dialog/cr_dialog.html
"> |
4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt
on.html"> | 4 <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-input/paper-input
.html"> | 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input
.html"> |
6 <link rel="import" href="lock_screen_constants.html"> | 6 <link rel="import" href="lock_screen_constants.html"> |
7 <link rel="import" href="../settings_shared_css.html"> | 7 <link rel="import" href="../settings_shared_css.html"> |
8 | 8 |
9 <dom-module id="settings-password-prompt-dialog"> | 9 <dom-module id="settings-password-prompt-dialog"> |
10 <template> | 10 <template> |
11 <style include="settings-shared"> | 11 <style include="settings-shared"> |
12 #passwordInput { | 12 #passwordInput { |
13 display: inline-block; | 13 display: inline-block; |
14 } | 14 } |
15 | 15 |
16 .settings-box { | 16 .settings-box { |
17 padding: 0; | 17 padding: 0; |
18 } | 18 } |
19 </style> | 19 </style> |
20 | 20 |
21 <dialog is="cr-dialog" id="dialog" on-close="onClose_" | 21 <dialog is="cr-dialog" id="dialog" on-close="onClose_" |
22 close-text="$i18n{close}"> | 22 close-text="$i18n{close}"> |
23 <div class="title">$i18n{passwordPromptTitle}</div> | 23 <div class="title">$i18n{passwordPromptTitle}</div> |
24 <div class="body"> | 24 <div class="body"> |
25 | 25 |
26 <div class="settings-box first">$i18n{passwordPromptEnterPassword}</div> | 26 <div class="settings-box first">$i18n{passwordPromptEnterPassword}</div> |
27 | 27 |
28 <paper-input id="passwordInput" type="password" autofocus | 28 <paper-input id="passwordInput" type="password" |
29 label="$i18n{passwordPromptPasswordLabel}" | 29 label="$i18n{passwordPromptPasswordLabel}" |
30 value="{{password_}}" | 30 value="{{password_}}" |
31 invalid$="[[passwordInvalid_]]" | 31 invalid$="[[passwordInvalid_]]" |
32 error-message="$i18n{passwordPromptInvalidPassword}" | 32 error-message="$i18n{passwordPromptInvalidPassword}" |
33 aria-disabled="false"> | 33 aria-disabled="false"> |
34 </paper-input> | 34 </paper-input> |
35 </div> | 35 </div> |
36 <div class="button-container"> | 36 <div class="button-container"> |
37 <paper-button class="cancel-button" on-tap="onCancelTap_"> | 37 <paper-button class="cancel-button" on-tap="onCancelTap_"> |
38 $i18n{cancel} | 38 $i18n{cancel} |
39 </paper-button> | 39 </paper-button> |
40 | 40 |
41 <paper-button class="action-button" on-tap="submitPassword_" | 41 <paper-button class="action-button" on-tap="submitPassword_" |
42 disabled$="[[!enableConfirm_(password_, passwordInvalid_)]]"> | 42 disabled$="[[!enableConfirm_(password_, passwordInvalid_)]]"> |
43 $i18n{confirm} | 43 $i18n{confirm} |
44 </paper-button> | 44 </paper-button> |
45 </div> | 45 </div> |
46 </dialog> | 46 </dialog> |
47 </template> | 47 </template> |
48 <script src="password_prompt_dialog.js"></script> | 48 <script src="password_prompt_dialog.js"></script> |
49 </dom-module> | 49 </dom-module> |
OLD | NEW |