summaryrefslogtreecommitdiffstats
path: root/chromium/chrome/browser/resources/settings/multidevice_page/multidevice_smartlock_subpage.html
blob: 8a150439064b04f72bd4e64cd91645787e9fd50e (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
54
55
56
57
58
59
60
61
62
63
64
65
<link rel="import" href="chrome://resources/html/polymer.html">

<link rel="import" href="chrome://resources/cr_elements/cr_radio_button/cr_radio_button.html">
<link rel="import" href="chrome://resources/cr_elements/cr_radio_group/cr_radio_group.html">
<link rel="import" href="chrome://resources/html/web_ui_listener_behavior.html">
<link rel="import" href="multidevice_constants.html">
<link rel="import" href="multidevice_browser_proxy.html">
<link rel="import" href="multidevice_feature_behavior.html">
<link rel="import" href="multidevice_feature_toggle.html">
<link rel="import" href="multidevice_radio_button.html">
<link rel="import" href="../i18n_setup.html">
<link rel="import" href="../settings_shared_css.html">

<dom-module id="settings-multidevice-smartlock-subpage">
  <template>
    <style include="settings-shared"></style>
    <div class="settings-box first">
      <!-- TODO(jhawkins): Remove this status text and move the toggle into
           the subpage header section. -->
      <div class="start">
        <template is="dom-if" if="[[smartLockEnabled_]]" restamp>
          $i18n{multideviceEnabled}
        </template>
        <template is="dom-if" if="[[!smartLockEnabled_]]" restamp>
          $i18n{multideviceDisabled}
        </template>
      </div>
      <settings-multidevice-feature-toggle
          feature="[[MultiDeviceFeature.SMART_LOCK]]"
          page-content-data="[[pageContentData]]">
      </settings-multidevice-feature-toggle>
    </div>
    <iron-collapse opened="[[smartLockEnabled_]]">
      <div class="settings-box first line-only">
          <h2 class="start first">
            $i18n{multideviceSmartLockOptions}
          </h2>
      </div>
      <div class="list-frame">
        <cr-radio-group
            selected="[[smartLockSignInEnabled_]]"
            selectable-elements="multidevice-radio-button"
            disabled="[[!smartLockSignInAllowed_]]"
            on-selected-changed="onSmartLockSignInEnabledChanged_">
          <multidevice-radio-button
              name="disabled"
              class="list-item underbar"
              label="$i18n{easyUnlockUnlockDeviceOnly}">
          </multidevice-radio-button>
          <multidevice-radio-button
              name="enabled"
              class="list-item"
              label="$i18n{easyUnlockUnlockDeviceAndAllowSignin}">
          </multidevice-radio-button>
        </cr-radio-group>
      </div>
    </iron-collapse>
    <template is="dom-if" if="[[showPasswordPromptDialog_]]" restamp>
      <settings-password-prompt-dialog id="smartLockSignInPasswordPrompt"
          on-close="onEnableSignInDialogClose_" auth-token="{{authToken_}}">
      </settings-password-prompt-dialog>
    </template>
  </template>
  <script src="multidevice_smartlock_subpage.js"></script>
</dom-module>