<style include="cr-shared-style settings-shared"> | |
paper-spinner-lite { | |
height: var(--cr-icon-size); | |
opacity: 0; | |
transition-delay: 1s; | |
width: var(--cr-icon-size); | |
} | |
paper-spinner-lite[active] { | |
opacity: 1; | |
} | |
#removeShowingSites { | |
margin-inline-start: auto; | |
} | |
</style> | |
<div class="cr-row continuation"> | |
<paper-spinner-lite active="[[isLoading_]]"></paper-spinner-lite> | |
<cr-button disabled$="[[isLoading_]]" id="removeShowingSites" | |
on-click="onRemoveShowingSitesTap_" hidden$="[[!sites.length]]"> | |
[[computeRemoveLabel_(filter)]] | |
</cr-button> | |
<cr-button disabled$="[[isLoading_]]" id="removeThirdPartyCookies" | |
class="cr-button-gap" | |
on-click="onRemoveThirdPartyCookiesTap_" | |
hidden$="[[!showRemoveThirdPartyCookies_(sites.length, filter)]]"> | |
$i18n{siteSettingsCookieRemoveAllThirdParty} | |
</cr-button> | |
</div> | |
<iron-list id="list" items="[[sites]]" preserve-focus | |
scroll-target="[[subpageScrollTarget]]" class="cr-separators"> | |
<template> | |
<site-data-entry id$="siteItem_[[item.site]]" actionable | |
model="[[item]]" first$="[[!index]]" tabindex$="[[tabIndex]]" | |
iron-list-tab-index="[[tabIndex]]" last-focused="{{lastFocused_}}" | |
list-blurred="{{listBlurred_}}" on-click="onSiteClick_" | |
on-remove-site="onRemoveSite_" focus-row-index="[[index]]"> | |
</site-data-entry> | |
</template> | |
</iron-list> | |
<!-- Confirm Delete dialog --> | |
<cr-dialog id="confirmDeleteDialog" close-text="$i18n{close}" | |
on-close="onConfirmDeleteDialogClosed_"> | |
<div slot="title"> | |
$i18n{siteSettingsCookieRemoveDialogTitle} | |
</div> | |
<div slot="body">$i18n{siteSettingsCookieRemoveMultipleConfirmation}</div> | |
<div slot="button-container"> | |
<cr-button class="cancel-button" on-click="onCloseDialog_"> | |
$i18n{cancel} | |
</cr-button> | |
<cr-button class="action-button" on-click="onConfirmDelete_"> | |
$i18n{siteSettingsCookiesClearAll} | |
</cr-button> | |
</div> | |
</cr-dialog> | |
<!-- Confirm Delete Third Party Cookies dialog --> | |
<cr-dialog id="confirmDeleteThirdPartyDialog" close-text="$i18n{close}" | |
on-close="onConfirmDeleteThirdPartyDialogClosed_"> | |
<div slot="title"> | |
$i18n{siteSettingsCookieRemoveThirdPartyDialogTitle} | |
</div> | |
<div slot="body"> | |
$i18n{siteSettingsCookieRemoveThirdPartyConfirmation} | |
</div> | |
<div slot="button-container"> | |
<cr-button class="cancel-button" on-click="onCloseThirdPartyDialog_"> | |
$i18n{cancel} | |
</cr-button> | |
<cr-button class="action-button" on-click="onConfirmThirdPartyDelete_"> | |
$i18n{siteSettingsCookiesClearThirdParty} | |
</cr-button> | |
</div> | |
</cr-dialog> | |