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 http-equiv="Content-Security-Policy" content="default-src chrome: resource:; object-src 'none'" />
  12     <meta name="color-scheme" content="light dark" />
  13     <title data-l10n-id="about-telemetry-page-title"></title>
  14     <link rel="stylesheet" href="chrome://global/content/aboutTelemetry.css"
  15           type="text/css"/>
  16
  17     <script src="chrome://global/content/aboutTelemetry.js"/>
  18     <link rel="localization" href="branding/brand.ftl"/>
  19     <link rel="localization" href="toolkit/about/aboutTelemetry.ftl"/>
  20   </head>
  21
  22   <body id="body">
  23
  24     <div id="categories">
  25       <div class="heading">
  26         <span id="ping-type" class="change-ping dropdown"></span>
  27         <div id="controls" hidden="true">
  28           <span id="older-ping" data-l10n-id="about-telemetry-previous-ping"></span>
  29           <span id="ping-date" class="change-ping"></span>
  30           <span id="newer-ping" data-l10n-id="about-telemetry-next-ping"></span>
  31         </div>
  32       </div>
  33       <div id="category-home" class="category category-no-icon has-data selected" value="home-section">
  34         <span class="category-name" data-l10n-id="about-telemetry-home-section"></span>
  35       </div>
  36       <div class="category category-no-icon" value="general-data-section">
  37         <span class="category-name" data-l10n-id="about-telemetry-general-data-section"></span>
  38       </div>
  39       <div class="category category-no-icon" value="environment-data-section">
  40         <span class="category-name" data-l10n-id="about-telemetry-environment-data-section"></span>
  41       </div>
  42       <div class="category category-no-icon" value="session-info-section">
  43         <span class="category-name" data-l10n-id="about-telemetry-session-info-section"></span>
  44       </div>
  45       <div class="category category-no-icon" value="scalars-section">
  46         <span class="category-name" data-l10n-id="about-telemetry-scalar-section"></span>
  47       </div>
  48       <div class="category category-no-icon" value="keyed-scalars-section">
  49         <span class="category-name" data-l10n-id="about-telemetry-keyed-scalar-section"></span>
  50       </div>
  51       <div class="category category-no-icon" value="histograms-section">
  52         <span class="category-name" data-l10n-id="about-telemetry-histograms-section"></span>
  53       </div>
  54       <div class="category category-no-icon" value="keyed-histograms-section">
  55         <span class="category-name" data-l10n-id="about-telemetry-keyed-histogram-section"></span>
  56       </div>
  57       <div class="category category-no-icon" value="events-section">
  58         <span class="category-name" data-l10n-id="about-telemetry-events-section"></span>
  59       </div>
  60       <div class="category category-no-icon" value="simple-measurements-section">
  61         <span class="category-name" data-l10n-id="about-telemetry-simple-measurements-section"></span>
  62       </div>
  63       <div class="category category-no-icon" value="slow-sql-section">
  64         <span class="category-name" data-l10n-id="about-telemetry-slow-sql-section"></span>
  65       </div>
  66       <div class="category category-no-icon" value="addon-details-section">
  67         <span class="category-name" data-l10n-id="about-telemetry-addon-details-section"></span>
  68       </div>
  69       <div class="category category-no-icon" value="late-writes-section">
  70         <span class="category-name" data-l10n-id="about-telemetry-late-writes-section"></span>
  71       </div>
  72       <div class="category category-no-icon" value="origin-telemetry-section">
  73         <span class="category-name" data-l10n-id="about-telemetry-origin-section"></span>
  74       </div>
  75       <div class="category category-no-icon has-data" value="raw-payload-section">
  76         <span class="category-name" data-l10n-id="about-telemetry-raw-payload-section"></span>
  77       </div>
  78       <div id="category-raw" class="category category-no-icon has-data" value="raw-json-viewer">
  79           <span class="category-name" data-l10n-id="about-telemetry-raw"></span>
  80       </div>
  81     </div>
  82
  83     <div id="main" class="main-content">
  84
  85       <div id="ping-picker" class="hidden">
  86         <div id="ping-source-picker">
  87           <h4 class="title" data-l10n-id="about-telemetry-ping-data-source"></h4>
  88           <label class="radio-container-with-text">
  89             <input type="radio" id="ping-source-current" name="choose-ping-source" value="current" checked="checked" />
  90             <span data-l10n-id="about-telemetry-show-current-data"></span>
  91           </label>
  92           <label id="ping-source-archive-container" class="radio-container-with-text">
  93             <input type="radio" id="ping-source-archive" name="choose-ping-source" value="archive" />
  94             <span data-l10n-id="about-telemetry-show-archived-ping-data"></span>
  95           </label>
  96         </div>
  97         <label id="current-ping-picker" class="toggle-container-with-text">
  98           <input id="show-subsession-data" type="checkbox" checked="checked" />
  99           <span data-l10n-id="about-telemetry-show-subsession-data"></span>
 100         </label>
 101         <div id="archived-ping-picker">
 102           <h4 class="title" data-l10n-id="about-telemetry-choose-ping"></h4>
 103           <div>
 104             <h4 class="title" data-l10n-id="about-telemetry-archive-ping-type"></h4>
 105             <select id="choose-ping-type"></select>
 106           </div>
 107           <div>
 108             <h4 class="title" data-l10n-id="about-telemetry-archive-ping-header"></h4>
 109             <select id="choose-ping-id">
 110               <optgroup data-l10n-id="about-telemetry-option-group-today">
 111               </optgroup>
 112               <optgroup data-l10n-id="about-telemetry-option-group-yesterday">
 113               </optgroup>
 114               <optgroup data-l10n-id="about-telemetry-option-group-older">
 115               </optgroup>
 116             </select>
 117           </div>
 118         </div>
 119       </div>
 120
 121       <div class="header">
 122         <div id="sectionTitle" class="header-name" data-l10n-id="about-telemetry-page-title" />
 123         <div id="sectionFilters">
 124           <label id="storesLabel" for="stores" hidden="true" data-l10n-id="about-telemetry-current-store" />
 125           <select id="stores" hidden="true"></select>
 126           <input type="text" id="search" placeholder="" />
 127         </div>
 128       </div>
 129
 130       <div id="no-search-results" hidden="true" class="hidden">
 131         <span id="no-search-results-text"></span>
 132       </div>
 133
 134       <section id="home-section" class="active">
 135         <p id="page-subtitle"></p>
 136         <p id="settings-explanation"><a id="uploadLink" data-l10n-name="upload-link" class="change-data-choices-link" href="#"></a></p>
 137         <p id="ping-explanation"><a id="pingLink" data-l10n-name="ping-link" href="https://firefox-source-docs.mozilla.org/toolkit/components/telemetry/telemetry/concepts/pings.html"></a></p>
 138         <p data-l10n-id="about-telemetry-more-information"></p>
 139         <ul>
 140           <li data-l10n-id="about-telemetry-firefox-data-doc"><a id="dataDocLink" data-l10n-name="data-doc-link" href="https://docs.telemetry.mozilla.org/"></a></li>
 141           <li data-l10n-id="about-telemetry-telemetry-client-doc"><a id="clientDocLink" data-l10n-name="client-doc-link" href="https://firefox-source-docs.mozilla.org/toolkit/components/telemetry/telemetry/index.html"></a></li>
 142           <li data-l10n-id="about-telemetry-telemetry-dashboard"><a id="dashboardLink" data-l10n-name="dashboard-link" href="https://telemetry.mozilla.org/"></a></li>
 143           <li data-l10n-id="about-telemetry-telemetry-probe-dictionary"><a id="probeDictionaryLink" data-l10n-name="probe-dictionary-link" href="https://probes.telemetry.mozilla.org/"></a></li>
 144         </ul>
 145       </section>
 146
 147       <section id="raw-payload-section">
 148         <button id="payload-json-viewer" data-l10n-id="about-telemetry-show-in-Firefox-json-viewer"></button>
 149         <pre id="raw-payload-data"></pre>
 150       </section>
 151
 152       <section id="general-data-section">
 153         <div id="general-data" class="data"></div>
 154       </section>
 155
 156       <section id="environment-data-section">
 157         <div id="environment-data" class="data"></div>
 158       </section>
 159
 160       <section id="session-info-section">
 161         <div id="session-info" class="data"></div>
 162       </section>
 163
 164       <section id="scalars-section">
 165         <div id="scalars" class="data"></div>
 166       </section>
 167
 168       <section id="keyed-scalars-section">
 169         <div id="keyed-scalars" class="data"></div>
 170       </section>
 171
 172       <section id="histograms-section">
 173         <div id="histograms" class="data"></div>
 174       </section>
 175
 176       <section id="keyed-histograms-section">
 177         <div id="keyed-histograms" class="data"></div>
 178       </section>
 179
 180       <section id="events-section" class="text-search">
 181         <div id="events" class="data"></div>
 182       </section>
 183
 184       <section id="simple-measurements-section">
 185         <div id="simple-measurements" class="data"></div>
 186       </section>
 187
 188       <section id="slow-sql-section">
 189         <p id="sql-warning" data-l10n-id="about-telemetry-full-sql-warning"></p>
 190         <div id="slow-sql-tables" class="data"></div>
 191       </section>
 192
 193       <section id="late-writes-section">
 194         <a id="late-writes-fetch-symbols" href="" data-l10n-id="about-telemetry-fetch-stack-symbols"></a>
 195         <a id="late-writes-hide-symbols" href="" data-l10n-id="about-telemetry-hide-stack-symbols"></a>
 196         <div id="late-writes" class="data"></div>
 197       </section>
 198
 199       <section id="origin-telemetry-section">
 200         <div id="origins-explanation">
 201           <a data-l10n-name="origin-doc-link" href="https://firefox-source-docs.mozilla.org/toolkit/components/telemetry/telemetry/collection/origin.html"></a>
 202           <a data-l10n-name="prio-blog-link" href="https://hacks.mozilla.org/2018/10/testing-privacy-preserving-telemetry-with-prio/"></a>
 203         </div>
 204         <div id="origins" class="data"></div>
 205       </section>
 206
 207       <section id="addon-details-section">
 208         <div id="addon-details" class="data"></div>
 209       </section>
 210     </div>
 211
 212   </body>
 213
 214 </html>