<style include="cr-shared-style settings-shared site-review-shared">
</style>
<template is="dom-if" if="[[!shouldShowCompletionInfo_]]">
<div id="review-header" class="header-with-icon">
<iron-icon role="img" icon="settings:notifications-none"
class="header-icon">
</iron-icon>
<div class="header-group-wrapper">
<h2>[[headerString_]]</h2>
<div class="secondary">[[subtitleString_]]</div>
</div>
<cr-expand-button no-hover
expanded="{{notificationPermissionReviewListExpanded_}}">
</cr-expand-button>
</div>
<cr-collapse class="site-list"
opened="[[notificationPermissionReviewListExpanded_]]">
<template is="dom-repeat" items="[[sites_]]">
<div class="list-item site-entry">
<site-favicon url="[[item.origin]]"></site-favicon>
<div class="display-name cr-padded-text">
<div class="site-representation">[[item.origin]]</div>
<div class="second-line secondary">[[item.notificationInfoString]]
</div>
</div>
<cr-icon-button iron-icon="cr20:block" id="block"
on-click="onBlockNotificationPermissionClick_"
aria-label$="[[getBlockAriaLabelForOrigin(item.origin)]]"
on-mouseenter="onShowTooltip_" on-focus="onShowTooltip_" actionable>
</cr-icon-button>
<cr-icon-button id="actionMenuButton" class="icon-more-vert"
on-click="onShowActionMenuClick_"
aria-label$="[[getMoreActionsAriaLabel_(item.origin]]"
title="$i18n{moreActions}">
</cr-icon-button>
</div>
</template>
<div class="list-item first">
<cr-button id="blockAllButton" on-click="onBlockAllClick_"
class="bulk-action-button">
$i18n{safetyCheckNotificationPermissionReviewBlockAllLabel}
</cr-button>
</div>
</cr-collapse>
<cr-tooltip fit-to-visible-bounds manual-mode position="top" offset="3">
$i18n{safetyCheckNotificationPermissionReviewDontAllowLabel}
</cr-tooltip>
<cr-action-menu role-description="$i18n{menu}">
<button class="dropdown-item" id="ignore" on-click="onIgnoreClick_"
aria-label$="[[getIgnoreAriaLabelForOrigins(lastOrigins_)]]">
$i18n{safetyCheckNotificationPermissionReviewIgnoreLabel}
</button>
<button class="dropdown-item" id="reset" on-click="onResetClick_"
aria-label$="[[getResetAriaLabelForOrigins(lastOrigins_)]]">
$i18n{safetyCheckNotificationPermissionReviewResetLabel}
</button>
</cr-action-menu>
</template>
<cr-toast id="undoToast" duration="5000">
<div id="undoNotification">[[toastText_]]</div>
<cr-button aria-label="$i18n{safetyCheckNotificationPermissionReviewUndo}"
on-click="onUndoButtonClick_">
$i18n{safetyCheckNotificationPermissionReviewUndo}
</cr-button>
</cr-toast>
<template is="dom-if" if="[[shouldShowCompletionInfo_]]">
<div id="done-header" class="header-with-icon">
<iron-icon role="img" icon="cr:check"></iron-icon>
<div class="header-group-wrapper">
$i18n{safetyCheckNotificationPermissionReviewDoneLabel}
</div>
</div>
</template>