diff --git a/src/routes/streams/[stream_id]/Player.svelte b/src/routes/streams/[stream_id]/Player.svelte index f97e04a..8b528b8 100644 --- a/src/routes/streams/[stream_id]/Player.svelte +++ b/src/routes/streams/[stream_id]/Player.svelte @@ -132,12 +132,12 @@ muted = false; } - function formatSeconds(seconds) { - if (isNaN(seconds)) return 'No Data'; - var sec_num = parseInt(seconds, 10); - var hours = Math.floor(sec_num / 3600); - var minutes = Math.floor(sec_num / 60) % 60; - var seconds = sec_num % 60; + function formatSeconds(totalSeconds) { + if (isNaN(totalSeconds)) return 'No Data'; + totalSeconds = parseInt(totalSeconds, 10); + var hours = Math.floor(totalSeconds / 3600); + var minutes = Math.floor(totalSeconds / 60) % 60; + var seconds = totalSeconds % 60; return [hours, minutes, seconds] .map((v) => (v < 10 ? '0' + v : v)) diff --git a/src/routes/streams/[stream_id]/StreamPage.svelte b/src/routes/streams/[stream_id]/StreamPage.svelte index f8138d1..ad5e24a 100644 --- a/src/routes/streams/[stream_id]/StreamPage.svelte +++ b/src/routes/streams/[stream_id]/StreamPage.svelte @@ -30,24 +30,26 @@
- - {#each $currentStream.tracks as track, i} - - - - - - {/each} + + + {#each $currentStream.tracks as track, i} + + + + + + {/each} +
TimestampArtistTitle
- {formatTrackTime(track[0])} - -
-
{track[1]}{track[2]}
TimestampArtistTitle
+ {formatTrackTime(track[0])} + +
+
{track[1]}{track[2]}