summaryrefslogtreecommitdiff
path: root/chromium/chrome/browser/resources/settings/people_page/setup_pin_dialog.html
blob: 093bace2c145846be214507c996733d67e2879ab (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<link rel="import" href="chrome://resources/html/polymer.html">

<link rel="import" href="chrome://resources/cr_components/chromeos/quick_unlock/setup_pin_keyboard.html">
<link rel="import" href="chrome://resources/cr_elements/cr_button/cr_button.html">
<link rel="import" href="chrome://resources/cr_elements/cr_dialog/cr_dialog.html">
<link rel="import" href="chrome://resources/html/assert.html">
<link rel="import" href="chrome://resources/html/i18n_behavior.html">
<link rel="import" href="../i18n_setup.html">
<link rel="import" href="../settings_shared_css.html">

<dom-module id="settings-setup-pin-dialog">
  <template>
    <style include="settings-shared">
      #pinKeyboardDiv {
        justify-content: center;
      };

      #pinKeyboard {
        --cr-input-placeholder-letter-spacing: normal;
      }
    </style>
    <cr-dialog id="dialog" on-close="close"
        close-text="$i18n{close}">
      <div slot="title">[[getTitleMessage_(isConfirmStep_)]]</div>
      <div slot="body">
        <!-- PIN keyboard -->
        <div id="pinKeyboardDiv" class="settings-box continuation">
          <setup-pin-keyboard id="pinKeyboard"
              enable-submit="{{enableSubmit_}}"
              is-confirm-step="{{isConfirmStep_}}"
              on-pin-submit="onPinSubmit_"
              on-set-pin-done="onSetPinDone_"
              set-modes="{{setModes}}"
              quick-unlock-private="[[quickUnlockPrivate]]"
              write-uma="[[writeUma_]]"
              enable-placeholder>
          </setup-pin-keyboard>
        </div>
      </div>
      <div slot="button-container">
        <cr-button class="cancel-button" on-click="onCancelTap_">
          $i18n{cancel}
        </cr-button>
        <cr-button class="action-button" on-click="onPinSubmit_"
            disabled$="[[!enableSubmit_]]">
          <span>[[getContinueMessage_(isConfirmStep_)]]</span>
        </cr-button>
      </div>
    </cr-dialog>
  </template>

  <script src="setup_pin_dialog.js"></script>
</dom-module>