Prepared for change summary page; added navigation links.

1 files changed, 469 insertions, 0 deletions

diff --git a/web/analysis/tsbmbody.html b/web/analysis/tsbmbody.html
new file mode 100644
index 0000000..69fed8d
--- /dev/null
+++ b/web/analysis/tsbmbody.html
@@ -0,0 +1,469 @@
+<div id="div_tsbm" style="display:none">
+
+<!-- *** BEGIN Main context and selected time series stats ************* -->
+<table style="border:0">
+<tr>
+  <td style="border:0">
+    <a href="help_tsbm.html">help</a>
+  </td>
+</tr>
+
+<tr>
+
+<!-- *** BEGIN Main context *********************************** -->
+<td style="border:0" valign=top>
+<span style="font-size:14; font-weight:bold">Main context:</span>
+<table>
+  <tr>
+    <td class="leadText" id="main_context_database_lead"><b>Database:</b></td>
+    <td id="main_context_database"></td>
+    <script type="text/javascript">
+      setTooltip(
+          $("#main_context_database_lead"),
+          "The database from which the results were extracted.")
+    </script>
+    <td class="leadText" id="main_context_date_lead"><b>Report date:</b></td>
+    <td id="main_context_date"></td>
+    <script type="text/javascript">
+      setTooltip(
+          $("#main_context_date_lead"),
+          "The date at which this web page was generated.")
+    </script>
+  </tr>
+  <tr>
+    <td class="leadText" id="main_context_host_lead"><b>Host:</b></td>
+    <td id="main_context_host" colspan=3></td>
+    <script type="text/javascript">
+      setTooltip(
+          $("#main_context_host_lead"),
+          "The physical computer on which the benchmark producing the " +
+              "results was executed. <b>Note:</b>It is assumed that the " +
+              "HW/SW specifications of the host does not change " +
+              "significantly during the time span of the time series. " +
+              "(The principle here being that significant changes in the " +
+              "time series should be caused by changes in the product " +
+              "(i.e. Qt) only!)")
+    </script>
+  </tr>
+  <tr>
+    <td class="leadText" id="main_context_platform_lead"><b>Platform:</b></td>
+    <td id="main_context_platform" colspan=3></td>
+    <script type="text/javascript">
+      setTooltip(
+          $("#main_context_platform_lead"),
+          "The general environment used for building and executing the " +
+              "product being measured (typically an OS/compiler combination).")
+    </script>
+  </tr>
+  <tr>
+    <td class="leadText" id="main_context_branch_lead"><b>Branch:</b></td>
+    <td id="main_context_branch" colspan=3></td>
+    <script type="text/javascript">
+      setTooltip(
+          $("#main_context_branch_lead"),
+          "Essentially the version of the product being measured. " +
+              "The branch is normally made up of two components: " +
+              "The <i>git repository</i> and the <i>git branch</i>.")
+    </script>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td style="text-align:left" colspan=3>
+    <span class="leadText" id="main_context_snapshots_lead">
+      Target snapshots (</span><span
+        class="leadText_thin" id="main_context_nsnapshots"></span><span
+        class="leadText">):</span>
+    </td>
+    <script type="text/javascript">
+      setTooltip(
+          $("#main_context_snapshots_lead"),
+          "The requested subsequence of snapshots for which relevant " +
+              "results potentially exist in the database. The number of " +
+              "target snapshots is shown in parentheses.")
+    </script>
+    <td class="leadText" id="main_context_days_ago"><b>Days ago:</b></td>
+    <script type="text/javascript">
+      setTooltip(
+          $("#main_context_days_ago"),
+          "Days ago (relative to the report date) since the first " +
+              "observation for this snapshot was uploaded to the database.")
+    </script>
+  </tr>
+  <tr>
+    <td></td><td class="leadText"><b>From SHA-1:</b></td>
+    <td class="contentText_mono_pad" id="main_context_sha11"></td>
+    <td id="main_context_sha11_daysago" style="text-align:right"></td>
+  </tr>
+  <tr>
+    <td></td><td class="leadText"><b>To SHA-1:</b></td>
+    <td class="contentText_mono_pad" id="main_context_sha12"></td>
+    <td id="main_context_sha12_daysago" style="text-align:right"></td>
+  </tr>
+  <tr>
+    <td class="leadText" id="main_context_difftol_lead">
+      <b>Difference tolerance:</b>
+    </td>
+    <td id="main_context_difftol" colspan=3></td>
+    <script type="text/javascript">
+      setTooltip(
+          $("#main_context_difftol_lead"),
+          "A real value &ge; 1 that decides whether a change between two " +
+              "median observations is considered significant or not.")
+    </script>
+  </tr>
+  <tr>
+    <td class="leadText" id="main_context_durtolmin_lead">
+      <b>Minimum durability tolerance:</b>
+    </td>
+    <td id="main_context_durtolmin" colspan=3></td>
+    <script type="text/javascript">
+      setTooltip(
+          $("#main_context_durtolmin_lead"),
+          "The minimum length a contiguous sequence of significantly " +
+              "equal median observations must have for it to achieve a " +
+              "durability score greater than zero. Once the sequence is at " +
+              "least this long, the durability score grows linearly to 1 at " +
+              "a rate that depends on the maximum durability tolerance.")
+    </script>
+  </tr>
+  <tr>
+    <td class="leadText" id="main_context_durtolmax_lead">
+      <b>Maximum durability tolerance:</b>
+    </td>
+    <td id="main_context_durtolmax" colspan=3></td>
+    <script type="text/javascript">
+      setTooltip(
+          $("#main_context_durtolmax_lead"),
+          "The length of a contiguous sequence of significantly equal median " +
+              "observations that is sufficient to achieve the maximum " +
+              "durability score of 1. The durability score for shorter " +
+              "sequences falls linearly to 0 at a rate that depends on the " +
+              "minimum durability tolerance.")
+    </script>
+  </tr>
+</table>
+</td>
+<!-- *** END Main context *********************************** -->
+
+<!-- *** BEGIN Selected time series stats ******************************* -->
+<td valign=top style="border:0; padding-left:20">
+<span id="tgt_snapshots" style="font-size:14; font-weight:bold">
+    Time series statistics:</span>
+<table>
+  <tr>
+    <td class="leadText" id="lead_ms"><b>MS:</b></td>
+    <td class="contentText_pad" id="bmstats_ms"></td>
+    <script type="text/javascript">
+      setTooltip($("#lead_ms"), tooltipText_ms())</script>
+
+    <td class="leadText" id="lead_lsd"><b>LSD:</b></td>
+    <td class="contentText_pad" id="bmstats_lsd" colspan=3></td>
+    <script type="text/javascript">
+      setTooltip($("#lead_lsd"), tooltipText_lsd())</script>
+  </tr>
+  <tr>
+    <td class="leadText" id="lead_ni"><b>NI:</b></td>
+    <td class="contentText_pad" id="bmstats_ni"></td>
+    <script type="text/javascript">
+      setTooltip($("#lead_ni"), tooltipText_ni())</script>
+
+    <td class="leadText" id="lead_nz"><b>NZ:</b></td>
+    <td class="contentText_pad" id="bmstats_nz"></td>
+    <script type="text/javascript">
+      setTooltip($("#lead_nz"), tooltipText_nz())</script>
+
+    <td class="leadText" id="lead_nc"><b>NC:</b></td>
+    <td class="contentText_pad" id="bmstats_nc"></td>
+    <script type="text/javascript">
+      setTooltip($("#lead_nc"), tooltipText_nc())</script>
+  </tr>
+  <tr>
+    <td class="leadText" id="lead_mdrse"><b>MDRSE:</b></td>
+    <td class="contentText_pad" id="bmstats_mdrse"></td>
+    <script type="text/javascript">
+      setTooltip($("#lead_mdrse"), tooltipText_mdrse())</script>
+
+    <td class="leadText" id="lead_rsemd"><b>RSEMD:</b></td>
+    <td class="contentText_pad" id="bmstats_rsemd" colspan=3></td>
+    <script type="text/javascript">
+      setTooltip($("#lead_rsemd"), tooltipText_rsemd())</script>
+  </tr>
+  <tr>
+    <td class="leadText" id="lead_qs"><b>QS:</b></td>
+    <td class="contentText_pad" id="bmstats_qs" colspan=5></td>
+    <script type="text/javascript">
+      setTooltip($("#lead_qs"), tooltipText_qs())</script>
+  </tr>
+  <tr>
+    <td class="leadText" id="lead_lc"><b>LC:</b></td>
+    <td class="contentText_pad" id="bmstats_lc"></td>
+    <script type="text/javascript">
+      setTooltip($("#lead_lc"), tooltipText_lc())</script>
+
+    <td class="leadText" id="lead_lcda"><b>LCDA:</b></td>
+    <td class="contentText_pad" id="bmstats_lcda" colspan=3></td>
+    <script type="text/javascript">
+      setTooltip($("#lead_lcda"), tooltipText_lcda())</script>
+  <tr>
+    <td class="leadText" id="lead_lcms"><b>LCMS:</b></td>
+    <td class="contentText_pad" id="bmstats_lcms" colspan=5></td>
+    <script type="text/javascript">
+      setTooltip($("#lead_lcms"), tooltipText_lcms())</script>
+  </tr>
+  <tr>
+    <td class="leadText" id="lead_lcss"><b>LCSS:</b></td>
+    <td class="contentText_pad" id="bmstats_lcss"></td>
+    <script type="text/javascript">
+      setTooltip($("#lead_lcss"), tooltipText_lcss())</script>
+
+    <td class="leadText" id="lead_lcss1"><b>LCSS1:</b></td>
+    <td class="contentText_pad" id="bmstats_lcss1" colspan=3></td>
+    <script type="text/javascript">
+      setTooltip($("#lead_lcss1"), tooltipText_lcss1())</script>
+  </tr>
+  <tr>
+    <td class="leadText" id="lead_lcgss"><b>LCGSS:</b></td>
+    <td class="contentText_pad" id="bmstats_lcgss"></td>
+    <script type="text/javascript">
+      setTooltip($("#lead_lcgss"), tooltipText_lcgss())</script>
+
+    <td class="leadText" id="lead_lclss"><b>LCLSS:</b></td>
+    <td class="contentText_pad" id="bmstats_lclss" colspan=3></td>
+    <script type="text/javascript">
+      setTooltip($("#lead_lclss"), tooltipText_lclss())</script>
+  </tr>
+  <tr>
+    <td class="leadText" id="lead_lcds1"><b>LCDS1:</b></td>
+    <td class="contentText_pad" id="bmstats_lcds1"></td>
+    <script type="text/javascript">
+      setTooltip($("#lead_lcds1"), tooltipText_lcds1())</script>
+
+    <td class="leadText" id="lead_lcds2"><b>LCDS2:</b></td>
+    <td class="contentText_pad" id="bmstats_lcds2" colspan=3></td>
+    <script type="text/javascript">
+      setTooltip($("#lead_lcds2"), tooltipText_lcds2())</script>
+  </tr>
+</table>
+
+
+</td>
+
+<!-- *** END Selected time series stats ****************************** -->
+
+</tr>
+</table>
+<!-- *** END Main context and selected time series stats ************* -->
+
+<!-- *** BEGIN Time series benchmark and metric ********************** -->
+<br />
+<table style="border:0">
+  <tr>
+    <td style="border:0; padding-left:10px; text-align:right" class="benchmark">
+      <b>Benchmark:</b></td>
+    <td style="border:0; padding:2"><span id="benchmark"></span></td>
+  </tr>
+  <tr>
+    <td style="border:0; padding-left:10px; text-align:right" class="metric">
+      <b>Metric:</b></td>
+    <td style="border:0; padding:2"><span id="metric"></span></td>
+  </tr>
+</table>
+<!-- *** END Time series benchmark and metric ********************** -->
+
+<span id="status4">no status</span>
+<img alt="spinner4" id="spinner4" src="images/ajax-spinner.gif"
+    style="display:none"/>
+<img alt="nospinner4" id="nospinner4" src="images/nospinner.png"
+    style="display:inline"/>
+
+<!-- *** BEGIN Time series plot *********************************** -->
+<table style="border:0; background-color:#eee">
+  <tr>
+    <td style="border:0; padding-right:10px">Median<br />obs.</td>
+    <td style="border:0">
+      <div id="plot_canvas"
+           style="width:1000px; height:200px; background-color:#eee">
+      </div>
+    </td>
+    <td style="border:0; padding-left:10px">Sample<br />size</td>
+  </tr>
+  <tr>
+    <td style="border:0">
+      <div id="div_url_tsbm" style="display:inline">
+        <span style="text-align:left">
+          <a id="url_tsbm" onclick="return false"
+             href="javascript::void(0)">URL</a>
+          <script type="text/javascript">
+            setTooltip(
+              $("#url_tsbm"),
+              "Link to page with details for this time series.<br /><br />" +
+                    "<b>Note:</b> Reloading that page will reflect the most" +
+                    " recent results in the database.")
+          </script>
+        </span>
+      </div>
+    </td>
+    <td style="border:0; text-align:center; padding-top:0">
+      Days since report date
+    </td>
+    <td style="border:0">
+    </td>
+  </tr>
+</table>
+<!-- *** END Time series plot *********************************** -->
+
+<br />
+
+<a id="link_snapshotDetails" href="javascript::void(0)"
+  onclick="toggleSnapshotDetails()">show snapshot details</a>
+
+<!-- *** BEGIN Details of selected snapshot ****************************** -->
+<div id="div_snapshotDetails" style="display:none">
+<table style="border:0">
+  <tr>
+
+<!-- *** BEGIN Base result ****************************** -->
+
+    <td valign=top style="border:0; padding-right:20">
+      <table style="border:0">
+        <tr>
+          <td id="base_result" style="border:0; font-size:14; font-weight:bold">
+            Base result:
+          </td>
+          <script type="text/javascript">
+setTooltip(
+$("#base_result"),
+"The result at the most recent significant change <u>before</u> the selected " +
+"snapshot, or the first result of the time series if there are no " +
+"significant changes before the selected snapshot.");
+          </script>
+        </tr>
+        <tr>
+          <td class="leadText">SHA-1:</td>
+          <td id="base_res_sha1" class="contentText_mono"></td>
+        </tr>
+        <tr>
+          <td valign=top class="leadText" style="text-align:right">Sample:</td>
+          <td valign=top>
+            <div style="overflow:auto; height:170px; width:300px;">
+              <table id="sample1" class="tablesorter" border="0"
+                cellpadding="0" cellspacing="1" style="width:280px">
+                <thead>
+                  <tr>
+                    <th id="sample1_value">Value</th>
+                    <script type="text/javascript">
+setTooltip(
+$("#sample1_value"), "Individual observations.<br />" +
+"The median of valid and positive observations is shown in " +
+"<span style=\"background-color:#ff0\">" +
+"yellow</span>.<br />Invalid observations are shown in " +
+"<span style=\"background-color:#faa\">red</span>.");
+                    </script>
+                    <th id="sample1_daysAgo">Days ago</th>
+                    <script type="text/javascript">
+setTooltip(
+$("#sample1_daysAgo"),
+"Days ago since observation<br />was uploaded to the database.");
+                    </script>
+                    </tr>
+                  </thead>
+                <tbody></tbody>
+              </table>
+            </div>
+          </td>
+        </tr>
+        <tr>
+          <td id="base_res_rse_lead" class="leadText">RSE:</td>
+          <script type="text/javascript">
+setTooltip($("#base_res_rse_lead"), tooltipText_rse_plot())
+          </script>
+          <td id="base_res_rse" class="contentText"></td>
+        </tr>
+        <tr>
+          <td id="base_res_medobs_lead" class="leadText">Median obs.:</td>
+          <script type="text/javascript">
+setTooltip($("#base_res_medobs_lead"), tooltipText_medobs_plot())
+          </script>
+          <td id="base_res_median_obs" class="contentText"></td>
+        </tr>
+      </table>
+    </td>
+
+<!-- *** END Preceding result ****************************** -->
+
+<!-- *** BEGIN Selected snapshot ****************************** -->
+
+    <td valign=top style="border:1; border-style:solid; border-color:#00f">
+      <table style="border:0">
+        <tr>
+          <td style="border:0; font-size:14; font-weight:bold">
+            Selected snapshot:</td>
+        </tr>
+        <tr>
+          <td class="leadText">SHA-1:</td>
+          <td id="curr_sshot_sha1" class="contentText_mono"></td>
+        </tr>
+        <tr>
+          <td valign=top class="leadText" style="text-align:right">Sample:</td>
+          <td valign=top>
+            <div style="overflow:auto; height:170px; width:300px;">
+              <table id="sample2" class="tablesorter" border="0"
+                cellpadding="0" cellspacing="1" style="width:280px">
+                <thead>
+                  <tr>
+                    <th id="sample2_value">Value</th>
+                      <script type="text/javascript">
+setTooltip(
+$("#sample2_value"), "Individual observations.<br />" +
+"The median of valid and positive observations is shown in " +
+"<span style=\"background-color:#ff0\">" +
+"yellow</span>.<br />Invalid observations are shown in " +
+"<span style=\"background-color:#faa\">red</span>.");
+                      </script>
+                    <th id="sample2_daysAgo">Days ago</th>
+                      <script type="text/javascript">
+setTooltip(
+$("#sample2_daysAgo"),
+"Days ago since observation<br />was uploaded to the database.");
+                      </script>
+                    </tr>
+                  </thead>
+                <tbody></tbody>
+              </table>
+            </div>
+          </td>
+        </tr>
+        <tr>
+          <td id="curr_sshot_rse_lead" class="leadText">RSE:</td>
+          <script type="text/javascript">
+setTooltip($("#curr_sshot_rse_lead"), tooltipText_rse_plot())
+          </script>
+          <td id="curr_sshot_rse" class="contentText"></td>
+        </tr>
+        <tr>
+          <td id="curr_sshot_medobs_lead" class="leadText">Median obs.:</td>
+          <script type="text/javascript">
+setTooltip($("#curr_sshot_medobs_lead"), tooltipText_medobs_plot())
+          </script>
+          <td id="curr_sshot_median_obs" class="contentText"></td>
+        </tr>
+        <tr>
+          <td id="curr_sshot_change_lead" class="leadText">Change:</td>
+          <script type="text/javascript">
+setTooltip($("#curr_sshot_change_lead"), tooltipText_change_plot())
+          </script>
+          <td id="curr_sshot_change" class="contentText"></td>
+        </tr>
+      </table>
+    </td>
+
+<!-- *** END Selected snapshot ****************************** -->
+
+  </tr>
+</table>
+</div> <!-- div_snapshotDetails -->
+<!-- *** END Details of selected snapshot ****************************** -->
+
+</div> <!-- div_tsbm -->