toolkit/content/aboutTelemetry.xhtml

   1 <?xml version="1.0" encoding="UTF-8"?>
   2
   3 <!-- This Source Code Form is subject to the terms of the Mozilla Public
   4    - License, v. 2.0. If a copy of the MPL was not distributed with this
   5    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
   6
   7 <!DOCTYPE html>
   8
   9 <html xmlns="http://www.w3.org/1999/xhtml">
  10   <head>
  11     <meta
  12       http-equiv="Content-Security-Policy"
  13       content="default-src chrome: resource:; object-src 'none'"
  14     />
  15     <meta name="color-scheme" content="light dark" />
  16     <title data-l10n-id="about-telemetry-page-title"></title>
  17     <link
  18       rel="stylesheet"
  19       href="chrome://global/content/aboutTelemetry.css"
  20       type="text/css"
  21     />
  22
  23     <script src="chrome://global/content/aboutTelemetry.js" />
  24     <link rel="localization" href="branding/brand.ftl" />
  25     <link rel="localization" href="toolkit/about/aboutTelemetry.ftl" />
  26   </head>
  27
  28   <body id="body">
  29     <div id="categories">
  30       <div class="heading">
  31         <span id="ping-type" class="change-ping dropdown"></span>
  32         <div id="controls" hidden="true">
  33           <span
  34             id="older-ping"
  35             data-l10n-id="about-telemetry-previous-ping"
  36           ></span>
  37           <span id="ping-date" class="change-ping"></span>
  38           <span id="newer-ping" data-l10n-id="about-telemetry-next-ping"></span>
  39         </div>
  40       </div>
  41       <div
  42         id="category-home"
  43         class="category category-no-icon has-data selected"
  44         value="home-section"
  45       >
  46         <span
  47           class="category-name"
  48           data-l10n-id="about-telemetry-home-section"
  49         ></span>
  50       </div>
  51       <div class="category category-no-icon" value="general-data-section">
  52         <span
  53           class="category-name"
  54           data-l10n-id="about-telemetry-general-data-section"
  55         ></span>
  56       </div>
  57       <div class="category category-no-icon" value="environment-data-section">
  58         <span
  59           class="category-name"
  60           data-l10n-id="about-telemetry-environment-data-section"
  61         ></span>
  62       </div>
  63       <div class="category category-no-icon" value="session-info-section">
  64         <span
  65           class="category-name"
  66           data-l10n-id="about-telemetry-session-info-section"
  67         ></span>
  68       </div>
  69       <div class="category category-no-icon" value="scalars-section">
  70         <span
  71           class="category-name"
  72           data-l10n-id="about-telemetry-scalar-section"
  73         ></span>
  74       </div>
  75       <div class="category category-no-icon" value="keyed-scalars-section">
  76         <span
  77           class="category-name"
  78           data-l10n-id="about-telemetry-keyed-scalar-section"
  79         ></span>
  80       </div>
  81       <div class="category category-no-icon" value="histograms-section">
  82         <span
  83           class="category-name"
  84           data-l10n-id="about-telemetry-histograms-section"
  85         ></span>
  86       </div>
  87       <div class="category category-no-icon" value="keyed-histograms-section">
  88         <span
  89           class="category-name"
  90           data-l10n-id="about-telemetry-keyed-histogram-section"
  91         ></span>
  92       </div>
  93       <div class="category category-no-icon" value="events-section">
  94         <span
  95           class="category-name"
  96           data-l10n-id="about-telemetry-events-section"
  97         ></span>
  98       </div>
  99       <div
 100         class="category category-no-icon"
 101         value="simple-measurements-section"
 102       >
 103         <span
 104           class="category-name"
 105           data-l10n-id="about-telemetry-simple-measurements-section"
 106         ></span>
 107       </div>
 108       <div class="category category-no-icon" value="slow-sql-section">
 109         <span
 110           class="category-name"
 111           data-l10n-id="about-telemetry-slow-sql-section"
 112         ></span>
 113       </div>
 114       <div class="category category-no-icon" value="addon-details-section">
 115         <span
 116           class="category-name"
 117           data-l10n-id="about-telemetry-addon-details-section"
 118         ></span>
 119       </div>
 120       <div class="category category-no-icon" value="late-writes-section">
 121         <span
 122           class="category-name"
 123           data-l10n-id="about-telemetry-late-writes-section"
 124         ></span>
 125       </div>
 126       <div
 127         class="category category-no-icon has-data"
 128         value="raw-payload-section"
 129       >
 130         <span
 131           class="category-name"
 132           data-l10n-id="about-telemetry-raw-payload-section"
 133         ></span>
 134       </div>
 135       <div
 136         id="category-raw"
 137         class="category category-no-icon has-data"
 138         value="raw-json-viewer"
 139       >
 140         <span class="category-name" data-l10n-id="about-telemetry-raw"></span>
 141       </div>
 142     </div>
 143
 144     <div id="main" class="main-content">
 145       <div id="ping-picker" class="hidden">
 146         <div id="ping-source-picker">
 147           <h4
 148             class="title"
 149             data-l10n-id="about-telemetry-ping-data-source"
 150           ></h4>
 151           <label class="radio-container-with-text">
 152             <input
 153               type="radio"
 154               id="ping-source-current"
 155               name="choose-ping-source"
 156               value="current"
 157               checked="checked"
 158             />
 159             <span data-l10n-id="about-telemetry-show-current-data"></span>
 160           </label>
 161           <label
 162             id="ping-source-archive-container"
 163             class="radio-container-with-text"
 164           >
 165             <input
 166               type="radio"
 167               id="ping-source-archive"
 168               name="choose-ping-source"
 169               value="archive"
 170             />
 171             <span data-l10n-id="about-telemetry-show-archived-ping-data"></span>
 172           </label>
 173         </div>
 174         <label id="current-ping-picker" class="toggle-container-with-text">
 175           <input id="show-subsession-data" type="checkbox" checked="checked" />
 176           <span data-l10n-id="about-telemetry-show-subsession-data"></span>
 177         </label>
 178         <div id="archived-ping-picker">
 179           <h4 class="title" data-l10n-id="about-telemetry-choose-ping"></h4>
 180           <div>
 181             <h4
 182               class="title"
 183               data-l10n-id="about-telemetry-archive-ping-type"
 184             ></h4>
 185             <select id="choose-ping-type"></select>
 186           </div>
 187           <div>
 188             <h4
 189               class="title"
 190               data-l10n-id="about-telemetry-archive-ping-header"
 191             ></h4>
 192             <select id="choose-ping-id">
 193               <optgroup
 194                 data-l10n-id="about-telemetry-option-group-today"
 195               ></optgroup>
 196               <optgroup
 197                 data-l10n-id="about-telemetry-option-group-yesterday"
 198               ></optgroup>
 199               <optgroup
 200                 data-l10n-id="about-telemetry-option-group-older"
 201               ></optgroup>
 202             </select>
 203           </div>
 204         </div>
 205       </div>
 206
 207       <div class="header">
 208         <h1
 209           id="sectionTitle"
 210           class="header-name"
 211           data-l10n-id="about-telemetry-page-title"
 212         />
 213         <div id="sectionFilters">
 214           <label
 215             id="storesLabel"
 216             for="stores"
 217             hidden="true"
 218             data-l10n-id="about-telemetry-current-store"
 219           />
 220           <select id="stores" hidden="true"></select>
 221           <input type="text" id="search" placeholder="" />
 222         </div>
 223       </div>
 224
 225       <div id="no-search-results" hidden="true" class="hidden">
 226         <span id="no-search-results-text"></span>
 227       </div>
 228
 229       <section id="home-section" class="active">
 230         <p id="page-subtitle"></p>
 231         <p id="settings-explanation">
 232           <a
 233             id="uploadLink"
 234             data-l10n-name="upload-link"
 235             class="change-data-choices-link"
 236             href="#"
 237           ></a>
 238         </p>
 239         <p id="ping-explanation">
 240           <a
 241             id="pingLink"
 242             data-l10n-name="ping-link"
 243             href="https://firefox-source-docs.mozilla.org/toolkit/components/telemetry/telemetry/concepts/pings.html"
 244           ></a>
 245         </p>
 246         <p data-l10n-id="about-telemetry-more-information"></p>
 247         <ul>
 248           <li data-l10n-id="about-telemetry-firefox-data-doc">
 249             <a
 250               id="dataDocLink"
 251               data-l10n-name="data-doc-link"
 252               href="https://docs.telemetry.mozilla.org/"
 253             ></a>
 254           </li>
 255           <li data-l10n-id="about-telemetry-telemetry-client-doc">
 256             <a
 257               id="clientDocLink"
 258               data-l10n-name="client-doc-link"
 259               href="https://firefox-source-docs.mozilla.org/toolkit/components/telemetry/telemetry/index.html"
 260             ></a>
 261           </li>
 262           <li data-l10n-id="about-telemetry-telemetry-dashboard">
 263             <a
 264               id="dashboardLink"
 265               data-l10n-name="dashboard-link"
 266               href="https://telemetry.mozilla.org/"
 267             ></a>
 268           </li>
 269           <li data-l10n-id="about-telemetry-telemetry-probe-dictionary">
 270             <a
 271               id="probeDictionaryLink"
 272               data-l10n-name="probe-dictionary-link"
 273               href="https://probes.telemetry.mozilla.org/"
 274             ></a>
 275           </li>
 276         </ul>
 277       </section>
 278
 279       <section id="raw-payload-section">
 280         <button
 281           id="payload-json-viewer"
 282           data-l10n-id="about-telemetry-show-in-Firefox-json-viewer"
 283         ></button>
 284         <pre id="raw-payload-data"></pre>
 285       </section>
 286
 287       <section id="general-data-section">
 288         <div id="general-data" class="data"></div>
 289       </section>
 290
 291       <section id="environment-data-section">
 292         <div id="environment-data" class="data"></div>
 293       </section>
 294
 295       <section id="session-info-section">
 296         <div id="session-info" class="data"></div>
 297       </section>
 298
 299       <section id="scalars-section">
 300         <div id="scalars" class="data"></div>
 301       </section>
 302
 303       <section id="keyed-scalars-section">
 304         <div id="keyed-scalars" class="data"></div>
 305       </section>
 306
 307       <section id="histograms-section">
 308         <div id="histograms" class="data"></div>
 309       </section>
 310
 311       <section id="keyed-histograms-section">
 312         <div id="keyed-histograms" class="data"></div>
 313       </section>
 314
 315       <section id="events-section" class="text-search">
 316         <div id="events" class="data"></div>
 317       </section>
 318
 319       <section id="simple-measurements-section">
 320         <div id="simple-measurements" class="data"></div>
 321       </section>
 322
 323       <section id="slow-sql-section">
 324         <p id="sql-warning" data-l10n-id="about-telemetry-full-sql-warning"></p>
 325         <div id="slow-sql-tables" class="data"></div>
 326       </section>
 327
 328       <section id="late-writes-section">
 329         <a
 330           id="late-writes-fetch-symbols"
 331           href=""
 332           data-l10n-id="about-telemetry-fetch-stack-symbols"
 333         ></a>
 334         <a
 335           id="late-writes-hide-symbols"
 336           href=""
 337           data-l10n-id="about-telemetry-hide-stack-symbols"
 338         ></a>
 339         <div id="late-writes" class="data"></div>
 340       </section>
 341
 342       <section id="addon-details-section">
 343         <div id="addon-details" class="data"></div>
 344       </section>
 345     </div>
 346   </body>
 347 </html>