chrome/browser/resources/settings/multidevice_page/multidevice_page.html

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

<link rel="import" href="chrome://resources/cr_elements/cr_toggle/cr_toggle.html">
<link rel="import" href="chrome://resources/html/cr.html">
<link rel="import" href="chrome://resources/html/i18n_behavior.html">
<link rel="import" href="chrome://resources/html/web_ui_listener_behavior.html">
<link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button-light.html">
<link rel="import" href="../i18n_setup.html">
<link rel="import" href="../icons.html">
<link rel="import" href="../route.html">
<link rel="import" href="../controls/password_prompt_dialog.html">
<link rel="import" href="../settings_page/settings_animated_pages.html">
<link rel="import" href="../settings_page/settings_subpage.html">
<link rel="import" href="../settings_shared_css.html">
<link rel="import" href="multidevice_browser_proxy.html">
<link rel="import" href="multidevice_constants.html">
<link rel="import" href="multidevice_feature_behavior.html">
<link rel="import" href="multidevice_feature_toggle.html">
<link rel="import" href="multidevice_smartlock_subpage.html">
<link rel="import" href="multidevice_subpage.html">

<dom-module id="settings-multidevice-page">
  <template>
    <style include="settings-shared">
      cr-policy-indicator {
        padding: 0 var(--cr-controlled-by-spacing);
      }
    </style>
    <settings-animated-pages id="pages" section="multidevice"
        focus-config="[[focusConfig_]]">
      <div route-path="default">
        <div id="multidevice-item"
            class="settings-box two-line"
            on-click="handleItemClick_"
            actionable$="[[doesClickOpenSubpage_(pageContentData)]]">
          <template is="dom-if" if="[[isHostSet(pageContentData)]]" restamp>
            <iron-icon icon=
                "[[getIconName(MultiDeviceFeature.BETTER_TOGETHER_SUITE)]]">
            </iron-icon>
          </template>
          <div class$=
              "[[getMultiDeviceItemLabelBlockCssClass_(pageContentData)]]">
            <div id="multidevice-label">[[getLabelText_(pageContentData)]]</div>
            <div id="multideviceSubLabel" class="secondary"
                inner-h-t-m-l="[[getSubLabelInnerHtml_(pageContentData)]]">
            </div>
          </div>
          <template is="dom-if"
              if="[[!isSuiteAllowedByPolicy(pageContentData)]]"
              restamp>
            <cr-policy-indicator indicator-type="userPolicy">
            </cr-policy-indicator>
            <settings-multidevice-feature-toggle
                feature="[[MultiDeviceFeature.BETTER_TOGETHER_SUITE]]"
                page-content-data="[[pageContentData]]">
            </settings-multidevice-feature-toggle>
          </template>
          <template is="dom-if"
              if="[[shouldShowSeparatorAndSubpageArrow_(pageContentData)]]"
              restamp>
            <template is="dom-if"
                if="[[doesClickOpenSubpage_(pageContentData)]]"
                restamp>
              <paper-icon-button-light class="subpage-arrow">
                <button aria-labelledby="multidevice-label"
                    aria-describedby="multideviceSubLabel"></button>
              </paper-icon-button-light>
            </template>
            <div class="separator"></div>
          </template>
          <template is="dom-if"
              if="[[shouldShowButton_(pageContentData)]]"
              restamp>
            <paper-button class="secondary-button"
                on-click="handleButtonClick_">
              [[getButtonText_(pageContentData)]]
            </paper-button>
          </template>
          <template is="dom-if"
              if="[[shouldShowToggle_(pageContentData)]]"
              restamp>
            <settings-multidevice-feature-toggle
                feature="[[MultiDeviceFeature.BETTER_TOGETHER_SUITE]]"
                page-content-data="[[pageContentData]]">
            </settings-multidevice-feature-toggle>
          </template>
        </div>
      </div>
      <template is="dom-if" route-path="/multidevice/features" restamp>
        <settings-subpage associated-control="[[$$('#multidevice-item')]]"
            page-title="[[getLabelText_(pageContentData)]]">
          <settings-multidevice-subpage
              page-content-data="[[pageContentData]]">
          </settings-multidevice-subpage>
        </settings-subpage>
      </template>
      <template is="dom-if" route-path="/multidevice/features/smartLock"
          restamp>
        <settings-subpage
            associated-control="[[$$('#multidevice-item')]]"
            page-title="$i18n{easyUnlockSectionTitle}">
          <settings-multidevice-smartlock-subpage
              prefs="{{prefs}}"
              page-content-data="[[pageContentData]]">
          </settings-multidevice-smartlock-subpage>
        </settings-subpage>
      </template>
    </settings-animated-pages>
    <template is="dom-if" if="[[showPasswordPromptDialog_]]" restamp>
      <settings-password-prompt-dialog id="multidevicePasswordPrompt">
      </settings-password-prompt-dialog>
    </template>
  </template>
  <script src="multidevice_page.js"></script>
</dom-module>