mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-23 10:15:41 +00:00
bb2c1ba418
Allow to display subsection in the sidebar. The user can now select only one subsection to be displayed. MozReview-Commit-ID: HGFyssfZhfE --HG-- extra : rebase_source : 02952fee78710878a0b0ffefce3e0d5216b2eb34
298 lines
12 KiB
HTML
298 lines
12 KiB
HTML
<?xml version="1.0" encoding="UTF-8"?>
|
|
|
|
<!-- 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/. -->
|
|
|
|
<!DOCTYPE html [
|
|
<!ENTITY % htmlDTD PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd"> %htmlDTD;
|
|
<!ENTITY % globalDTD SYSTEM "chrome://global/locale/global.dtd"> %globalDTD;
|
|
<!ENTITY % brandDTD SYSTEM "chrome://branding/locale/brand.dtd"> %brandDTD;
|
|
<!ENTITY % aboutTelemetryDTD SYSTEM "chrome://global/locale/aboutTelemetry.dtd"> %aboutTelemetryDTD;
|
|
]>
|
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<title>&aboutTelemetry.pageTitle;</title>
|
|
|
|
<link rel="stylesheet" href="chrome://global/content/aboutTelemetry.css"
|
|
type="text/css"/>
|
|
|
|
<script type="application/javascript"
|
|
src="chrome://global/content/aboutTelemetry.js"/>
|
|
</head>
|
|
|
|
<body id="body" dir="&locale.dir;">
|
|
|
|
<div id="categories">
|
|
<div class="heading">
|
|
<h3>&aboutTelemetry.pageTitle;</h3>
|
|
</div>
|
|
<div id="category-home" class="category has-data selected" value="home">
|
|
<span class="category-name">Home</span>
|
|
</div>
|
|
<div class="category" value="general-data-section">
|
|
<span class="category-name">&aboutTelemetry.generalDataSection;</span>
|
|
</div>
|
|
<div class="category" value="environment-data-section">
|
|
<span class="category-name">&aboutTelemetry.environmentDataSection;</span>
|
|
</div>
|
|
<div class="category" value="session-info-section">
|
|
<span class="category-name">&aboutTelemetry.sessionInfoSection;</span>
|
|
</div>
|
|
<div class="category" value="scalars-section">
|
|
<span class="category-name">&aboutTelemetry.scalarsSection;</span>
|
|
</div>
|
|
<div class="category" value="keyed-scalars-section">
|
|
<span class="category-name">&aboutTelemetry.keyedScalarsSection;</span>
|
|
</div>
|
|
<div class="category" value="histograms-section">
|
|
<span class="category-name">&aboutTelemetry.histogramsSection;</span>
|
|
</div>
|
|
<div class="category" value="keyed-histograms-section">
|
|
<span class="category-name">&aboutTelemetry.keyedHistogramsSection;</span>
|
|
</div>
|
|
<div class="category" value="events-section">
|
|
<span class="category-name">&aboutTelemetry.eventsSection;</span>
|
|
</div>
|
|
<div class="category" value="simple-measurements-section">
|
|
<span class="category-name">&aboutTelemetry.simpleMeasurementsSection;</span>
|
|
</div>
|
|
<div class="category" value="telemetry-log-section">
|
|
<span class="category-name">&aboutTelemetry.telemetryLogSection;</span>
|
|
</div>
|
|
<div class="category" value="slow-sql-section">
|
|
<span class="category-name">&aboutTelemetry.slowSqlSection;</span>
|
|
</div>
|
|
<div class="category" value="chrome-hangs-section">
|
|
<span class="category-name">&aboutTelemetry.chromeHangsSection;</span>
|
|
</div>
|
|
<div class="category" value="thread-hang-stats-section">
|
|
<span class="category-name">&aboutTelemetry.threadHangStatsSection;</span>
|
|
</div>
|
|
<div class="category" value="late-writes-section">
|
|
<span class="category-name">&aboutTelemetry.lateWritesSection;</span>
|
|
</div>
|
|
<div class="category" value="addon-details-section">
|
|
<span class="category-name">&aboutTelemetry.addonDetailsSection;</span>
|
|
</div>
|
|
<div class="category" value="addon-histograms-section">
|
|
<span class="category-name">&aboutTelemetry.addonHistogramsSection;</span>
|
|
</div>
|
|
<div class="category" value="captured-stacks-section">
|
|
<span class="category-name">&aboutTelemetry.capturedStacksSection;</span>
|
|
</div>
|
|
<div class="category" value="late-writes-section">
|
|
<span class="category-name">&aboutTelemetry.lateWritesSection;</span>
|
|
</div>
|
|
<div id="category-raw" class="category has-data" value="raw-ping-data-section">
|
|
<span class="category-name">&aboutTelemetry.raw;</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="main-content">
|
|
<div class="header">
|
|
<div id="sectionTitle" class="header-name">
|
|
&aboutTelemetry.pageTitle;
|
|
</div>
|
|
</div>
|
|
<div id="home" class="tab active">
|
|
|
|
<h3 id="page-subtitle"></h3>
|
|
<p id="home-explanation"></p>
|
|
<p id="ping-explanation"></p>
|
|
|
|
<div id="ping-picker">
|
|
<div id="ping-source-picker">
|
|
&aboutTelemetry.pingDataSource;<br/>
|
|
<input type="radio" id="ping-source-current" name="choose-ping-source" value="current" checked="checked" />
|
|
&aboutTelemetry.showCurrentPingData;<br />
|
|
<input type="radio" id="ping-source-archive" name="choose-ping-source" value="archive" />
|
|
&aboutTelemetry.showArchivedPingData;<br />
|
|
</div>
|
|
<div id="current-ping-picker">
|
|
<input id="show-subsession-data" type="checkbox" checked="checked" />&aboutTelemetry.showSubsessionData;
|
|
</div>
|
|
<div id="archived-ping-picker" class="hidden">
|
|
&aboutTelemetry.choosePing;<br />
|
|
<button id="newer-ping" type="button">&aboutTelemetry.showNewerPing;</button>
|
|
<button id="older-ping" type="button">&aboutTelemetry.showOlderPing;</button><br />
|
|
<table>
|
|
<tr>
|
|
<th>&aboutTelemetry.archiveWeekHeader;</th>
|
|
<th>&aboutTelemetry.archivePingHeader;</th>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<select id="choose-ping-week">
|
|
</select>
|
|
</td>
|
|
<td>
|
|
<select id="choose-ping-id">
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<table>
|
|
<tr>
|
|
<th>&aboutTelemetry.payloadChoiceHeader;</th>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<select id="choose-payload">
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="raw-ping-data-section" class="tab" hidden="true">
|
|
<pre id="raw-ping-data"></pre>
|
|
</div>
|
|
|
|
<section id="general-data-section" class="tab data-section expanded" hidden="true">
|
|
<input type="checkbox" class="statebox"/>
|
|
<div id="general-data" class="data">
|
|
</div>
|
|
</section>
|
|
|
|
<section id="environment-data-section" class="tab data-section expanded" hidden="true">
|
|
<input type="checkbox" class="statebox"/>
|
|
<div id="environment-data" class="data">
|
|
</div>
|
|
</section>
|
|
|
|
<section id="session-info-section" class="tab data-section expanded" hidden="true">
|
|
<input type="checkbox" class="statebox"/>
|
|
<div id="session-info" class="data">
|
|
</div>
|
|
</section>
|
|
|
|
<section id="scalars-section" class="tab data-section expanded" hidden="true">
|
|
<input type="checkbox" class="statebox"/>
|
|
<div class="processes-ui">
|
|
<select id="scalars-processes" class="process-picker"></select>
|
|
</div>
|
|
<div id="scalars" class="data">
|
|
</div>
|
|
</section>
|
|
|
|
<section id="keyed-scalars-section" class="tab data-section expanded" hidden="true">
|
|
<input type="checkbox" class="statebox"/>
|
|
<div class="processes-ui">
|
|
<select id="keyed-scalars-processes" class="process-picker"></select>
|
|
</div>
|
|
<div id="keyed-scalars" class="data">
|
|
</div>
|
|
</section>
|
|
|
|
<section id="histograms-section" class="tab data-section expanded" hidden="true">
|
|
<input type="checkbox" class="statebox"/>
|
|
<span class="filter-ui">
|
|
&aboutTelemetry.filterText; <input type="text" class="filter" id="histograms-filter" target_id="histograms"/>
|
|
</span>
|
|
<div class="processes-ui">
|
|
<select id="histograms-processes" class="process-picker"></select>
|
|
</div>
|
|
<div id="histograms" class="data">
|
|
</div>
|
|
</section>
|
|
|
|
<section id="keyed-histograms-section" class="tab data-section expanded" hidden="true">
|
|
<input type="checkbox" class="statebox"/>
|
|
<div class="processes-ui">
|
|
<select id="keyed-histograms-processes" class="process-picker"></select>
|
|
</div>
|
|
<div id="keyed-histograms" class="data">
|
|
</div>
|
|
</section>
|
|
|
|
<section id="events-section" class="tab data-section expanded" hidden="true">
|
|
<input type="checkbox" class="statebox"/>
|
|
<div class="processes-ui">
|
|
<select id="events-processes" class="process-picker"></select>
|
|
</div>
|
|
<div id="events" class="data">
|
|
</div>
|
|
</section>
|
|
|
|
<section id="simple-measurements-section" class="tab data-section expanded" hidden="true">
|
|
<input type="checkbox" class="statebox"/>
|
|
<div id="simple-measurements" class="data">
|
|
</div>
|
|
</section>
|
|
|
|
<section id="telemetry-log-section" class="tab data-section expanded" hidden="true">
|
|
<input type="checkbox" class="statebox"/>
|
|
<div id="telemetry-log" class="data">
|
|
</div>
|
|
</section>
|
|
|
|
<section id="slow-sql-section" class="tab data-section expanded" hidden="true">
|
|
<input type="checkbox" class="statebox"/>
|
|
<div id="slow-sql-tables" class="data">
|
|
<p id="sql-warning" class="hidden">&aboutTelemetry.fullSqlWarning;</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="chrome-hangs-section" class="tab data-section expanded" hidden="true">
|
|
<input type="checkbox" class="statebox"/>
|
|
<div id="chrome-hangs" class="data">
|
|
<a id="chrome-hangs-fetch-symbols" href="#">&aboutTelemetry.fetchStackSymbols;</a>
|
|
<a id="chrome-hangs-hide-symbols" class="hidden" href="#">&aboutTelemetry.hideStackSymbols;</a>
|
|
<br/>
|
|
<br/>
|
|
<div id="chrome-hangs-data">
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="thread-hang-stats-section" class="tab data-section expanded" hidden="true">
|
|
<input type="checkbox" class="statebox"/>
|
|
<div id="thread-hang-stats" class="data">
|
|
</div>
|
|
</section>
|
|
|
|
<section id="late-writes-section" class="tab data-section expanded" hidden="true">
|
|
<input type="checkbox" class="statebox"/>
|
|
<div id="late-writes" class="data">
|
|
<a id="late-writes-fetch-symbols" href="#">&aboutTelemetry.fetchStackSymbols;</a>
|
|
<a id="late-writes-hide-symbols" class="hidden" href="#">&aboutTelemetry.hideStackSymbols;</a>
|
|
<br/>
|
|
<br/>
|
|
<div id="late-writes-data">
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="addon-details-section" class="tab data-section expanded" hidden="true">
|
|
<input type="checkbox" class="statebox"/>
|
|
<div id="addon-details" class="data">
|
|
</div>
|
|
</section>
|
|
|
|
<section id="addon-histograms-section" class="tab data-section expanded" hidden="true">
|
|
<input type="checkbox" class="statebox"/>
|
|
<div id="addon-histograms" class="data">
|
|
</div>
|
|
</section>
|
|
|
|
<section id="captured-stacks-section" class="tab data-section expanded" hidden="true">
|
|
<input type="checkbox" class="statebox"/>
|
|
<div id="captured-stacks" class="data">
|
|
<a id="captured-stacks-fetch-symbols" href="#">&aboutTelemetry.fetchStackSymbols;</a>
|
|
<a id="captured-stacks-hide-symbols" class="hidden" href="#">&aboutTelemetry.hideStackSymbols;</a>
|
|
<br/>
|
|
<br/>
|
|
<div id="captured-stacks-data">
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html>
|