<style include="cr-shared-style settings-shared">
.no-min-height {
min-height: 0;
}
img {
width: 100%;
}
#safetyHubModule {
padding: 0 var(--cr-section-padding);
}
</style>
<picture>
<source
srcset="chrome://settings/images/permissions_banner_dark.svg"
media="(prefers-color-scheme: dark)">
<img id="banner" alt=""
src="chrome://settings/images/permissions_banner.svg">
</picture>
<template is="dom-if" if="[[showUnusedSitePermissions_]]">
<template is="dom-if" if="[[enableSafetyHub_]]">
<div class="cr-row first">
<h2>$i18n{safetyHub}</h2>
</div>
<settings-safety-hub-module id="safetyHubModule"
header="[[unusedSitePermissionsHeader_]]"
subheader="[[unusedSitePermissionsSubheader_]]"
header-icon="cr:security" header-icon-color="blue">
<cr-button id="safetyHubButton" slot="button-container"
class="action-button" on-click="onSafetyHubButtonClick_">
$i18n{safetyHubEntryPointButtonLabel}
</cr-button>
</settings-safety-hub-module>
</template>
<!-- TODO(crbug.com/40277421): Remove after SafetyHub launched. -->
<template is="dom-if" if="[[!enableSafetyHub_]]">
<settings-unused-site-permissions>
</settings-unused-site-permissions>
</template>
</template>
<div class="cr-row first">
<h2>$i18n{siteSettingsRecentPermissionsSectionLabel}</h2>
</div>
<settings-recent-site-permissions id="recentSitePermissions"
no-recent-permissions="{{noRecentSitePermissions_}}"
focus-config="[[focusConfig]]">
</settings-recent-site-permissions>
<cr-link-row data-route="SITE_SETTINGS_ALL" id="allSites"
class$="[[getClassForSiteSettingsAllLink_(noRecentSitePermissions_)]]"
label="$i18n{siteSettingsAllSitesDescription}"
on-click="onSiteSettingsAllClick_"
role-description="$i18n{subpageArrowRoleDescription}"></cr-link-row>
<div class="cr-row first line-only">
<h2>$i18n{siteSettingsPermissions}</h2>
</div>
<settings-site-settings-list id="basicPermissionsList" prefs="{{prefs}}"
category-list="[[lists_.permissionsBasic]]"
focus-config="[[focusConfig]]">
</settings-site-settings-list>
<cr-expand-button class="cr-row"
expanded="{{permissionsExpanded_}}">
<div>$i18n{siteSettingsPermissionsMore}</div>
</cr-expand-button>
<cr-collapse opened="[[permissionsExpanded_]]">
<settings-site-settings-list id="advancedPermissionsList"
category-list="[[lists_.permissionsAdvanced]]"
focus-config="[[focusConfig]]">
</settings-site-settings-list>
</cr-collapse>
<div class="cr-row first line-only">
<h2>$i18n{siteSettingsContent}</h2>
</div>
<settings-site-settings-list id="basicContentList" prefs="{{prefs}}"
category-list="[[lists_.contentBasic]]"
focus-config="[[focusConfig]]">
</settings-site-settings-list>
<cr-expand-button id="expandContent" class="cr-row"
expanded="{{contentExpanded_}}">
<div>$i18n{siteSettingsContentMore}</div>
</cr-expand-button>
<cr-collapse opened="[[contentExpanded_]]">
<settings-site-settings-list id="advancedContentList" prefs="{{prefs}}"
category-list="[[lists_.contentAdvanced]]"
focus-config="[[focusConfig]]">
</settings-site-settings-list>
</cr-collapse>
<template is="dom-if" if="[[enableSafetyHub_]]">
<settings-toggle-button
id="unusedSitePermissionsRevocationToggle"
pref="{{
prefs.safety_hub.unused_site_permissions_revocation.enabled}}"
label=$i18n{safetyCheckUnusedSitePermissionsSettingLabel}
sub-label=
$i18n{safetyCheckUnusedSitePermissionsSettingSublabel}>
</settings-toggle-button>
</template>