From de4df4473cdd994f41230a9337282690319fd353 Mon Sep 17 00:00:00 2001
From: Sander Roosendaal <roosendaalsander@gmail.com>
Date: Thu, 6 Sep 2018 12:29:36 +0200
Subject: [PATCH] reformatting stats page

---
 rowers/templates/workoutstats.html | 135 +++++++++++++++--------------
 1 file changed, 68 insertions(+), 67 deletions(-)

diff --git a/rowers/templates/workoutstats.html b/rowers/templates/workoutstats.html
index 3b1fbc5b..4c5f8644 100644
--- a/rowers/templates/workoutstats.html
+++ b/rowers/templates/workoutstats.html
@@ -8,7 +8,7 @@
 <div class="grid_12 alpha">
   <h1>Workout Statistics for {{ workout.name }}</h1>
   <p>
-    This is an experimental page which just lists a bunch of statistics for
+    This page lists a bunch of statistics for
     your workout. The mean is of a metric is the mean with equal weight for
     each stroke. The time weighted mean takes into account the stroke
     duration.
@@ -43,76 +43,77 @@
     <span class="tooltiptext">If your data source allows, this will show or hide strokes taken during rest intervals.</span>
   </div>
 </div>
-<div class="grid_4 alpha">
-{% if stats %}
-{% for key, value in stats.items %}
-  <h2>{{ value.verbosename }}</h2>
-  <table width="100%" class="listtable">
-    <thead>
-      <tr>
-        <th>Metric</th>
-        <th>Value</th>
-      </tr>
-    </thead>
-    <tbody>
-      <tr>
-        <td>Mean</td><td>{{ value.mean|floatformat:-2 }}</td>
-      </tr><tr>
-        <td>Time Weighted Mean</td><td> {{ value.wmean|floatformat:-2 }}</td>
-      </tr><tr>
-        <td>Minimum</td><td>{{ value.min|floatformat:-2 }}</td>
-      </tr><tr>
-        <td>25&#37;</td><td>{{ value.firstq|floatformat:-2 }}</td>
-      </tr><tr>
-        <td>Median</td><td>{{ value.median|floatformat:-2 }}</td>
-      </tr><tr>
-        <td>75&#37;</td><td>{{ value.thirdq|floatformat:-2 }}</td>
-      </tr><tr>
-        <td>Maximum</td><td>{{ value.max|floatformat:-2 }}</td>
-      </tr><tr>
-        <td>Standard Deviation</td><td>{{ value.std|floatformat:-2 }}</td>
-      </tr>
-    </tbody>
-  </table>  
-{% endfor %}
-{% endif %}
-</div>
-<div class="grid_8 omega">
+
+<div class="grid_12 alpha tooltip">
+  <span class="tooltiptext">
+    <p>rPower: Equivalent steady state power for the duration of the workout.</p>
+    <p>Heart Rate Drift: Comparing heart rate normalized for average power for the first and second half of the workout</p>
+    <p>TRIMP: TRaining IMPact. A way to combine duration and heart rate into a single number.</p>
+    <p>rScore: Score based on rPower and workout duration to estimate training effect</p>
+    <p>rScore (HR): Score based on heart rate, designed to give values comparable to rScore. Used instead of rScore for workouts without power data.</p>
+  </span>
   {% if otherstats %}
-  <div class="grid_4 alpha">
-    &nbsp;
-  </div>
-  <div class="grid_4 omega tooltip">
-    <span class="tooltiptext">
-      <p>rPower: Equivalent steady state power for the duration of the workout.</p>
-      <p>Heart Rate Drift: Comparing heart rate normalized for average power for the first and second half of the workout</p>
-      <p>TRIMP: TRaining IMPact. A way to combine duration and heart rate into a single number.</p>
-      <p>rScore: Score based on rPower and workout duration to estimate training effect</p>
-      <p>rScore (HR): Score based on heart rate, designed to give values comparable to rScore. Used instead of rScore for workouts without power data.</p>
-    </span>
-  <h2>Other Stats</h2>
-  <table width="100%" class="listtable">
-    <thead>
-      <tr>
-        <th>Metric</th>
-        <th>Value</th>
-        <th>Unit</th>
-      </tr>
-    </thead>
-    <tbody>
-  {% for key, value in otherstats.items %}
-  <tr>
-    <td>{{ value.verbose_name }}</td>
-    <td>{{ value.value }}</td>
-    <td>{{ value.unit }}</td>
-  </tr>
-  {% endfor %}
-    </tbody>
-  </table>  
+  <div class="grid_6 alpha">
+    <h2>Workout Metrics</h2>
+    <table width="100%" class="listtable">
+      <thead>
+        <tr>
+          <th>Metric</th>
+          <th>Value</th>
+          <th>Unit</th>
+        </tr>
+      </thead>
+      <tbody>
+        {% for key, value in otherstats.items %}
+        <tr>
+          <td>{{ value.verbose_name }}</td>
+          <td>{{ value.value }}</td>
+          <td>{{ value.unit }}</td>
+        </tr>
+        {% endfor %}
+      </tbody>
+    </table>
   </div>
   {% endif %}
+</div>
 
-  <div class="grid_8 alpha">
+<div class="grid_12 alpha">
+  {% if stats %}
+  <h2>Statistics</h2>
+  <table width="100%" class="listtable">
+    <thead>
+      <tr>
+        <th>Metric</th>
+        <th>Mean</th>
+        <th>Time Weighted Mean</th>
+        <th>Minimum</th>
+        <th>25&#37;</th>
+        <th>Median</th>
+        <th>75&#37;</th>
+        <th>Maximum</th>
+        <th>Standard Deviation</th>
+      </tr>
+    </thead>
+    <tbody>
+      {% for key, value in stats.items %}
+      <tr>
+        <td>{{ value.verbosename }}</td>
+        <td>{{ value.mean|floatformat:-2 }}</td>
+        <td> {{ value.wmean|floatformat:-2 }}</td>
+        <td>{{ value.min|floatformat:-2 }}</td>
+        <td>{{ value.firstq|floatformat:-2 }}</td>
+        <td>{{ value.median|floatformat:-2 }}</td>
+        <td>{{ value.thirdq|floatformat:-2 }}</td>
+        <td>{{ value.max|floatformat:-2 }}</td>
+        <td>{{ value.std|floatformat:-2 }}</td>
+      </tr>
+      {% endfor %}
+    </tbody>
+  </table>  
+  {% endif %}
+</div>
+
+  <div class="grid_12 alpha">
   {% if cordict %}
   <h2> Correlation matrix</h2>
   <p>This matrix indicates a positive (+) or negative (-) correlation between two parameters. The Spearman correlation coefficient has values between +1 and -1. Positive correlation between two metrics means that if one metric increases, the other value is also likely to increase. Negative is the opposite. The further from zero, the higher the likelyhood.