blob: c7087c73d914ccdfc048cb65de89e8f661aebdc7 [file] [log] [blame]
<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_"
role-description="$i18n{subpageArrowRoleDescription}">
<span id="passwordManagerSubLabel" slot="sub-label">
[[passwordManagerSubLabel_]]</span>
</cr-link-row>
<cr-link-row id="paymentManagerButton"
start-icon="settings20:credit-card" label="$i18n{creditCards}"
on-click="onPaymentsClick_"
role-description="$i18n{subpageArrowRoleDescription}"></cr-link-row>
<cr-link-row id="addressesManagerButton"
start-icon="settings:location-on" label="$i18n{addressesTitle}"
on-click="onAddressesClick_"
role-description="$i18n{subpageArrowRoleDescription}"></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_]]"
focus-config="[[focusConfig_]]" prefs="{{prefs}}">
</passwords-section>
</settings-subpage>
</template>
<!-- TODO(crbug.com/1102294): Add a learn-more-url, which will cause the
(?) button to appear. -->
<template is="dom-if" route-path="/passwords/device" no-search>
<settings-subpage
page-title="$i18n{passwordsDevice}"
search-label="$i18n{searchPasswords}"
search-term="{{passwordFilter_}}">
<passwords-device-section id="passwordDeviceSection"
filter="[[passwordFilter_]]">
</passwords-device-section>
</settings-subpage>
</template>
<template is="dom-if" route-path="/passwords/check">
<settings-subpage
associated-control="[[$$('#passwordManagerButton')]]"
page-title="$i18n{checkPasswords}"
learn-more-url="$i18n{passwordCheckLearnMoreURL}">
<settings-password-check prefs="{{prefs}}"></settings-password-check>
</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>