| <style include="shared-style cr-shared-style"> |
| cr-link-row { |
| --cr-icon-button-margin-start: 0px; |
| } |
| |
| cr-link-row[hide-icon]::part(icon) { |
| display: none; |
| } |
| |
| #blockedSitesTitle { |
| margin-top: 28px; |
| } |
| |
| .blocked-site-content { |
| border-top: var(--cr-separator-line); |
| flex: 1; |
| min-height: var(--section-min-height); |
| } |
| |
| .blocked-site-content[first] { |
| border-top: none; |
| } |
| |
| .favicon, |
| #blockedSitesHeader { |
| margin-inline-end: 20px; |
| margin-inline-start: 20px; |
| } |
| |
| .site-url { |
| flex: 1; |
| } |
| |
| cr-icon-button { |
| --cr-icon-button-icon-size: 16px; |
| --cr-icon-button-margin-start: 0px; |
| --cr-icon-button-margin-end: 10px; |
| } |
| |
| </style> |
| <h3 class="page-title">$i18n{settings}</h3> |
| <div class="card"> |
| <pref-toggle-button id="passwordToggle" |
| label="$i18n{savePasswordsLabel}" |
| pref-key="credentials_enable_service"> |
| </pref-toggle-button> |
| <pref-toggle-button id="autosigninToggle" class="hr" |
| label="$i18n{autosigninLabel}" |
| sub-label="$i18n{autosigninDescription}" |
| pref-key="credentials_enable_autosignin"> |
| </pref-toggle-button> |
| <cr-link-row id="trustedVaultBanner" class="cr-row" |
| label="$i18n{trustedVaultBannerLabelOfferOptIn}" |
| sub-label="$i18n{trustedVaultBannerSubLabelOfferOptIn}" external> |
| </cr-link-row> |
| <cr-link-row id="importPasswords" class="cr-row" |
| label="$i18n{importPasswords}" |
| sub-label="$i18n{importPasswordsDescription}" hide-icon> |
| </cr-link-row> |
| <cr-link-row id="exportPasswordsBanner" class="cr-row" |
| on-click="onExportClick_" label="$i18n{exportPasswords}" |
| sub-label="$i18n{exportPasswordsDescription}" hide-icon> |
| </cr-link-row> |
| <template is="dom-if" if="[[!isPasswordManagerShortcutInstalled_]]" restamp> |
| <cr-link-row id="addShortcutBanner" class="cr-row" |
| label="$i18n{addShortcut}" |
| sub-label="$i18n{addShortcutDescription}" hide-icon> |
| <cr-button class="header-aligned-button" |
| on-click="onAddShortcutClick_" aria-label="$i18n{addShortcut}"> |
| $i18n{addShortcut} |
| </cr-button> |
| </cr-link-row> |
| </template> |
| </div> |
| <h3 id="blockedSitesTitle" class="page-title">$i18n{blockedSitesTitle}</h3> |
| <div class="card" id="blockedSites"> |
| <div class="flex-centered single-line-label"> |
| <div id="blockedSitesHeader" class="cr-secondary-text label"> |
| [[getBlockedSitesDescription_(blockedSites_)]] |
| </div> |
| </div> |
| <div id="blockedSitesList" class="hr" hidden="[[!blockedSites_.length]]"> |
| <template is="dom-repeat" items="[[blockedSites_]]"> |
| <div class="flex-centered"> |
| <site-favicon class="favicon" domain="[[item.urls.link]]"> |
| </site-favicon> |
| <div class="blocked-site-content flex-centered" first$="[[!index]]"> |
| <div class="label site-url">[[item.urls.shown]]</div> |
| <cr-icon-button class="icon-clear" id="removeBlockedValueButton" |
| on-click="onRemoveBlockedSiteClick_"></cr-icon-button> |
| </div> |
| </div> |
| </template> |
| </div> |
| </div> |
| <template is="dom-if" if="[[showPasswordsExportDialog_]]" restamp> |
| <passwords-export-dialog |
| on-passwords-export-dialog-close="onPasswordsExportDialogClosed_"> |
| </passwords-export-dialog> |
| </template> |
