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/html/assert.html"> | 3 <link rel="import" href="chrome://resources/html/assert.html"> |
4 <link rel="import" href="chrome://resources/html/i18n_behavior.html"> | 4 <link rel="import" href="chrome://resources/html/i18n_behavior.html"> |
5 <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-button/paper-butt
on.html"> |
6 <link rel="import" href="../i18n_setup.html"> | 6 <link rel="import" href="../i18n_setup.html"> |
7 <link rel="import" href="../icons.html"> | 7 <link rel="import" href="../icons.html"> |
8 <link rel="import" href="lock_screen_constants.html"> | 8 <link rel="import" href="lock_screen_constants.html"> |
9 <link rel="import" href="pin_keyboard.html"> | 9 <link rel="import" href="pin_keyboard.html"> |
10 <link rel="import" href="../settings_shared_css.html"> | 10 <link rel="import" href="../settings_shared_css.html"> |
11 | 11 |
12 <dom-module id="settings-setup-pin-dialog"> | 12 <dom-module id="settings-setup-pin-dialog"> |
13 <template> | 13 <template> |
14 <style include="settings-shared"> | 14 <style include="settings-shared"> |
15 .error { | 15 .error { |
16 color: var(--paper-red-500); | 16 color: var(--paper-red-500); |
| 17 color: blue; |
17 } | 18 } |
18 | 19 |
19 .error > iron-icon { | 20 .error > iron-icon { |
20 --iron-icon-fill-color: var(--paper-red-500); | 21 --iron-icon-fill-color: var(--paper-red-500); |
21 } | 22 } |
22 | 23 |
23 .warning { | 24 .warning { |
24 color: var(--paper-grey-700); | 25 color: var(--paper-grey-700); |
25 } | 26 } |
26 | 27 |
(...skipping 11 matching lines...) Expand all Loading... |
38 </style> | 39 </style> |
39 | 40 |
40 <dialog is="cr-dialog" id="dialog" on-close="close" | 41 <dialog is="cr-dialog" id="dialog" on-close="close" |
41 close-text="$i18n{close}"> | 42 close-text="$i18n{close}"> |
42 <div class="title">[[getTitleMessage_(isConfirmStep_)]]</div> | 43 <div class="title">[[getTitleMessage_(isConfirmStep_)]]</div> |
43 <div class="body"> | 44 <div class="body"> |
44 <!-- Pin keyboard --> | 45 <!-- Pin keyboard --> |
45 <div id="pinKeyboardDiv" class="settings-box continuation"> | 46 <div id="pinKeyboardDiv" class="settings-box continuation"> |
46 <pin-keyboard id="pinKeyboard" on-pin-change="onPinChange_" | 47 <pin-keyboard id="pinKeyboard" on-pin-change="onPinChange_" |
47 on-submit="onPinSubmit_" value="{{pinKeyboardValue_}}" | 48 on-submit="onPinSubmit_" value="{{pinKeyboardValue_}}" |
48 has-error$="[[hasError_(problemMessage_, problemClass_)]]"> | 49 has-error$="[[hasError_(problemMessage_, problemClass_)]]" |
| 50 autofocus> |
49 <!-- Warning/error; only shown if title is hidden. --> | 51 <!-- Warning/error; only shown if title is hidden. --> |
50 <div id="problemDiv" class$="[[problemClass_]]" | 52 <div id="problemDiv" class$="[[problemClass_]]" |
51 hidden$="[[!problemMessage_]]" problem> | 53 hidden$="[[!problemMessage_]]" problem> |
52 <iron-icon icon="settings:error-outline"></iron-icon> | 54 <iron-icon icon="settings:error-outline"></iron-icon> |
53 <span id="problemMessage">[[problemMessage_]]</span> | 55 <span id="problemMessage">[[problemMessage_]]</span> |
54 </div> | 56 </div> |
55 </pin-keyboard> | 57 </pin-keyboard> |
56 </div> | 58 </div> |
57 </div> | 59 </div> |
58 <div class="button-container"> | 60 <div class="button-container"> |
59 <paper-button class="cancel-button" on-tap="onCancelTap_"> | 61 <paper-button class="cancel-button" on-tap="onCancelTap_"> |
60 $i18n{cancel} | 62 $i18n{cancel} |
61 </paper-button> | 63 </paper-button> |
62 | 64 |
63 <paper-button class="action-button" on-tap="onPinSubmit_" | 65 <paper-button class="action-button" on-tap="onPinSubmit_" |
64 disabled$="[[!enableSubmit_]]"> | 66 disabled$="[[!enableSubmit_]]"> |
65 <span>[[getContinueMessage_(isConfirmStep_)]]</span> | 67 <span>[[getContinueMessage_(isConfirmStep_)]]</span> |
66 </paper-button> | 68 </paper-button> |
67 </div> | 69 </div> |
68 </dialog> | 70 </dialog> |
69 </template> | 71 </template> |
70 | 72 |
71 <script src="setup_pin_dialog.js"></script> | 73 <script src="setup_pin_dialog.js"></script> |
72 </dom-module> | 74 </dom-module> |
OLD | NEW |