Bug 1175519 - Expose raw ping json data on about:telemetry. r=gfritzsche

toolkit/content/aboutTelemetry.css

@@ -227,3 +227,25 @@ body[dir="rtl"] .copy-node {
 .filter-blocked {
   display: none;
 }
+
+#raw-ping-data-section {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0px;
+  left: 0px;
+  background-color:-moz-Dialog;
+}
+
+#raw-ping-data {
+  background-color:white;
+  margin: 0px;
+}
+
+#hide-raw-ping {
+  float: right;
+  cursor: pointer;
+  font-size: 20px;
+  background-color:#d8d8d8;
+  padding: 5px 10px;
+}

toolkit/content/aboutTelemetry.js

@@ -298,7 +298,10 @@ var PingPicker = {
             .addEventListener("click", () => this._movePingIndex(-1), false);
     document.getElementById("older-ping")
             .addEventListener("click", () => this._movePingIndex(1), false);
-
+    document.getElementById("show-raw-ping")
+            .addEventListener("click", () => this._showRawPingData(), false);
+    document.getElementById("hide-raw-ping")
+            .addEventListener("click", () => this._hideRawPingData(), false);
     document.getElementById("choose-payload")
             .addEventListener("change", () => displayPingData(gPingData), false);
   },
@@ -448,6 +451,16 @@ var PingPicker = {
     this._renderPingList(ping.id);
     this._updateArchivedPingData();
   },
+
+  _showRawPingData: function() {
+    let pre = document.getElementById("raw-ping-data");
+    pre.textContent = JSON.stringify(gPingData, null, 2);
+    document.getElementById("raw-ping-data-section").classList.remove("hidden");
+  },
+
+  _hideRawPingData: function() {
+    document.getElementById("raw-ping-data-section").classList.add("hidden");
+  },
 };
 
 var GeneralData = {

toolkit/content/aboutTelemetry.xhtml

@@ -58,6 +58,7 @@
           <input type="radio" id="ping-source-archive" name="choose-ping-source" value="archive" />
           &aboutTelemetry.showArchivedPingData;<br />
         </div>
+        <button id="show-raw-ping" type="button">&aboutTelemetry.rawPingData;</button>
         <div id="current-ping-picker">
           <input id="show-subsession-data" type="checkbox" />&aboutTelemetry.showSubsessionData;
         </div>
@@ -96,6 +97,11 @@
       </div>
     </header>
 
+    <div id="raw-ping-data-section" class="hidden">
+      <div id="hide-raw-ping">&#10006;</div>
+      <pre id="raw-ping-data"></pre>
+    </div>
+
     <section id="general-data-section" class="data-section">
       <input type="checkbox" class="statebox"/>
       <h1 class="section-name">&aboutTelemetry.generalDataSection;</h1>

toolkit/locales/en-US/chrome/global/aboutTelemetry.dtd

@@ -52,6 +52,10 @@ Choose ping:
 Older ping >>
 ">
 
+<!ENTITY aboutTelemetry.rawPingData "
+Raw ping data ...
+">
+
 <!ENTITY aboutTelemetry.archiveWeekHeader "
 Week
 ">