blob: 9a10a9ebf6ba588dbd352e37db11a8e971a48c1f [file] [log] [blame]
<link rel="import" href="chrome://resources/html/polymer.html">
<link rel="import" href="chrome://resources/html/action_link.html">
<link rel="import" href="chrome://resources/html/action_link_css.html">
<link rel="import" href="chrome://resources/cr_elements/cr_dialog/cr_dialog.html">
<link rel="import" href="chrome://resources/cr_elements/icons.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button-light.html">
<link rel="import" href="../route.html">
<link rel="import" href="../settings_shared_css.html">
<link rel="import" href="constants.html">
<link rel="import" href="site_details_permission.html">
<link rel="import" href="site_settings_behavior.html">
<link rel="import" href="website_usage_private_api.html">
<dom-module id="site-details">
<template>
<style include="settings-shared action-link">
.favicon-image {
margin: 2px;
}
#storage {
-webkit-padding-end: 0;
}
/* When 'Usage' is omitted, subheadings are removed. Reduce the start
* padding allowed for lists without headings and add back vertical space
* that would normally be provided by the subheading. */
.list-frame.without-heading {
-webkit-padding-start: var(--settings-box-row-padding);
margin-top: 12px;
}
#clearAndReset {
margin-top: 24px;
}
</style>
<!-- Confirm Delete dialog -->
<dialog is="cr-dialog" id="confirmDeleteDialog" close-text="$i18n{close}">
<div slot="title">
$i18n{siteSettingsSiteResetDialogTitle}
</div>
<div slot="body">
$i18n{siteSettingsSiteResetConfirmation}
</div>
<div slot="button-container">
<paper-button class="cancel-button" on-tap="onCloseDialog_">
$i18n{cancel}
</paper-button>
<paper-button class="action-button" on-tap="onClearAndReset_">
$i18n{siteSettingsSiteResetAll}
</paper-button>
</div>
</dialog>
<template is="dom-if" if="[[enableSiteSettings_]]">
<div id="usage">
<div class="settings-box first">
<h2>$i18n{siteSettingsUsage}</h2>
</div>
<div class="list-frame">
<div class="list-item" id="noStorage"
hidden$="[[hasUsage_(storedData_)]]">
<div class="start">$i18n{siteSettingsUsageNone}</div>
</div>
<div class="list-item" id="storage" hidden$="[[!storedData_]]">
<div class="start">[[storedData_]]</div>
<button is="paper-icon-button-light" class="icon-delete-gray"
on-tap="onConfirmClearStorage_" alt="$i18n{siteSettingsDelete}">
</button>
</div>
</div>
</div>
<div class="settings-box first">
<h2>$i18n{siteSettingsPermissions}</h2>
</div>
</template>
<div class$="list-frame [[permissionListClass_(enableSiteSettings_)]]">
<site-details-permission category="{{ContentSettingsTypes.GEOLOCATION}}"
icon="settings:location-on" id="geolocation"
label="$i18n{siteSettingsLocation}">
</site-details-permission>
<site-details-permission category="{{ContentSettingsTypes.CAMERA}}"
icon="settings:videocam" id="camera"
label="$i18n{siteSettingsCamera}">
</site-details-permission>
<site-details-permission category="{{ContentSettingsTypes.MIC}}"
icon="settings:mic" id="mic"
label="$i18n{siteSettingsMic}">
</site-details-permission>
<site-details-permission category="{{ContentSettingsTypes.NOTIFICATIONS}}"
icon="settings:notifications" id="notifications"
label="$i18n{siteSettingsNotifications}">
</site-details-permission>
<site-details-permission category="{{ContentSettingsTypes.JAVASCRIPT}}"
icon="settings:code" id="javascript"
label="$i18n{siteSettingsJavascript}">
</site-details-permission>
<site-details-permission category="{{ContentSettingsTypes.PLUGINS}}"
icon="cr:extension" id="plugins" label="$i18n{siteSettingsFlash}">
</site-details-permission>
<site-details-permission category="{{ContentSettingsTypes.IMAGES}}"
icon="settings:photo" id="images" label="$i18n{siteSettingsImages}">
</site-details-permission>
<site-details-permission category="{{ContentSettingsTypes.POPUPS}}"
icon="cr:open-in-new" id="popups" label="$i18n{siteSettingsPopups}">
</site-details-permission>
<site-details-permission
category="{{ContentSettingsTypes.ADS}}"
icon="settings:ads" id="ads"
label="$i18n{siteSettingsAds}"
hidden$="[[!enableSafeBrowsingSubresourceFilter_]]">
</site-details-permission>
<site-details-permission
category="{{ContentSettingsTypes.BACKGROUND_SYNC}}"
icon="settings:sync" id="backgroundSync"
label="$i18n{siteSettingsBackgroundSync}">
</site-details-permission>
<site-details-permission category="{{ContentSettingsTypes.SOUND}}"
icon="settings:volume-up" id="sound"
label="$i18n{siteSettingsSound}"
hidden$="[[!enableSoundContentSetting_]]">
</site-details-permission>
<site-details-permission
category="{{ContentSettingsTypes.AUTOMATIC_DOWNLOADS}}"
icon="cr:file-download" id="automaticDownloads"
label="$i18n{siteSettingsAutomaticDownloads}">
</site-details-permission>
<site-details-permission
category="{{ContentSettingsTypes.MIDI_DEVICES}}" icon="settings:midi"
id="midiDevices" label="$i18n{siteSettingsMidiDevices}">
</site-details-permission>
<site-details-permission
category="{{ContentSettingsTypes.CLIPBOARD}}"
icon="settings:clipboard" id="clipboard"
label="$i18n{siteSettingsClipboard}"
hidden$="[[!enableClipboardContentSetting_]]">
</site-details-permission>
<site-details-permission
category="{{ContentSettingsTypes.UNSANDBOXED_PLUGINS}}"
icon="cr:extension" id="unsandboxedPlugins"
label="$i18n{siteSettingsUnsandboxedPlugins}">
</site-details-permission>
<if expr="chromeos">
<site-details-permission
category="{{ContentSettingsTypes.PROTECTED_CONTENT}}"
icon="settings:security" id="protectedContent"
label="$i18n{siteSettingsProtectedContentIdentifiers}">
</site-details-permission>
</if>
</div>
<div id="clearAndReset" class="settings-box"
on-tap="onConfirmClearSettings_" actionable>
<div class="start">
$i18n{siteSettingsReset}
</div>
<button class="subpage-arrow" is="paper-icon-button-light"
aria-label="$i18n{siteSettingsReset}"
aria-describedby="clearAndReset">
</button>
</div>
<website-usage-private-api id="usageApi"
website-data-usage="{{storedData_}}"
website-storage-type="{{storageType_}}">
</website-usage-private-api>
</template>
<script src="site_details.js"></script>
</dom-module>