summaryrefslogtreecommitdiffstats
path: root/browser/components/controlcenter
diff options
context:
space:
mode:
Diffstat (limited to 'browser/components/controlcenter')
-rw-r--r--browser/components/controlcenter/content/identityPanel.inc.xhtml206
-rw-r--r--browser/components/controlcenter/content/permissionPanel.inc.xhtml52
-rw-r--r--browser/components/controlcenter/content/protectionsPanel.inc.xhtml395
3 files changed, 653 insertions, 0 deletions
diff --git a/browser/components/controlcenter/content/identityPanel.inc.xhtml b/browser/components/controlcenter/content/identityPanel.inc.xhtml
new file mode 100644
index 0000000000..3b2bbd1ca8
--- /dev/null
+++ b/browser/components/controlcenter/content/identityPanel.inc.xhtml
@@ -0,0 +1,206 @@
+<!-- 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
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<html:template id="template-identity-popup">
+<panel id="identity-popup"
+ class="panel-no-padding"
+ type="arrow"
+ role="alertdialog"
+ noautofocus="true"
+ aria-labelledby="identity-popup-mainView-panel-header-span"
+ onpopupshown="gIdentityHandler.onPopupShown(event);"
+ onpopuphidden="gIdentityHandler.onPopupHidden(event);"
+ orient="vertical">
+
+ <panelmultiview id="identity-popup-multiView"
+ mainViewId="identity-popup-mainView">
+ <panelview id="identity-popup-mainView" class="PanelUI-subView" role="document" showheader="true">
+ <vbox id="identity-popup-mainView-panel-header" class="panel-header">
+ <html:h1>
+ <html:span id="identity-popup-mainView-panel-header-span" role="heading" aria-level="1"/>
+ </html:h1>
+ </vbox>
+ <toolbarseparator/>
+ <vbox class="panel-subview-body">
+ <toolbarbutton id="identity-popup-security-button"
+ class="identity-popup-security-connection subviewbutton subviewbutton-iconic"
+ oncommand="gIdentityHandler.showSecuritySubView();">
+ <image class="identity-popup-security-connection-icon toolbarbutton-icon"></image>
+ <hbox class="toolbarbutton-text" flex="1">
+ <label class="identity-popup-connection-not-secure"
+ when-connection="not-secure secure-cert-user-overridden secure-custom-root cert-error-page https-only-error-page" data-l10n-id="identity-connection-not-secure"></label>
+ <label class="identity-popup-connection-secure"
+ when-connection="secure secure-ev" data-l10n-id="identity-connection-secure"></label>
+ <label class="identity-popup-connection-failure"
+ when-connection="net-error-page" data-l10n-id="identity-connection-failure"></label>
+ <label when-connection="chrome" data-l10n-id="identity-connection-internal"></label>
+ <label when-connection="file" data-l10n-id="identity-connection-file"></label>
+ <label when-connection="extension" data-l10n-id="identity-extension-page"></label>
+ <label class="identity-popup-connection-secure upgraded" when-httpsonlystatus="upgraded failed-sub"
+ data-l10n-id="identity-https-only-connection-upgraded"></label>
+ </hbox>
+ </toolbarbutton>
+
+ <!-- Security Section -->
+ <hbox id="identity-popup-security" class="identity-popup-section indented" flex="1">
+ <vbox class="identity-popup-security-content" flex="1">
+
+ <vbox id="identity-popup-security-description">
+ <description id="identity-popup-security-ev-content-owner"
+ when-connection="secure-ev"/>
+ <description class="identity-popup-warning-box identity-popup-warning-gray"
+ when-mixedcontent="active-blocked" data-l10n-id="identity-active-blocked"></description>
+ <description id="identity-popup-security-decription-custom-root"
+ class="identity-popup-warning-box identity-popup-warning-gray"
+ when-customroot="true" data-l10n-id="identity-custom-root"></description>
+ <description class="identity-popup-warning-box identity-popup-warning-yellow"
+ when-mixedcontent="passive-loaded" data-l10n-id="identity-passive-loaded"></description>
+ <description class="identity-popup-warning-box identity-popup-warning-yellow"
+ when-mixedcontent="active-loaded" data-l10n-id="identity-active-loaded"></description>
+ <description class="identity-popup-warning-box identity-popup-warning-yellow"
+ when-ciphers="weak" data-l10n-id="identity-weak-encryption"></description>
+ </vbox>
+
+ <vbox id="identity-popup-security-httpsonlymode" when-httpsonlystatus="exception upgraded failed-top failed-sub">
+ <label flex="1" data-l10n-id="identity-https-only-label"></label>
+ <menulist id="identity-popup-security-httpsonlymode-menulist"
+ oncommand="gIdentityHandler.changeHttpsOnlyPermission();" sizetopopup="none">
+ <menupopup>
+ <menuitem value="0" data-l10n-id="identity-https-only-dropdown-on" />
+ <menuitem value="1" data-l10n-id="identity-https-only-dropdown-off" />
+ <menuitem value="2" id="identity-popup-security-menulist-tempitem"
+ data-l10n-id="identity-https-only-dropdown-off-temporarily" />
+ </menupopup>
+ </menulist>
+ <vbox id="identity-popup-security-httpsonlymode-info">
+ <description when-httpsonlystatus="exception" flex="1" data-l10n-id="identity-https-only-info-turn-on2">
+ </description>
+ <description when-httpsonlystatus="failed-sub" flex="1" data-l10n-id="identity-https-only-info-turn-off2">
+ </description>
+ <description when-httpsonlystatus="failed-top" flex="1" data-l10n-id="identity-https-only-info-no-upgrade">
+ </description>
+ </vbox>
+ </vbox>
+
+ </vbox>
+ </hbox>
+ </vbox>
+
+ <!-- Clear Site Data Button -->
+ <vbox id="identity-popup-clear-sitedata-footer"
+ class="panel-subview-footer-button"
+ hidden="true">
+ <toolbarseparator/>
+ <toolbarbutton id="identity-popup-clear-sitedata-button"
+ data-l10n-id="identity-clear-site-data"
+ class="subviewbutton"
+ oncommand="gIdentityHandler.clearSiteData(event);"/>
+ </vbox>
+ </panelview>
+
+ <!-- Security SubView -->
+ <panelview id="identity-popup-securityView"
+ class="PanelUI-subView"
+ role="document">
+ <vbox class="panel-subview-body">
+ <hbox class="identity-popup-security-connection identity-popup-section" align="center">
+ <image class="identity-popup-security-connection-icon"/>
+ <description class="identity-popup-connection-not-secure security-view"
+ when-connection="not-secure secure-cert-user-overridden cert-error-page net-error-page https-only-error-page" data-l10n-id="identity-connection-not-secure-security-view"></description>
+ <description class="identity-popup-connection-secure security-view"
+ when-connection="secure secure-ev" data-l10n-id="identity-connection-verified"></description>
+ </hbox>
+
+ <vbox id="identity-popup-securityView-extended-info" class="identity-popup-section">
+ <!-- (EV) Certificate Information -->
+ <description id="identity-popup-content-owner-label"
+ when-connection="secure-ev" data-l10n-id="identity-ev-owner-label"></description>
+ <description id="identity-popup-content-owner"
+ when-connection="secure-ev"
+ class="header"/>
+ <description id="identity-popup-content-supplemental"
+ when-connection="secure-ev"/>
+ <description id="identity-popup-content-verifier"
+ when-connection="secure secure-ev secure-cert-user-overridden"/>
+ <description id="identity-popup-content-verifier-unknown"
+ class="identity-popup-warning-box identity-popup-warning-gray"
+ when-customroot="true"
+ data-l10n-id="identity-description-custom-root">
+ <label data-l10n-name="link" id="identity-popup-custom-root-learn-more" is="text-link"/>
+ </description>
+
+ <!-- Remove Certificate Exception -->
+ <button when-connection="secure-cert-user-overridden"
+ data-l10n-id="identity-remove-cert-exception"
+ class="panel-button"
+ oncommand="gIdentityHandler.removeCertException()"/>
+
+ <!-- Connection is Not Secure -->
+ <description when-connection="not-secure cert-error-page net-error-page https-only-error-page"
+ data-l10n-id="identity-description-insecure"></description>
+
+ <!-- Weak Cipher -->
+ <description when-ciphers="weak" data-l10n-id="identity-description-weak-cipher-intro"></description>
+ <description class="identity-popup-warning-box identity-popup-warning-yellow"
+ when-ciphers="weak" data-l10n-id="identity-description-weak-cipher-risk"></description>
+
+ <!-- Active Mixed Content Blocked -->
+ <description class="identity-popup-warning-box identity-popup-warning-gray"
+ when-mixedcontent="active-blocked"
+ data-l10n-id="identity-description-active-blocked">
+ <label data-l10n-name="link" is="text-link" class="identity-popup-mcb-learn-more"/>
+ </description>
+
+ <!-- Passive Mixed Content Loaded -->
+ <description when-mixedcontent="passive-loaded" data-l10n-id="identity-description-passive-loaded"></description>
+ <description class="identity-popup-warning-box identity-popup-warning-yellow"
+ when-mixedcontent="passive-loaded"
+ data-l10n-id="identity-description-passive-loaded-insecure">
+ <label data-l10n-name="link" is="text-link" class="identity-popup-mcb-learn-more"/>
+ </description>
+
+ <!-- Passive Mixed Content Loaded, Active Mixed Content Blocked -->
+ <description when-mixedcontent="passive-loaded active-blocked" data-l10n-id="identity-description-passive-loaded"></description>
+ <description when-mixedcontent="passive-loaded active-blocked"
+ class="identity-popup-warning-box identity-popup-warning-yellow"
+ data-l10n-id="identity-description-passive-loaded-mixed">
+ <label data-l10n-name="link" is="text-link" class="identity-popup-mcb-learn-more"/>
+ </description>
+
+ <!-- Active Mixed Content Blocking Disabled -->
+ <description when-mixedcontent="active-loaded"
+ data-l10n-id="identity-description-active-loaded"></description>
+ <description when-mixedcontent="active-loaded"
+ data-l10n-id="identity-description-active-loaded-insecure"></description>
+ <hbox>
+ <label when-mixedcontent="active-loaded"
+ and-when-loginforms="secure" is="text-link" class="identity-popup-mcb-learn-more" data-l10n-id="identity-learn-more"/>
+ </hbox>
+
+
+ <!-- Buttons to enable/disable mixed content blocking. -->
+ <button when-mixedcontent="active-blocked"
+ data-l10n-id="identity-disable-mixed-content-blocking"
+ class="panel-button"
+ oncommand="gIdentityHandler.disableMixedContentProtection()"/>
+ <button when-mixedcontent="active-loaded"
+ data-l10n-id="identity-enable-mixed-content-blocking"
+ class="panel-button"
+ oncommand="gIdentityHandler.enableMixedContentProtection()"/>
+ </vbox>
+ </vbox>
+
+ <vbox id="identity-popup-more-info-footer">
+ <!-- More Security Information -->
+ <toolbarseparator />
+ <toolbarbutton id="identity-popup-more-info"
+ data-l10n-id="identity-more-info-link-text"
+ class="subviewbutton panel-subview-footer-button"
+ oncommand="gIdentityHandler.handleMoreInfoClick(event);"/>
+ </vbox>
+
+ </panelview>
+ </panelmultiview>
+</panel>
+</html:template>
diff --git a/browser/components/controlcenter/content/permissionPanel.inc.xhtml b/browser/components/controlcenter/content/permissionPanel.inc.xhtml
new file mode 100644
index 0000000000..f7c6ff4844
--- /dev/null
+++ b/browser/components/controlcenter/content/permissionPanel.inc.xhtml
@@ -0,0 +1,52 @@
+<!-- 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
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<html:template id="template-permission-popup">
+<panel id="permission-popup"
+ class="panel-no-padding"
+ type="arrow"
+ role="alertdialog"
+ noautofocus="true"
+ aria-labelledby="permission-popup-mainView-panel-header-span"
+ onpopupshown="gPermissionPanel.onPopupShown(event);"
+ onpopuphidden="gPermissionPanel.onPopupHidden(event);"
+ orient="vertical">
+ <panelmultiview id="permission-popup-multiView"
+ mainViewId="permission-popup-mainView">
+ <panelview id="permission-popup-mainView"
+ role="document"
+ showheader="true">
+ <vbox id="permission-popup-mainView-panel-header" class="panel-header">
+ <html:h1>
+ <html:span id="permission-popup-mainView-panel-header-span" role="heading" aria-level="1"/>
+ </html:h1>
+ </vbox>
+ <toolbarseparator></toolbarseparator>
+ <hbox class="permission-popup-section">
+ <vbox id="permission-popup-permissions-content" flex="1" role="group">
+ <vbox id="permission-popup-permission-list">
+ <vbox id="permission-popup-permission-list-default-anchor" class="permission-popup-permission-list-anchor"/>
+ <vbox class="permission-popup-permission-list-anchor" anchorfor="3rdPartyStorage">
+ <vbox id="permission-popup-storage-access-permission-list-header">
+ <hbox align="center" role="group">
+ <image class="permission-popup-permission-icon storage-access-icon"/>
+ <label data-l10n-id="identity-permissions-storage-access-header" class="permission-popup-permission-header-label"/>
+ </hbox>
+ <description id="permission-popup-storage-access-permission-list-hint" data-l10n-id="identity-permissions-storage-access-hint"></description>
+ <hbox>
+ <label id="permission-popup-storage-access-permission-learn-more"
+ is="text-link"
+ data-l10n-id="identity-permissions-storage-access-learn-more">
+ </label>
+ </hbox>
+ </vbox>
+ </vbox>
+ </vbox>
+ <description id="permission-popup-permission-reload-hint" data-l10n-id="identity-permissions-reload-hint"></description>
+ </vbox>
+ </hbox>
+ </panelview>
+ </panelmultiview>
+</panel>
+</html:template>
diff --git a/browser/components/controlcenter/content/protectionsPanel.inc.xhtml b/browser/components/controlcenter/content/protectionsPanel.inc.xhtml
new file mode 100644
index 0000000000..f02839dd35
--- /dev/null
+++ b/browser/components/controlcenter/content/protectionsPanel.inc.xhtml
@@ -0,0 +1,395 @@
+<!-- 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
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<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);"
+ 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"
+ showheader="true">
+ <vbox id="protections-popup-mainView-panel-header-section">
+ <hbox id="protections-popup-mainView-panel-header"
+ class="panel-header panel-header-with-info-button"
+ onclick="gProtectionsHandler.onHeaderClicked(event);">
+ <html:h1 id="protections-popup-main-header-label"
+ role="heading" aria-level="1">
+ <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>
+ </hbox>
+ <toolbarseparator></toolbarseparator>
+
+ <html:div id="messaging-system-message-container" disabled="true">
+ <!-- Messaging System Messages will render in this container -->
+ </html:div>
+ </vbox>
+
+ <toolbarseparator></toolbarseparator>
+ <vbox id="protections-popup-main-body" class="panel-subview-body">
+ <hbox id="protections-popup-tp-switch-section" class="protections-popup-section protections-popup-switch-section">
+ <vbox class="protections-popup-tp-switch-label-box" flex="1" align="start">
+ <label class="protections-popup-switch-header protections-popup-tp-switch-on-header"
+ role="heading"
+ aria-level="2" data-l10n-id="protections-panel-etp-on-header"></label>
+ <label class="protections-popup-switch-header protections-popup-tp-switch-off-header"
+ role="heading"
+ aria-level="2" data-l10n-id="protections-panel-etp-off-header"></label>
+ <label id="protections-popup-tp-switch-breakage-link"
+ class="text-link"
+ onclick="gProtectionsHandler.showSiteNotWorkingView(); gProtectionsHandler.recordClick('sitenotworking_link');" data-l10n-id="protections-panel-site-not-working"></label>
+ <label id="protections-popup-tp-switch-breakage-fixed-link"
+ class="text-link"
+ onclick="gProtectionsHandler.showSendReportView(); gProtectionsHandler.recordClick('sitenotworking_link', 'sitefixed');"
+ data-l10n-id="protections-panel-sitefixedsendreport-label"></label>
+ </vbox>
+ <vbox class="protections-popup-tp-switch-box">
+ <toolbarbutton id="protections-popup-tp-switch"
+ class="protections-popup-tp-switch"
+ enabled="false"
+ oncommand="gProtectionsHandler.onTPSwitchCommand();" />
+ </vbox>
+ </hbox>
+
+ <toolbarseparator id="protections-popup-cookie-banner-section-separator"></toolbarseparator>
+ <hbox id="protections-popup-cookie-banner-section" class="protections-popup-section protections-popup-switch-section" uiDisabled="true">
+ <vbox class="protections-popup-tp-switch-label-box" flex="1" align="start">
+ <label class="protections-popup-switch-header protections-popup-cookie-banner-switch-on-header"
+ role="heading"
+ aria-level="2" data-l10n-id="protections-panel-cookie-banner-handling-on-header"></label>
+ <label class="protections-popup-switch-header protections-popup-cookie-banner-switch-off-header"
+ role="heading"
+ aria-level="2" data-l10n-id="protections-panel-cookie-banner-handling-off-header"></label>
+ </vbox>
+ <vbox class="protections-popup-tp-switch-box">
+ <toolbarbutton id="protections-popup-cookie-banner-switch"
+ class="protections-popup-tp-switch"
+ enabled="false"
+ oncommand="gProtectionsHandler.onCookieBannerSwitchCommand()" />
+ </vbox>
+ </hbox>
+
+ <!-- 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"></tooltip>
+ <tooltip id="protections-popup-not-blocking-why-etp-off-tooltip" data-l10n-id="protections-panel-not-blocking-why-etp-off-tooltip"></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');">
+ <description id="protections-popup-milestones-text" flex="1"
+ role="heading" aria-level="2"/>
+ <image id="protections-popup-milestones-illustration"/>
+ </toolbarbutton>
+ </hbox>
+ </vbox>
+ </panelview>
+
+ <!-- Site Not Working? SubView -->
+ <panelview id="protections-popup-siteNotWorkingView"
+ class="PanelUI-subView"
+ role="document"
+ data-l10n-id="protections-panel-site-not-working-view">
+ <hbox id="protections-popup-siteNotWorkingView-header">
+ <vbox class="protections-popup-tp-switch-label-box" flex="1">
+ <label class="protections-popup-tp-switch-on-header"
+ role="heading"
+ aria-level="1" data-l10n-id="protections-panel-etp-on-header"></label>
+ <label class="protections-popup-tp-switch-off-header"
+ role="heading"
+ aria-level="1" data-l10n-id="protections-panel-etp-off-header"></label>
+ </vbox>
+ <vbox class="protections-popup-tp-switch-box">
+ <toolbarbutton id="protections-popup-siteNotWorking-tp-switch"
+ class="protections-popup-tp-switch"
+ enabled="false"
+ oncommand="gProtectionsHandler.onTPSwitchCommand();" />
+ </vbox>
+ </hbox>
+ <toolbarseparator></toolbarseparator>
+ <vbox id="protections-popup-siteNotWorkingView-body" class="panel-subview-body" align="start">
+ <label role="heading" aria-level="2" data-l10n-id="protections-panel-site-not-working-view-header"></label>
+ <label>
+ <html:ul id="protections-popup-siteNotWorkingView-body-issue-list">
+ <html:li data-l10n-id="protections-panel-site-not-working-view-issue-list-login-fields"></html:li>
+ <html:li data-l10n-id="protections-panel-site-not-working-view-issue-list-forms"></html:li>
+ <html:li data-l10n-id="protections-panel-site-not-working-view-issue-list-payments"></html:li>
+ <html:li data-l10n-id="protections-panel-site-not-working-view-issue-list-comments"></html:li>
+ <html:li data-l10n-id="protections-panel-site-not-working-view-issue-list-videos"></html:li>
+ </html:ul>
+ </label>
+ <label id="protections-popup-siteNotWorkingView-sendReport"
+ onclick="gProtectionsHandler.showSendReportView(); gProtectionsHandler.recordClick('send_report_link');"
+ class="text-link" data-l10n-id="protections-panel-site-not-working-view-send-report"></label>
+ </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>
+ <label class="protections-popup-shim-allow-learn-more"
+ is="text-link"
+ data-l10n-id="protections-panel-description-shim-allowed-learn-more">
+ </label>
+ </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>
+ <label class="protections-popup-shim-allow-learn-more"
+ is="text-link"
+ data-l10n-id="protections-panel-description-shim-allowed-learn-more">
+ </label>
+ </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>
+ <label class="protections-popup-shim-allow-learn-more"
+ is="text-link"
+ data-l10n-id="protections-panel-description-shim-allowed-learn-more">
+ </label>
+ </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>
+ <label class="protections-popup-shim-allow-learn-more"
+ is="text-link"
+ data-l10n-id="protections-panel-description-shim-allowed-learn-more">
+ </label>
+ </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>
+
+ <!-- Send Report SubView -->
+ <panelview id="protections-popup-sendReportView"
+ class="PanelUI-subView"
+ data-l10n-id="protections-panel-content-blocking-breakage-report-view">
+ <vbox id="protections-popup-sendReportView-heading">
+ <description data-l10n-id="protections-panel-content-blocking-breakage-report-view-description">
+ <label id="protections-popup-sendReportView-learn-more"
+ is="text-link" data-l10n-name="learn-more"></label>
+ </description>
+ </vbox>
+ <toolbarseparator></toolbarseparator>
+ <vbox id="protections-popup-sendReportView-body" class="panel-view-body-unscrollable">
+ <vbox class="protections-popup-sendReportView-collection-section">
+ <label control="protections-popup-sendReportView-collection-url" data-l10n-id="protections-panel-content-blocking-breakage-report-view-collection-url"></label>
+ <html:input readonly="readonly" id="protections-popup-sendReportView-collection-url" data-l10n-id="protections-panel-content-blocking-breakage-report-view-collection-url-label"/>
+ </vbox>
+ <vbox class="protections-popup-sendReportView-collection-section">
+ <label control="protections-popup-sendReportView-collection-comments" data-l10n-id="protections-panel-content-blocking-breakage-report-view-collection-comments"></label>
+ <html:textarea id="protections-popup-sendReportView-collection-comments" data-l10n-id="protections-panel-content-blocking-breakage-report-view-collection-comments-label"/>
+ </vbox>
+ <label id="protections-popup-sendReportView-report-error"
+ data-l10n-id="protections-panel-sendreportview-error"
+ hidden="true" role="alert"></label>
+ </vbox>
+ <vbox id="protections-popup-sendReportView-footer"
+ class="panel-footer">
+ <button id="protections-popup-sendReportView-cancel"
+ data-l10n-id="protections-panel-content-blocking-breakage-report-view-cancel"
+ oncommand="gProtectionsHandler._protectionsPopupMultiView.goBack();"/>
+ <button id="protections-popup-sendReportView-submit"
+ default="true"
+ data-l10n-id="protections-panel-content-blocking-breakage-report-view-send-report"
+ oncommand="gProtectionsHandler.onSendReportClicked(); gProtectionsHandler.recordClick('send_report_submit');"/>
+ </vbox>
+ </panelview>
+ </panelmultiview>
+</panel>
+</html:template>