summaryrefslogtreecommitdiff
path: root/chromium/chrome/browser/resources/settings/autofill_page/autofill_page.html
blob: 51208f35ebe45b5b55557076eb0316d343b6cc52 (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
66
67
68
69
70
71
<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/cr_elements/shared_vars_css.html">
<link rel="import" href="chrome://resources/html/cr.html">
<link rel="import" href="autofill_section.html">
<link rel="import" href="passwords_section.html">
<link rel="import" href="payments_section.html">
<link rel="import" href="../prefs/prefs.html">
<link rel="import" href="../prefs/prefs_behavior.html">
<link rel="import" href="../open_window_proxy.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-autofill-page">
  <template>
    <style include="settings-shared">
      cr-link-row {
        --cr-icon-button-margin-start: 20px;
      }
      cr-link-row:not([hidden]) + cr-link-row {
        border-top: var(--cr-separator-line);
      }
    </style>
    <settings-animated-pages id="pages" section="autofill"
        focus-config="[[focusConfig_]]">
      <div route-path="default">
        <cr-link-row id="passwordManagerButton" start-icon="settings20:vpn-key"
            label="$i18n{passwords}" on-click="onPasswordsClick_"></cr-link-row>
        <cr-link-row id="paymentManagerButton"
            start-icon="settings20:credit-card" label="$i18n{creditCards}"
            on-click="onPaymentsClick_"></cr-link-row>
        <cr-link-row id="addressesManagerButton"
            start-icon="settings20:location-on" label="$i18n{addressesTitle}"
            on-click="onAddressesClick_"></cr-link-row>
      </div>
      <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>
      <template is="dom-if" route-path="/payments">
        <settings-subpage
            associated-control="[[$$('#paymentManagerButton')]]"
            page-title="$i18n{creditCards}"
            learn-more-url="$i18n{paymentMethodsLearnMoreURL}">
          <settings-payments-section id="paymentsSection" prefs="{{prefs}}">
          </settings-payments-section>
        </settings-subpage>
      </template>
      <template is="dom-if" route-path="/addresses">
        <settings-subpage
            associated-control="[[$$('#addressesManagerButton')]]"
            page-title="$i18n{addressesTitle}">
          <settings-autofill-section id="autofillSection" prefs="{{prefs}}">
          </settings-autofill-section>
        </settings-subpage>
      </template>
    </settings-animated-pages>
  </template>
  <script src="autofill_page.js"></script>
</dom-module>