browser/components/preferences/preferences.xhtml

   1 <?xml version="1.0"?>
   2 <!-- This Source Code Form is subject to the terms of the Mozilla Public
   3    - License, v. 2.0. If a copy of the MPL was not distributed with this file,
   4    - You can obtain one at http://mozilla.org/MPL/2.0/. -->
   5
   6 <!DOCTYPE html>
   7
   8 <html xmlns="http://www.w3.org/1999/xhtml"
   9         xmlns:html="http://www.w3.org/1999/xhtml"
  10         role="document"
  11         id="preferences-root">
  12
  13 <head>
  14   <!-- @CSP: We should remove 'unsafe-inline' from style-src, see Bug 1579160 -->
  15   <meta http-equiv="Content-Security-Policy" content="default-src chrome:; img-src chrome: moz-icon: https: blob: data:; style-src chrome: data: 'unsafe-inline'; object-src 'none'" />
  16
  17   <title data-l10n-id="settings-page-title"></title>
  18
  19   <meta name="color-scheme" content="light dark" />
  20   <link rel="stylesheet" href="chrome://global/skin/global.css" />
  21
  22   <link rel="stylesheet" href="chrome://global/skin/in-content/common.css" />
  23   <link
  24     rel="stylesheet"
  25     href="chrome://browser/skin/preferences/preferences.css"
  26   />
  27   <link
  28     rel="stylesheet"
  29     href="chrome://browser/skin/preferences/translations.css"
  30   />
  31   <link
  32     rel="stylesheet"
  33     href="chrome://browser/content/preferences/dialogs/handlers.css"
  34   />
  35   <link
  36     rel="stylesheet"
  37     href="chrome://browser/skin/preferences/applications.css"
  38   />
  39   <link rel="stylesheet" href="chrome://browser/skin/preferences/search.css" />
  40   <link
  41     rel="stylesheet"
  42     href="chrome://browser/skin/preferences/containers.css"
  43   />
  44   <link rel="stylesheet" href="chrome://browser/skin/preferences/privacy.css" />
  45
  46   <link rel="localization" href="branding/brand.ftl"/>
  47   <link rel="localization" href="browser/browser.ftl"/>
  48     <!-- Used by fontbuilder.js -->
  49   <link rel="localization" href="browser/preferences/fonts.ftl"/>
  50   <link rel="localization" href="browser/preferences/moreFromMozilla.ftl"/>
  51   <link rel="localization" href="browser/preferences/preferences.ftl"/>
  52   <link rel="localization" href="toolkit/branding/brandings.ftl"/>
  53   <link rel="localization" href="toolkit/featuregates/features.ftl"/>
  54
  55   <!-- Links below are only used for search-l10n-ids into subdialogs -->
  56   <link rel="localization" href="browser/aboutDialog.ftl"/>
  57   <link rel="localization" href="browser/genai.ftl"/>
  58   <link rel="localization" href="browser/preferences/addEngine.ftl"/>
  59   <link rel="localization" href="browser/preferences/blocklists.ftl"/>
  60   <link rel="localization" href="browser/preferences/clearSiteData.ftl"/>
  61   <link rel="localization" href="browser/preferences/colors.ftl"/>
  62   <link rel="localization" href="browser/preferences/connection.ftl"/>
  63   <link rel="localization" href="browser/preferences/formAutofill.ftl"/>
  64   <link rel="localization" href="browser/preferences/languages.ftl"/>
  65   <link rel="localization" href="browser/preferences/permissions.ftl"/>
  66   <link rel="localization" href="browser/preferences/selectBookmark.ftl"/>
  67   <link rel="localization" href="browser/preferences/siteDataSettings.ftl"/>
  68   <link rel="localization" href="browser/sanitize.ftl"/>
  69   <link rel="localization" href="browser/translations.ftl"/>
  70   <link rel="localization" href="preview/translations.ftl"/>
  71   <link rel="localization" href="preview/enUS-searchFeatures.ftl"/>
  72   <link rel="localization" href="preview/backupSettings.ftl"/>
  73   <link rel="localization" href="security/certificates/certManager.ftl"/>
  74   <link rel="localization" href="security/certificates/deviceManager.ftl"/>
  75   <link rel="localization" href="toolkit/updates/history.ftl"/>
  76   <link rel="localization" href="toolkit/global/profileSelection.ftl"/>
  77
  78   <link rel="shortcut icon" href="chrome://global/skin/icons/settings.svg"/>
  79
  80   <script src="chrome://browser/content/utilityOverlay.js"/>
  81   <script src="chrome://global/content/preferencesBindings.js"/>
  82   <script src="chrome://browser/content/preferences/preferences.js"/>
  83   <script src="chrome://browser/content/preferences/extensionControlled.js"/>
  84   <script src="chrome://browser/content/preferences/findInPage.js"/>
  85   <script src="chrome://browser/content/migration/migration-wizard.mjs" type="module"></script>
  86   <script type="module" src="chrome://browser/content/backup/backup-settings.mjs"></script>
  87 </head>
  88
  89 <html:body xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
  90            id="preferences-body">
  91
  92   <stringbundle id="pkiBundle"
  93                 src="chrome://pippki/locale/pippki.properties"/>
  94   <stringbundle id="browserBundle"
  95                 src="chrome://browser/locale/browser.properties"/>
  96
  97   <stack id="preferences-stack" flex="1">
  98   <hbox flex="1">
  99
 100     <vbox class="navigation">
 101       <!-- category list -->
 102       <richlistbox id="categories" data-l10n-id="category-list" data-l10n-attrs="aria-label">
 103         <richlistitem id="category-general"
 104                       class="category"
 105                       value="paneGeneral"
 106                       helpTopic="prefs-main"
 107                       data-l10n-id="category-general"
 108                       data-l10n-attrs="tooltiptext"
 109                       align="center">
 110           <image class="category-icon"/>
 111           <label class="category-name" flex="1" data-l10n-id="pane-general-title"></label>
 112         </richlistitem>
 113
 114         <richlistitem id="category-home"
 115                       class="category"
 116                       value="paneHome"
 117                       helpTopic="prefs-home"
 118                       data-l10n-id="category-home"
 119                       data-l10n-attrs="tooltiptext"
 120                       align="center">
 121           <image class="category-icon"/>
 122           <label class="category-name" flex="1" data-l10n-id="pane-home-title"></label>
 123         </richlistitem>
 124
 125         <richlistitem id="category-search"
 126                       class="category"
 127                       value="paneSearch"
 128                       helpTopic="prefs-search"
 129                       data-l10n-id="category-search"
 130                       data-l10n-attrs="tooltiptext"
 131                       align="center">
 132           <image class="category-icon"/>
 133           <label class="category-name" flex="1" data-l10n-id="pane-search-title"></label>
 134         </richlistitem>
 135
 136         <richlistitem id="category-privacy"
 137                       class="category"
 138                       value="panePrivacy"
 139                       helpTopic="prefs-privacy"
 140                       data-l10n-id="category-privacy"
 141                       data-l10n-attrs="tooltiptext"
 142                       align="center">
 143           <image class="category-icon"/>
 144           <label class="category-name" flex="1" data-l10n-id="pane-privacy-title"></label>
 145         </richlistitem>
 146
 147         <richlistitem id="category-sync"
 148                       class="category"
 149                       hidden="true"
 150                       value="paneSync"
 151                       helpTopic="prefs-weave"
 152                       data-l10n-id="category-sync3"
 153                       data-l10n-attrs="tooltiptext"
 154                       align="center">
 155           <image class="category-icon"/>
 156           <label class="category-name" flex="1" data-l10n-id="pane-sync-title3"></label>
 157         </richlistitem>
 158
 159         <richlistitem id="category-experimental"
 160                       class="category"
 161                       hidden="true"
 162                       value="paneExperimental"
 163                       helpTopic="prefs-experimental"
 164                       data-l10n-id="settings-category-labs"
 165                       data-l10n-attrs="tooltiptext"
 166                       align="center">
 167           <image class="category-icon"/>
 168           <label class="category-name" flex="1" data-l10n-id="settings-pane-labs-title"></label>
 169         </richlistitem>
 170         <richlistitem id="category-more-from-mozilla"
 171                       class="category"
 172                       hidden="true"
 173                       data-l10n-id="more-from-moz-category"
 174                       data-l10n-attrs="tooltiptext"
 175                       value="paneMoreFromMozilla"
 176                       align="center">
 177           <image class="category-icon"/>
 178           <label class="category-name" flex="1" data-l10n-id="more-from-moz-title"></label>
 179         </richlistitem>
 180
 181         <!-- The following <richlistitem> elements are hidden from the list of items via the hidden-category class.
 182             The intent is that they act as sub-pages, accessible from the UI of one of the main pages, but are
 183             not listed as primary pages themselves via the selector.
 184             These elements need to be hidden with CSS, rather than the "hidden" property, otherwise their
 185             functionality will be disabled.
 186             In the future, we may want to determine a way to support sub-pages in a first-class fashion, rather
 187             than creating them as hidden primary pages like this. For now, any further pages of this kind should
 188             be added in this fashion. -->
 189         <richlistitem
 190                       class="category hidden-category"
 191                       value="paneContainers"
 192                       helpTopic="prefs-containers"/>
 193
 194         <richlistitem
 195                       class="category hidden-category"
 196                       value="paneTranslations"
 197                       helpTopic="prefs-translations"/>
 198
 199       </richlistbox>
 200
 201       <spacer flex="1"/>
 202
 203       <vbox class="sidebar-footer-list">
 204         <html:a id="addonsButton" class="sidebar-footer-link" href="about:addons">
 205           <image class="sidebar-footer-icon addons-icon"/>
 206           <label class="sidebar-footer-label" flex="1" data-l10n-id="addons-button-label"></label>
 207         </html:a>
 208         <html:a id="helpButton" class="sidebar-footer-link" target="_blank"
 209                 is="moz-support-link" support-page="preferences">
 210           <image class="sidebar-footer-icon help-icon"/>
 211           <label class="sidebar-footer-label" flex="1" data-l10n-id="help-button-label"></label>
 212         </html:a>
 213       </vbox>
 214     </vbox>
 215
 216     <keyset>
 217       <key data-l10n-id="focus-search" key="" modifiers="accel" id="focusSearch1"/>
 218     </keyset>
 219
 220     <vbox class="main-content" flex="1" align="start">
 221       <vbox class="pane-container">
 222         <hbox class="sticky-container">
 223           <hbox class="sticky-inner-container" pack="end" align="start">
 224             <hbox id="policies-container" class="info-box-container smaller-font-size" flex="1" hidden="true">
 225               <hbox class="info-icon-container">
 226                 <html:img class="info-icon" data-l10n-attrs="alt" data-l10n-id="managed-notice-info-icon"></html:img>
 227               </hbox>
 228               <hbox align="center" flex="1">
 229                 <html:a href="about:policies" target="_blank" data-l10n-id="managed-notice"/>
 230               </hbox>
 231             </hbox>
 232             <search-textbox
 233               id="searchInput"
 234               data-l10n-id="search-input-box2"
 235               data-l10n-attrs="placeholder, style"
 236               />
 237           </hbox>
 238         </hbox>
 239         <vbox id="mainPrefPane">
 240 #include searchResults.inc.xhtml
 241 #include main.inc.xhtml
 242 #include home.inc.xhtml
 243 #include search.inc.xhtml
 244 #include privacy.inc.xhtml
 245 #include containers.inc.xhtml
 246 #include translations.inc.xhtml
 247 #include sync.inc.xhtml
 248 #include experimental.inc.xhtml
 249 #include moreFromMozilla.inc.xhtml
 250         </vbox>
 251       </vbox>
 252     </vbox>
 253   </hbox>
 254
 255   <stack id="dialogStack" hidden="true"/>
 256   <vbox id="dialogTemplate" class="dialogOverlay" align="center" pack="center" topmost="true" hidden="true">
 257     <vbox class="dialogBox"
 258           pack="end"
 259           role="dialog"
 260           aria-labelledby="dialogTitle">
 261       <hbox class="dialogTitleBar" align="center">
 262         <label class="dialogTitle" flex="1"/>
 263         <button class="dialogClose close-icon"
 264                 data-l10n-id="close-button"/>
 265       </hbox>
 266       <browser class="dialogFrame"
 267                autoscroll="false"
 268                disablehistory="true"/>
 269     </vbox>
 270   </vbox>
 271   </stack>
 272
 273   <html:dialog id="migrationWizardDialog"></html:dialog>
 274 </html:body>
 275 </html>