blob: 350d7a0f93640eab89c27a89705d3e289e3f16e9 [file] [log] [blame]
<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/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-link-row-icon-width: 40px;
border-top: var(--settings-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}" icon-class="subpage-arrow"
on-click="onPasswordsClick_"></cr-link-row>
<cr-link-row id="paymentManagerButton"
start-icon="settings20:credit-card" label="$i18n{creditCards}"
icon-class="subpage-arrow" on-click="onPaymentsClick_">
</cr-link-row>
<cr-link-row id="addressesManagerButton"
start-icon="settings20:location-on" label="$i18n{addressesTitle}"
icon-class="subpage-arrow" 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>