From 7d6bd7cc70a21c9d5655f2f66c409c5e9fb12a7c Mon Sep 17 00:00:00 2001
From: ahosking <alexander.hosking@jumbleberry.com>
Date: Fri, 12 Aug 2022 02:25:59 -0400
Subject: [PATCH] Put data into a table for viewing

---
 templates/index.html | 30 +++++++++++++++++++++++-------
 1 file changed, 23 insertions(+), 7 deletions(-)

diff --git a/templates/index.html b/templates/index.html
index 96c1199..94ccb8e 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -59,11 +59,27 @@
 </form>
 <br>
 Last Mileage
-<ul>
-{% for point in data %}
-  <li>
-  {{ point['time'] }} = {{ point['odometer'] }}, {{point['oilhealth']}}
-  </li>
-{% endfor %}
+<table class="table table-striped">
+<thead>
+  <tr>
+    <th scope="col">Odometer</th>
+    <th scope="col">Time</th>
+    <th scope="col">Oil</th>
+    <th scope="col">Litres</th>
+    <th scope="col">$/Litre</th>
+  </tr>
+</thead>
+<tbody>
+  {% for point in data %}
+  <tr>
+    <th scope="row">{{ point['odometer'] }}</th>
+    <td>{{ point['time'] }}</td>
+    <td>{{ point['oilhealth'] }}</td>
+    <td>{{ point['fuel'] }}</td>
+    <td>{{ point['fuelcost'] }}</td>
+  </tr>
+  {% endfor %}
+</tbody>
+</table>
+
 {% endblock %}
-</ul>