Source code
Revision control
Copy as Markdown
Other Tools
<!-- This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this
<html:template id="template-protections-popup">
<panel id="protections-popup"
class="panel-no-padding"
type="arrow"
role="alertdialog"
noautofocus="true"
aria-labelledby="protections-popup-main-header-label"
onpopupshown="gProtectionsHandler.onPopupShown(event);ReportBrokenSite.updateParentMenu(event)"
onpopuphidden="gProtectionsHandler.onPopupHidden(event);"
orient="vertical">
<panelmultiview id="protections-popup-multiView"
mainViewId="protections-popup-mainView">
<panelview id="protections-popup-mainView"
class="PanelUI-subView"
role="document"
mainview-with-header="true"
has-custom-header="true">
<vbox id="protections-popup-mainView-panel-header-section">
<box id="protections-popup-mainView-panel-header"
class="panel-header panel-header-with-additional-element panel-header-with-info-button"
onclick="gProtectionsHandler.onHeaderClicked(event);">
<html:h1 id="protections-popup-main-header-label">
<html:span id="protections-popup-mainView-panel-header-span"/>
</html:h1>
<toolbarbutton id="protections-popup-info-button" class="panel-info-button"
data-l10n-id="protections-panel-etp-more-info">
<image/>
</toolbarbutton>
<description id="protections-popup-toast-panel-tp-on-desc" data-l10n-id="protections-panel-etp-on-header"></description>
<description id="protections-popup-toast-panel-tp-off-desc" data-l10n-id="protections-panel-etp-off-header"></description>
</box>
<toolbarseparator></toolbarseparator>
<html:div id="info-message-container" disabled="true">
<!-- Info message will render in this container -->
</html:div>
</vbox>
<toolbarseparator></toolbarseparator>
<vbox id="protections-popup-main-body" class="panel-subview-body">
<vbox id="protections-popup-tp-switch-section" class="protections-popup-section protections-popup-switch-section">
<hbox id="protections-popup-tp-switch-section-header" class="protections-popup-switch-section-header">
<vbox class="protections-popup-tp-switch-box" flex="1" align="stretch">
<html:moz-toggle id="protections-popup-tp-switch" data-l10n-attrs="label, description"></html:moz-toggle>
</vbox>
</hbox>
</vbox>
<toolbarseparator observes="cmd_reportBrokenSite"></toolbarseparator>
<toolbarbutton id="protections-popup-report-broken-site-button"
command="cmd_reportBrokenSite"
class="subviewbutton subviewbutton-nav"
data-l10n-id="protections-panel-report-broken-site"
hidden="true"
closemenu="none"/>
<!-- Tracking Protection Section -->
<toolbarseparator></toolbarseparator>
<vbox id="tracking-protection-container" class="protections-popup-section">
<description id="protections-popup-no-trackers-found-description" data-l10n-id="protections-panel-no-trackers-found"></description>
<tooltip id="protections-popup-not-blocking-why-etp-on-tooltip" data-l10n-id="protections-panel-not-blocking-why-etp-on-tooltip-label"></tooltip>
<tooltip id="protections-popup-not-blocking-why-etp-off-tooltip" data-l10n-id="protections-panel-not-blocking-why-etp-off-tooltip-label"></tooltip>
<vbox id="protections-popup-content" flex="1">
<vbox id="protections-popup-category-list">
<toolbarbutton id="protections-popup-category-trackers"
oncommand="gProtectionsHandler.showTrackersSubview(event); gProtectionsHandler.recordClick('trackers');"
class="protections-popup-category subviewbutton subviewbutton-iconic" align="center">
<image class="toolbarbutton-icon protections-popup-category-icon trackers-icon"/>
<label flex="1" class="toolbarbutton-text protections-popup-category-label" data-l10n-id="protections-panel-content-blocking-tracking-protection"></label>
</toolbarbutton>
<toolbarbutton id="protections-popup-category-socialblock"
oncommand="gProtectionsHandler.showSocialblockerSubview(event); gProtectionsHandler.recordClick('social');"
class="protections-popup-category subviewbutton subviewbutton-iconic" align="center">
<image class="toolbarbutton-icon protections-popup-category-icon socialblock-icon"/>
<label flex="1"
class="toolbarbutton-text protections-popup-category-label" data-l10n-id="protections-panel-content-blocking-socialblock"></label>
</toolbarbutton>
<toolbarbutton id="protections-popup-category-cookies"
oncommand="gProtectionsHandler.showCookiesSubview(event); gProtectionsHandler.recordClick('cookies');"
class="protections-popup-category subviewbutton subviewbutton-iconic" align="center">
<image class="toolbarbutton-icon protections-popup-category-icon thirdpartycookies-icon"/>
<label flex="1" id="protections-popup-cookies-category-label"
class="toolbarbutton-text protections-popup-category-label"/>
</toolbarbutton>
<toolbarbutton id="protections-popup-category-cryptominers"
oncommand="gProtectionsHandler.showCryptominersSubview(event); gProtectionsHandler.recordClick('cryptominers');"
class="protections-popup-category subviewbutton subviewbutton-iconic" align="center">
<image class="toolbarbutton-icon protections-popup-category-icon cryptominers-icon"/>
<label flex="1" class="toolbarbutton-text protections-popup-category-label" data-l10n-id="protections-panel-content-blocking-cryptominers-label"></label>
</toolbarbutton>
<toolbarbutton id="protections-popup-category-fingerprinters"
oncommand="gProtectionsHandler.showFingerprintersSubview(event); gProtectionsHandler.recordClick('fingerprinters');"
class="protections-popup-category subviewbutton subviewbutton-iconic" align="center">
<image class="toolbarbutton-icon protections-popup-category-icon fingerprinters-icon"/>
<label flex="1" class="toolbarbutton-text protections-popup-category-label" data-l10n-id="protections-panel-content-blocking-fingerprinters-label"></label>
</toolbarbutton>
<description id="protections-popup-blocking-section-header"
class="protections-popup-section-header"
role="heading"
aria-level="2" data-l10n-id="protections-panel-blocking-label"></description>
<hbox id="protections-popup-not-blocking-section-header" class="protections-popup-section-header" flex="1">
<description id="protections-popup-not-blocking-section-description" flex="1" role="heading" aria-level="2" data-l10n-id="protections-panel-not-blocking-label"></description>
<label id="protections-popup-not-blocking-section-why"
onmouseover="document.getElementById(event.target.tooltip).openPopup(event.target);"
onfocus="document.getElementById(event.target.tooltip).openPopup(event.target);"
onmouseout="document.getElementById(event.target.tooltip).hidePopup()"
onblur="document.getElementById(event.target.tooltip).hidePopup()" data-l10n-id="protections-panel-not-blocking-why-label"></label>
</hbox>
<description id="protections-popup-not-found-section-header"
class="protections-popup-section-header"
role="heading"
aria-level="2" data-l10n-id="protections-panel-not-found-label"></description>
</vbox>
</vbox>
</vbox>
</vbox>
<toolbarseparator></toolbarseparator>
<vbox id="protections-popup-footer" class="panel-subview-footer-button">
<toolbarbutton id="protections-popup-settings-button"
class="subviewbutton protections-popup-footer-button"
oncommand="gProtectionsHandler.openPreferences(); gProtectionsHandler.recordClick('settings');">
<image class="protections-popup-footer-icon protections-popup-settings-icon"/>
<label class="toolbarbutton-text protections-popup-footer-button-label" flex="1" data-l10n-id="protections-panel-settings-label"></label>
<label id="protections-popup-footer-protection-type-label" class="toolbarbutton-text"></label>
</toolbarbutton>
<stack id="protections-popup-show-report-stack">
<toolbarbutton id="protections-popup-show-report-button"
class="subviewbutton protections-popup-footer-button"
oncommand="gProtectionsHandler.openProtections(true); gProtectionsHandler.recordClick('full_report');">
<image class="protections-popup-footer-icon protections-popup-show-report-icon"/>
<label class="toolbarbutton-text protections-popup-footer-button-label" flex="1" data-l10n-id="protections-panel-protectionsdashboard-label"></label>
</toolbarbutton>
<hbox id="protections-popup-trackers-blocked-counter-box"
align="center">
<description id="protections-popup-trackers-blocked-counter-description"
onclick="gProtectionsHandler.openProtections(true);"/>
</hbox>
</stack>
<toolbarseparator id="protections-popup-milestones-separator"/>
<hbox id="protections-popup-milestones" class="protections-popup-section">
<toolbarbutton id="protections-popup-milestones-content"
class="subviewbutton"
flex="1"
oncommand="gProtectionsHandler.openProtections(true); gProtectionsHandler.recordClick('milestone_message');">
<label id="protections-popup-milestones-text" flex="1"
role="heading" aria-level="2"/>
<image id="protections-popup-milestones-illustration"/>
</toolbarbutton>
</hbox>
<toolbarseparator id="protections-popup-cookie-banner-section-separator"></toolbarseparator>
<hbox id="protections-popup-cookie-banner-section" class="protections-popup-section" uiDisabled="true" enabled="true" flex="1">
<toolbarbutton id="protections-popup-cookie-banner-switch"
class="subviewbutton subviewbutton-nav"
onclick="gProtectionsHandler.onCookieBannerClick()"
flex="1">
<vbox flex="1">
<label role="heading" class="protections-popup-switch-header" aria-level="2" data-l10n-id="protections-panel-cookie-banner-blocker-header"></label>
<description id="protections-popup-cookie-banner-undetected" data-l10n-id="protections-panel-cookie-banner-handling-undetected"></description>
<description id="protections-popup-cookie-banner-site-disabled" data-l10n-id="protections-panel-cookie-banner-handling-disabled"></description>
<description id="protections-popup-cookie-banner-detected" data-l10n-id="protections-panel-cookie-banner-handling-enabled"></description>
</vbox>
</toolbarbutton>
</hbox>
</vbox>
</panelview>
<!-- Trackers SubView -->
<panelview id="protections-popup-trackersView"
class="PanelUI-subView"
role="document">
<vbox id="protections-popup-trackersView-description" class="protections-popup-description">
<description data-l10n-id="protections-panel-tracking-content"></description>
<hbox id="protections-popup-trackersView-shim-allow-hint"
class="protections-popup-shim-allow-hint">
<image class="protections-popup-shim-allow-hint-icon"></image>
<vbox flex="1">
<description data-l10n-id="protections-panel-description-shim-allowed">
</description>
<html:a class="protections-popup-shim-allow-learn-more"
is="moz-support-link"
data-l10n-id="protections-panel-description-shim-allowed-learn-more"
support-page="smartblock-enhanced-tracking-protection"
/>
</vbox>
</hbox>
</vbox>
<toolbarseparator></toolbarseparator>
<vbox id="protections-popup-trackersView-list" class="panel-subview-body protections-popup-list">
</vbox>
<toolbarseparator></toolbarseparator>
<toolbarbutton id="protections-popup-trackersView-settings-button"
data-l10n-id="protections-panel-content-blocking-manage-settings"
class="subviewbutton panel-subview-footer-button"
oncommand="gProtectionsHandler.openPreferences(); gProtectionsHandler.recordClick('subview_settings', 'trackers');"/>
</panelview>
<!-- Social Block SubView -->
<panelview id="protections-popup-socialblockView"
class="PanelUI-subView"
role="document">
<vbox id="protections-popup-socialblockView-heading" class="protections-popup-description">
<description data-l10n-id="protections-panel-social-media-trackers"></description>
<hbox id="protections-popup-socialblockView-shim-allow-hint"
class="protections-popup-shim-allow-hint">
<image class="protections-popup-shim-allow-hint-icon"></image>
<vbox flex="1">
<description data-l10n-id="protections-panel-description-shim-allowed">
</description>
<html:a class="protections-popup-shim-allow-learn-more"
is="moz-support-link"
data-l10n-id="protections-panel-description-shim-allowed-learn-more"
support-page="smartblock-enhanced-tracking-protection"
/>
</vbox>
</hbox>
</vbox>
<toolbarseparator></toolbarseparator>
<vbox id="protections-popup-socialblockView-list" class="panel-subview-body protections-popup-list">
</vbox>
<toolbarseparator></toolbarseparator>
<toolbarbutton id="protections-popup-socialblockView-settings-button"
data-l10n-id="protections-panel-content-blocking-manage-settings"
class="subviewbutton panel-subview-footer-button"
oncommand="gProtectionsHandler.openPreferences(); gProtectionsHandler.recordClick('subview_settings', 'social');"/>
</panelview>
<!-- Cookies SubView -->
<panelview id="protections-popup-cookiesView"
class="PanelUI-subView"
role="document">
<vbox id="protections-popup-cookiesView-heading" class="protections-popup-description">
<description data-l10n-id="protections-panel-cross-site-tracking-cookies"></description>
</vbox>
<toolbarseparator></toolbarseparator>
<vbox id="protections-popup-cookiesView-list" class="panel-subview-body protections-popup-list">
</vbox>
<toolbarseparator></toolbarseparator>
<toolbarbutton id="protections-popup-cookiesView-settings-button"
data-l10n-id="protections-panel-content-blocking-manage-settings"
class="subviewbutton panel-subview-footer-button"
oncommand="gProtectionsHandler.openPreferences(); gProtectionsHandler.recordClick('subview_settings', 'cookies');"/>
</panelview>
<!-- Fingerprinters SubView -->
<panelview id="protections-popup-fingerprintersView"
class="PanelUI-subView"
role="document">
<vbox id="protections-popup-fingerprinters-heading" class="protections-popup-description">
<description data-l10n-id="protections-panel-fingerprinters"></description>
<hbox id="protections-popup-fingerprintersView-shim-allow-hint"
class="protections-popup-shim-allow-hint">
<image class="protections-popup-shim-allow-hint-icon"></image>
<vbox flex="1">
<description data-l10n-id="protections-panel-description-shim-allowed">
</description>
<html:a class="protections-popup-shim-allow-learn-more"
is="moz-support-link"
data-l10n-id="protections-panel-description-shim-allowed-learn-more"
support-page="smartblock-enhanced-tracking-protection"
/>
</vbox>
</hbox>
</vbox>
<toolbarseparator></toolbarseparator>
<vbox id="protections-popup-fingerprintersView-list" class="panel-subview-body protections-popup-list">
</vbox>
<toolbarseparator></toolbarseparator>
<toolbarbutton id="protections-popup-fingerprintersView-settings-button"
data-l10n-id="protections-panel-content-blocking-manage-settings"
class="subviewbutton panel-subview-footer-button"
oncommand="gProtectionsHandler.openPreferences(); gProtectionsHandler.recordClick('subview_settings', 'fingerprinters');"/>
</panelview>
<!-- Cryptominers SubView -->
<panelview id="protections-popup-cryptominersView"
class="PanelUI-subView"
role="document">
<vbox id="protections-popup-cryptominers-heading" class="protections-popup-description">
<description data-l10n-id="protections-panel-cryptominers"></description>
<hbox id="protections-popup-cryptominersView-shim-allow-hint"
class="protections-popup-shim-allow-hint">
<image class="protections-popup-shim-allow-hint-icon"></image>
<vbox flex="1">
<description data-l10n-id="protections-panel-description-shim-allowed">
</description>
<html:a class="protections-popup-shim-allow-learn-more"
is="moz-support-link"
data-l10n-id="protections-panel-description-shim-allowed-learn-more"
support-page="smartblock-enhanced-tracking-protection"
/>
</vbox>
</hbox>
</vbox>
<toolbarseparator></toolbarseparator>
<vbox id="protections-popup-cryptominersView-list" class="panel-subview-body protections-popup-list">
</vbox>
<toolbarseparator></toolbarseparator>
<toolbarbutton id="protections-popup-cryptominersView-settings-button"
data-l10n-id="protections-panel-content-blocking-manage-settings"
class="subviewbutton panel-subview-footer-button"
oncommand="gProtectionsHandler.openPreferences(); gProtectionsHandler.recordClick('subview_settings', 'cryptominers');"/>
</panelview>
<!-- Cookie Banner SubView -->
<panelview id="protections-popup-cookieBannerView"
class="PanelUI-subView"
role="document"
data-l10n-id="protections-panel-cookie-banner-blocker-view-title">
<vbox id="protections-popup-cookieBannerView-heading"
class="protections-popup-description protections-popup-cookiesView-list-section">
<description id="cookieBannerView-disable-site" data-l10n-id="protections-panel-cookie-banner-blocker-view-turn-off-for-site" data-l10n-args='{"host":""}'></description>
<description id="cookieBannerView-enable-site" data-l10n-id="protections-panel-cookie-banner-blocker-view-turn-on-for-site" data-l10n-args='{"host":""}'></description>
<description id="cookieBannerView-disable-site-warning" data-l10n-id="protections-panel-cookie-banner-view-cookie-clear-warning"></description>
<description id="cookieBannerView-enable-site-description" data-l10n-id="protections-panel-cookie-banner-blocker-view-turn-on-description"></description>
</vbox>
<html:moz-button-group class="panel-footer protections-popup-cookieBannerView-footer">
<button id="protections-popup-cookieBannerView-cancel"
data-l10n-id="protections-panel-cookie-banner-view-cancel-label"
oncommand="gProtectionsHandler._protectionsPopupMultiView.goBack();"
class="footer-button" />
<button id="protections-popup-cookieBannerView-enable-button"
data-l10n-id="protections-panel-cookie-banner-view-turn-on-label"
oncommand="gProtectionsHandler.onCookieBannerToggleCommand()"
default="true"
class="footer-button" />
<button id="protections-popup-cookieBannerView-disable-button"
data-l10n-id="protections-panel-cookie-banner-view-turn-off-label"
oncommand="gProtectionsHandler.onCookieBannerToggleCommand()"
default="true"
class="footer-button" />
</html:moz-button-group>
</panelview>
</panelmultiview>
</panel>
</html:template>