xref: /aosp_15_r20/external/rappor/ui/metric.html (revision 2abb31345f6c95944768b5222a9a5ed3fc68cc00)
1*2abb3134SXin Li<!DOCTYPE html>
2*2abb3134SXin Li<html>
3*2abb3134SXin Li  <head>
4*2abb3134SXin Li    <title>Metric Results</title>
5*2abb3134SXin Li
6*2abb3134SXin Li    <script type="text/javascript" src="static/dygraph-combined.js"></script>
7*2abb3134SXin Li
8*2abb3134SXin Li    <link rel="stylesheet" type="text/css" href="static/table-sort.css" />
9*2abb3134SXin Li    <script type="text/javascript" src="static/table-lib.js"></script>
10*2abb3134SXin Li
11*2abb3134SXin Li    <link rel="stylesheet" type="text/css" href="static/ui.css" />
12*2abb3134SXin Li    <script type="text/javascript" src="static/ui.js"></script>
13*2abb3134SXin Li  </head>
14*2abb3134SXin Li
15*2abb3134SXin Li  <body onload="initMetric(gUrlHash, gTableStates, kStatusElem, globals);"
16*2abb3134SXin Li        onhashchange="onHashChange(gUrlHash, gTableStates, kStatusElem);">
17*2abb3134SXin Li    <p id="status"></p>
18*2abb3134SXin Li
19*2abb3134SXin Li    <p style="text-align: right">
20*2abb3134SXin Li      <a href="../home.html">Home</a> /
21*2abb3134SXin Li      <a href="overview.html">Overview</a> /
22*2abb3134SXin Li      <a href="histograms.html">Histograms</a>
23*2abb3134SXin Li    </p>
24*2abb3134SXin Li
25*2abb3134SXin Li    <!-- NOTE: There is a metric description here.  Get it from the XML file.
26*2abb3134SXin Li    -->
27*2abb3134SXin Li
28*2abb3134SXin Li    <h1 id="metricName"></h1>  <!-- filled in by JS -->
29*2abb3134SXin Li
30*2abb3134SXin Li    <p id="metricDesc"></p>  <!-- filled in by JS -->
31*2abb3134SXin Li
32*2abb3134SXin Li    <h2>Estimated Proportions</h2>
33*2abb3134SXin Li    <p>NOTE: Only the top 5 values for each day are shown</p>
34*2abb3134SXin Li
35*2abb3134SXin Li    <!--
36*2abb3134SXin Li      NOTE: Setting customBars: false removes the entire line?  That's lame.
37*2abb3134SXin Li    <p>
38*2abb3134SXin Li      <label>
39*2abb3134SXin Li        <input type="checkbox" checked="checked"
40*2abb3134SXin Li               onclick="onMetricCheckboxClick(this, globals.proportionsDygraph);">
41*2abb3134SXin Li        Show Error Bars
42*2abb3134SXin Li      </label>
43*2abb3134SXin Li    </p>
44*2abb3134SXin Li    -->
45*2abb3134SXin Li    <p class="dy" id="proportionsDy"></p>
46*2abb3134SXin Li    <p>
47*2abb3134SXin Li      Underlying data: <a id="underlying-dist" href="">dist.csv</a>
48*2abb3134SXin Li    </p>
49*2abb3134SXin Li
50*2abb3134SXin Li    <h2>Number of Reports</h2>
51*2abb3134SXin Li
52*2abb3134SXin Li    <p class="dy" id="num-reports-dy" align="center"></p>
53*2abb3134SXin Li    <!-- underlying data here is in status.csv? -->
54*2abb3134SXin Li
55*2abb3134SXin Li    <h2>Unallocated Mass</h2>
56*2abb3134SXin Li
57*2abb3134SXin Li    <p class="dy" id="mass-dy" align="center"></p>
58*2abb3134SXin Li
59*2abb3134SXin Li    <p>
60*2abb3134SXin Li      Plot Help: Drag horizontally to <b>zoom to selection</b>.  Double click
61*2abb3134SXin Li      to <b>zoom out</b>.  Shift + drag to <b>pan</b>.
62*2abb3134SXin Li    </p>
63*2abb3134SXin Li
64*2abb3134SXin Li    <h2>Task Status</h2>
65*2abb3134SXin Li
66*2abb3134SXin Li    <table id="status_table">
67*2abb3134SXin Li    </table>
68*2abb3134SXin Li
69*2abb3134SXin Li    <p>
70*2abb3134SXin Li      <!-- link depends on fragment; filled in by JS -->
71*2abb3134SXin Li      Underlying data: <a id="underlying-status" href="">status.csv</a>
72*2abb3134SXin Li    </p>
73*2abb3134SXin Li
74*2abb3134SXin Li    <!-- page globals -->
75*2abb3134SXin Li    <script type="text/javascript">
76*2abb3134SXin Li      var globals = {proportionsDygraph: null};
77*2abb3134SXin Li      var gUrlHash = new UrlHash(location.hash);
78*2abb3134SXin Li      var gTableStates = {};
79*2abb3134SXin Li      var kStatusElem = document.getElementById('status');
80*2abb3134SXin Li    </script>
81*2abb3134SXin Li
82*2abb3134SXin Li  </body>
83*2abb3134SXin Li</html>
84