| OLD | NEW |
| 1 <link rel="import" href="chrome://resources/html/polymer.html"> | 1 <link rel="import" href="chrome://resources/html/polymer.html"> |
| 2 <link rel="import" href="chrome://resources/html/i18n_behavior.html"> | 2 <link rel="import" href="chrome://resources/html/i18n_behavior.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="/people_page/pin_keyboard.html"> | 4 <link rel="import" href="/people_page/pin_keyboard.html"> |
| 5 <link rel="import" href="/settings_shared_css.html"> | 5 <link rel="import" href="/settings_shared_css.html"> |
| 6 | 6 |
| 7 <dom-module id="settings-setup-pin-dialog"> | 7 <dom-module id="settings-setup-pin-dialog"> |
| 8 <template> | 8 <template> |
| 9 <style include="settings-shared"></style> | 9 <style include="settings-shared"></style> |
| 10 <style> | 10 <style> |
| 11 iron-icon { | |
| 12 -webkit-margin-end: var(--iron-icon-spacing); | |
| 13 } | |
| 14 | |
| 15 .warning { | 11 .warning { |
| 16 color: var(--paper-grey-500); | 12 color: var(--paper-grey-500); |
| 17 } | 13 } |
| 18 | 14 |
| 19 .warning > iron-icon { | 15 .warning > iron-icon { |
| 20 --iron-icon-fill-color: var(--paper-grey-500); | 16 --iron-icon-fill-color: var(--paper-grey-500); |
| 21 } | 17 } |
| 22 | 18 |
| 23 .error { | 19 .error { |
| 24 color: var(--paper-red-500); | 20 color: var(--paper-red-500); |
| 25 } | 21 } |
| 26 | 22 |
| 27 .error > iron-icon { | 23 .error > iron-icon { |
| 28 --iron-icon-fill-color: var(--paper-red-500); | 24 --iron-icon-fill-color: var(--paper-red-500); |
| 29 } | 25 } |
| 30 | 26 |
| 31 .align-center { | 27 .align-center { |
| 32 justify-content: center; | 28 justify-content: center; |
| 33 } | 29 } |
| 34 </style> | 30 </style> |
| 35 | 31 |
| 36 <dialog is="cr-dialog" id="dialog" on-close="close"> | 32 <dialog is="cr-dialog" id="dialog" on-close="close"> |
| 37 <div class="title">[[getTitleMessage_(isConfirmStep_)]]</div> | 33 <div class="title">[[getTitleMessage_(isConfirmStep_)]]</div> |
| 38 <div class="body"> | 34 <div class="body"> |
| 39 <!-- Warning/error; only shown if title is hidden. --> | 35 <!-- Warning/error; only shown if title is hidden. --> |
| 40 <div class$="[[problemClass_]] settings-box first" | 36 <div class$="[[problemClass_]] settings-box first" |
| 41 hidden$="[[!hasProblem_(problemMessage_)]]"> | 37 hidden$="[[!hasProblem_(problemMessage_)]]"> |
| 42 <iron-icon icon="icons:warning"></iron-icon> | 38 <iron-icon icon="icons:warning"></iron-icon> |
| 43 <span>[[problemMessage_]]</span> | 39 <span class="middle">[[problemMessage_]]</span> |
| 44 </div> | 40 </div> |
| 45 | 41 |
| 46 <!-- Pin keyboard --> | 42 <!-- Pin keyboard --> |
| 47 <div class="align-center settings-box continuation"> | 43 <div class="align-center settings-box continuation"> |
| 48 <pin-keyboard id="pinKeyboard" on-pin-change="onPinChange_" | 44 <pin-keyboard id="pinKeyboard" on-pin-change="onPinChange_" |
| 49 on-submit="onPinSubmit_" value="{{pinKeyboardValue_}}"> | 45 on-submit="onPinSubmit_" value="{{pinKeyboardValue_}}"> |
| 50 </pin-keyboard> | 46 </pin-keyboard> |
| 51 </div> | 47 </div> |
| 52 | 48 |
| 53 <div class="button-strip"> | 49 <div class="button-strip"> |
| 54 <paper-button class="cancel-button" on-tap="onCancelTap_"> | 50 <paper-button class="cancel-button" on-tap="onCancelTap_"> |
| 55 $i18n{cancel} | 51 $i18n{cancel} |
| 56 </paper-button> | 52 </paper-button> |
| 57 | 53 |
| 58 <paper-button class="action-button" on-tap="onPinSubmit_" | 54 <paper-button class="action-button" on-tap="onPinSubmit_" |
| 59 disabled$="[[!enableSubmit_]]"> | 55 disabled$="[[!enableSubmit_]]"> |
| 60 <span>[[getContinueMessage_(isConfirmStep_)]]</span> | 56 <span>[[getContinueMessage_(isConfirmStep_)]]</span> |
| 61 </paper-button> | 57 </paper-button> |
| 62 </div> | 58 </div> |
| 63 </div> | 59 </div> |
| 64 </dialog> | 60 </dialog> |
| 65 </template> | 61 </template> |
| 66 | 62 |
| 67 <script src="setup_pin_dialog.js"></script> | 63 <script src="setup_pin_dialog.js"></script> |
| 68 </dom-module> | 64 </dom-module> |
| OLD | NEW |