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