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