aboutsummaryrefslogtreecommitdiff
path: root/client
diff options
context:
space:
mode:
authorkaotisk <kaotisk@arching-kaos.org>2024-10-14 01:59:02 +0300
committerkaotisk <kaotisk@arching-kaos.org>2024-10-14 01:59:02 +0300
commit59d1058100be53832170c6ed8d17723202a80cfa (patch)
treef5806408d5aab54a28739cb0e182121c3ad3db7f /client
parenta829825ca2956b4e6e3466806d5429b6676e0fd4 (diff)
downloadarching-kaos-radio-59d1058100be53832170c6ed8d17723202a80cfa.tar.gz
arching-kaos-radio-59d1058100be53832170c6ed8d17723202a80cfa.tar.bz2
arching-kaos-radio-59d1058100be53832170c6ed8d17723202a80cfa.zip
More fields in HTML and some fixes on the layout
Diffstat (limited to 'client')
-rw-r--r--client/index.html56
1 files 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>