diff options
| author | kaotisk <kaotisk@arching-kaos.org> | 2024-10-14 01:59:02 +0300 |
|---|---|---|
| committer | kaotisk <kaotisk@arching-kaos.org> | 2024-10-14 01:59:02 +0300 |
| commit | 59d1058100be53832170c6ed8d17723202a80cfa (patch) | |
| tree | f5806408d5aab54a28739cb0e182121c3ad3db7f /client/index.html | |
| parent | a829825ca2956b4e6e3466806d5429b6676e0fd4 (diff) | |
| download | arching-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/index.html')
| -rw-r--r-- | client/index.html | 56 |
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> |