chromium/chrome/browser/resources/settings/privacy_page/security_keys_pin_field.html


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

<link rel="import" href="chrome://resources/html/polymer.html">

<link rel="import" href="chrome://resources/html/i18n_behavior.html">
<link rel="import" href="chrome://resources/cr_elements/cr_input/cr_input.html">
<link rel="import" href="chrome://resources/cr_elements/cr_icon_button/cr_icon_button.html">
<link rel="import" href="chrome://resources/polymer/v1_0/iron-a11y-announcer/iron-a11y-announcer.html">
<link rel="import" href="../i18n_setup.html">
<link rel="import" href="../settings_shared_css.html">

<dom-module id="settings-security-keys-pin-field">
  <template>
    <style include="settings-shared">
      cr-input {
        display: inline-block;
        padding-inline-end: 2em;
        --cr-input-width: 8em;
      }
    </style>

    <cr-input id="pin" value="{{value}}" minLength="4"
        maxLength="255" spellcheck="false"
        on-input="onPINInput_"
        invalid="[[isNonEmpty_(error)]]"
        label="[[label]]" tabindex="0"
        type$="[[inputType_(inputVisible_)]]"
        error-message="[[error]]">
      <cr-icon-button slot="suffix" id="showButton"
          class$="[[showButtonClass_(inputVisible_)]]"
          title="[[showButtonTitle_(inputVisible_)]]"
          focus-row-control focus-type="showPassword"
          on-click="showButtonClick_"></cr-icon-button>
    </cr-input>
  </template>
  <script src="security_keys_pin_field.js"></script>
</dom-module>