chrome/browser/resources/settings/passwords_and_forms_page/passwords_and_forms_page.html

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

<link rel="import" href="chrome://resources/cr_elements/cr_link_row/cr_link_row.html">
<link rel="import" href="chrome://resources/html/assert.html">
<link rel="import" href="chrome://resources/html/cr.html">
<link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-flex-layout-classes.html">
<link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animatable.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button-light.html">
<link rel="import" href="autofill_section.html">
<link rel="import" href="passwords_section.html">
<link rel="import" href="../controls/extension_controlled_indicator.html">
<link rel="import" href="../controls/settings_toggle_button.html">
<link rel="import" href="../prefs/prefs.html">
<link rel="import" href="../prefs/prefs_behavior.html">
<link rel="import" href="../route.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">

<dom-module id="settings-passwords-and-forms-page">
  <template>
    <style include="settings-shared iron-flex"></style>
    <settings-animated-pages id="pages" section="passwordsAndForms"
        focus-config="[[focusConfig_]]">
      <neon-animatable route-path="default">
        <cr-link-row icon-class="subpage-arrow"
            id="autofillManagerButton" label="$i18n{autofill}"
            sub-label="$i18n{autofillDetail}" on-click="onAutofillTap_">
        </cr-link-row>
        <div class="settings-box two-line">
          <div class="start two-line" on-click="onPasswordsTap_" actionable
              id="passwordManagerButton">
            <div class="flex">
              $i18n{passwords}
              <div class="secondary" id="passwordsSecondary">
                $i18n{passwordsDetail}
              </div>
            </div>
            <paper-icon-button-light class="subpage-arrow">
              <button aria-label="$i18n{passwords}"
                  aria-describedby="passwordsSecondary"></button>
            </paper-icon-button-light>
          </div>
        </div>
      </neon-animatable>
      <template is="dom-if" route-path="/autofill">
        <settings-subpage
            associated-control="[[$$('#autofillManagerButton')]]"
            page-title="$i18n{autofill}">
          <settings-autofill-section id="autofillSection" prefs="{{prefs}}">
          </settings-autofill-section>
        </settings-subpage>
      </template>
      <template is="dom-if" route-path="/passwords">
        <settings-subpage
            associated-control="[[$$('#passwordManagerButton')]]"
            page-title="$i18n{passwords}"
            learn-more-url="$i18n{passwordManagerLearnMoreURL}"
            search-label="$i18n{searchPasswords}"
            search-term="{{passwordFilter_}}">
          <passwords-section id="passwordSection" filter="[[passwordFilter_]]"
              prefs="{{prefs}}">
          </passwords-section>
        </settings-subpage>
      </template>
    </settings-animated-pages>
  </template>
  <script src="passwords_and_forms_page.js"></script>
</dom-module>