From c430f7eaa73ff0dacfdf7f0a1b8d14376c58058f Mon Sep 17 00:00:00 2001
From: Yuval Adam <_@yuv.al>
Date: Mon, 28 Sep 2020 23:15:02 +0300
Subject: Drop grouped predictions and render table in vue

---
 iss/templates/passes.html | 29 +++++++++++------------------
 1 file changed, 11 insertions(+), 18 deletions(-)

(limited to 'iss/templates/passes.html')

diff --git a/iss/templates/passes.html b/iss/templates/passes.html
index 10fb52b..a0ea45e 100644
--- a/iss/templates/passes.html
+++ b/iss/templates/passes.html
@@ -16,7 +16,6 @@
             <th colspan="2">Set</th>
         </tr>
         <tr class="pa1 f4">
-            <th>Date</th>
             <th>Length</th>
             <th>Time</th>
             <th>Azimuth</th>
@@ -27,23 +26,17 @@
             <th>Time</th>
             <th>Azimuth</th>
         </tr>
-        {% for date, preds in predictions.items() %}
-            {% set date_loop = loop %}
-            {% for pred in preds %}
-            <tr class="pa1 {{ date_loop.cycle('light-silver', 'light-gray') }}">
-                {% if loop.first %}<td rowspan="{{ preds|length }}">{{ date }}</td>{% endif %}
-                <td>{{ pred.length }}</td>
-                <td>{{ pred.rise.time }}</td>
-                <td>{{ pred.rise.azimuth }} ({{ pred.rise.direction }})</td>
-                <td>{{ pred.culminate.time }}</td>
-                <td>{{ pred.culminate.azimuth }} ({{ pred.culminate.direction }})</td>
-                <td>{{ pred.culminate.degrees }}</td>
-                <td>{{ pred.culminate.distance }}</td>
-                <td>{{ pred.set.time }}</td>
-                <td>{{ pred.set.azimuth }} ({{ pred.set.direction }}) </td>
-            </tr>
-            {% endfor %}
-        {% endfor %}
+        <tr class="pa1" v-for="pred in predictions">
+            <td>[[ pred.length ]]</td>
+            <td>[[ pred.rise.time ]]</td>
+            <td>[[ pred.rise.azimuth ]] ([[ pred.rise.direction ]])</td>
+            <td>[[ pred.culminate.time ]]</td>
+            <td>[[ pred.culminate.azimuth ]] ([[ pred.culminate.direction ]])</td>
+            <td>[[ pred.culminate.degrees ]]</td>
+            <td>[[ pred.culminate.distance ]]</td>
+            <td>[[ pred.set.time ]]</td>
+            <td>[[ pred.set.azimuth ]] ([[ pred.set.direction ]]) </td>
+        </tr>
     </table>
 </div>
 
-- 
cgit v1.3.1