nagai/fune
3
0
Fork 0
forked from mirrors/gecko-dev
Code Pull requests Activity
fune/browser/components/controlcenter/content/protectionsPanel.inc.xhtml
Itiel 630b1a8f1f Bug 1869574 - Refactor the headerText setter to cater for more panelview needs r=twisniewski,Gijs,translations-reviewers 
This introduces `mainview-with-header` attribute for panels that their
mainview should have a header (no matter where they appear); and
`has-custom-header` for panels that their panelview (not necessarily a
mainview) has a custom design for a header, one that headerText setter
can't anticipate in advance (due to UX needs that may arise).
If one of these attributes are set on the panel, this signals headerText
that the panelview's header should NOT be removed and that the markup
should be respected.

Differential Revision: https://phabricator.services.mozilla.com/D196671
2024-01-09 17:01:25 +00:00

425 lines
27 KiB
HTML
Raw Blame History

<!-- 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);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="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">
<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>
<hbox id="protections-popup-tp-switch-section-footer">
<toolbarbutton id="protections-popup-tp-switch-breakage-link"
oncommand="gProtectionsHandler.showSiteNotWorkingView(); gProtectionsHandler.recordClick('sitenotworking_link');"
class="subviewbutton subviewbutton-nav" align="center" flex="1">
<label flex="1" class="toolbarbutton-text" data-l10n-id="protections-panel-site-not-working"></label>
</toolbarbutton>
<toolbarbutton id="protections-popup-tp-switch-breakage-fixed-link"
oncommand="gProtectionsHandler.showSendReportView(); gProtectionsHandler.recordClick('sitenotworking_link', 'sitefixed');"
class="subviewbutton subviewbutton-nav" align="center" flex="1">
<label flex="1" class="toolbarbutton-text" data-l10n-id="protections-panel-sitefixedsendreport-label"></label>
</toolbarbutton>
</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>
<!-- 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-box" flex="1" align="stretch">
<html:moz-toggle id="protections-popup-siteNotWorking-tp-switch" data-l10n-attrs="label, description"></html:moz-toggle>
</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:li data-l10n-id="protections-panel-site-not-working-view-issue-list-fonts"
id="protections-panel-site-not-working-view-issue-list-fonts"></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>
<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>
<!-- 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 id="protections-popup-sendReportView-description">
<label data-l10n-id="protections-panel-content-blocking-breakage-report-view-description2"/>
<html:a id="protections-popup-sendReportView-learn-more"
is="moz-support-link"
support-page="blocking-breakage" />
</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>
<html:moz-button-group id="protections-popup-sendReportView-footer"
class="panel-footer">
<button id="protections-popup-sendReportView-cancel"
class="footer-button"
data-l10n-id="protections-panel-content-blocking-breakage-report-view-cancel"
oncommand="gProtectionsHandler._protectionsPopupMultiView.goBack();"/>
<button id="protections-popup-sendReportView-submit"
class="footer-button"
default="true"
data-l10n-id="protections-panel-content-blocking-breakage-report-view-send-report"
oncommand="gProtectionsHandler.onSendReportClicked(); gProtectionsHandler.recordClick('send_report_submit');"/>
</html:moz-button-group>
</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>
View git blame Copy permalink