From 59d1058100be53832170c6ed8d17723202a80cfa Mon Sep 17 00:00:00 2001
From: kaotisk <kaotisk@arching-kaos.org>
Date: Mon, 14 Oct 2024 01:59:02 +0300
Subject: More fields in HTML and some fixes on the layout

---
 client/index.html | 56 ++++++++++++++++++++++++++++++++++++++++++++++---------
 1 file changed, 47 insertions(+), 9 deletions(-)

diff --git a/client/index.html b/client/index.html
index 3f5c809..4205746 100644
--- a/client/index.html
+++ b/client/index.html
@@ -50,35 +50,73 @@
                 <table>
                     <tr>
                         <th>Artist</th>
-                        <th>Title</th>
-                        <th>Starts On</th>
+                        <td class="artist"></td>
                     </tr>
                     <tr>
-                        <td class="artist"></td>
+                        <th>Title</th>
                         <td class="title"></td>
+                    </tr>
+                    <tr>
+                        <th>Starts On</th>
                         <td class="starts-on"></td>
                     </tr>
+                    <tr>
+                        <th>Duration</th>
+                        <td class="show-duration"></td>
+                    </tr>
                 </table>
+                <h3>Show info (JSON)</h3>
+                <pre class="show-info"></pre>
+                <h3>Hash of current show</h3>
+                <p style="overflow-x: auto;" class="current-show-hash"></p>
             </div>
             <h2>Sync info</h2>
             <div class="groups">
                 <table>
                     <tr>
-                        <th>You are here for (seconds)</th>
-                        <th>Started on (seconds)</th>
-                        <th>Initial "tune in" time (seconds)</th>
+                        <th>Time elapsed since visited (seconds)</th>
+                        <td class="you-are-here"></td>
                     </tr>
                     <tr>
-                        <td class="you-are-here"></td>
+                        <th>List started on (seconds)</th>
                         <td class="started-on"></td>
+                    </tr>
+                    <tr>
+                        <th>List duration (seconds)</th>
+                        <td class="list-duration"></td>
+                    </tr>
+                </table>
+                <h3>Calculations</h3>
+                <table>
+                    <tr>
+                        <th>Times list played completely until now</th>
+                        <td class="min-played"></td>
+                    </tr>
+                    <tr>
+                        <th>Times played until now</th>
+                        <td class="max-played"></td>
+                    </tr>
+                    <tr>
+                        <th>Dt</th>
+                        <td class="d-t"></td>
+                    </tr>
+                    <tr>
+                        <th>Delta time</th>
+                        <td class="delta-time"></td>
+                    </tr>
+                    <tr>
+                        <th>Initial "tune in" time (seconds)</th>
                         <td class="current-time"></td>
                     </tr>
                 </table>
+                <h3>List info (JSON)</h3>
+                <pre class="list-info"></pre>
+            </div>
+            <h2>Previously played:</h2>
+            <div class="previously-played">
             </div>
             <h2>Data segments</h2>
             <div class="groups">
-                <h3>Hash of current show</h3>
-                <p style="overflow-x: auto;" class="current-show-hash"></p>
                 <h3>Hash of list</h3>
                 <p style="overflow-x: auto;" class="list-hash"></p>
             </div>
-- 
cgit v1.2.3