2023-04-25 01:26:27 +00:00
|
|
|
{# Template #}
|
|
|
|
|
<!DOCTYPE html>
|
2023-05-02 00:01:30 +00:00
|
|
|
<html lang="en">
|
2023-04-25 01:26:27 +00:00
|
|
|
<head>
|
|
|
|
|
<title>Empede</title>
|
2023-05-13 12:21:48 +00:00
|
|
|
|
|
|
|
|
<!-- Empede version: {{ crate_version!() }} -->
|
2023-04-27 12:21:43 +00:00
|
|
|
|
|
|
|
|
<!-- Source: https://github.com/bigskysoftware/htmx -->
|
|
|
|
|
<script src="/static/vendor/htmx.min.js"></script>
|
|
|
|
|
<script src="/static/vendor/htmx-sse.js"></script>
|
|
|
|
|
|
2023-05-01 22:35:31 +00:00
|
|
|
<!-- Source: https://github.com/SortableJS/Sortable -->
|
|
|
|
|
<script src="/static/vendor/Sortable.min.js"></script>
|
|
|
|
|
|
2023-04-27 12:07:35 +00:00
|
|
|
<link rel="stylesheet" href="/static/style.css">
|
|
|
|
|
<link href="/static/favicon.png" rel="icon" type="image/png">
|
2023-05-01 15:01:51 +00:00
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
let progressBar;
|
|
|
|
|
let elapsed;
|
|
|
|
|
let duration;
|
|
|
|
|
let progressInterval;
|
|
|
|
|
</script>
|
2023-04-25 01:26:27 +00:00
|
|
|
</head>
|
|
|
|
|
|
2023-04-27 01:40:19 +00:00
|
|
|
<body hx-ext="sse" sse-connect="/sse">
|
2023-04-27 02:35:48 +00:00
|
|
|
<div
|
|
|
|
|
class="browser"
|
2023-04-27 03:01:36 +00:00
|
|
|
hx-trigger="load,sse:database"
|
|
|
|
|
hx-get="/browser"
|
|
|
|
|
hx-vals="js:{path: new URLSearchParams(window.location.search).get('path') || ''}"
|
2023-04-27 02:35:48 +00:00
|
|
|
></div>
|
2023-04-25 14:32:51 +00:00
|
|
|
|
2023-04-27 01:40:19 +00:00
|
|
|
<div class="player">
|
2023-12-23 08:25:57 +00:00
|
|
|
<div class="nowplaying" hx-trigger="sse:player,sse:options" hx-get="/player"></div>
|
2023-05-07 00:51:34 +00:00
|
|
|
|
|
|
|
|
<div class="queue-header">
|
|
|
|
|
<div class="queue-next">Next in queue</div>
|
2023-12-23 08:58:41 +00:00
|
|
|
<button hx-delete="/queue" hx-swap="none">
|
2023-05-07 00:51:34 +00:00
|
|
|
<span class="material-symbols-outlined">playlist_remove</span>
|
|
|
|
|
Clear
|
|
|
|
|
</button>
|
2023-12-23 08:58:41 +00:00
|
|
|
<button hx-post="/shuffle" hx-swap="none">
|
|
|
|
|
<span class="material-symbols-outlined">shuffle</span>
|
|
|
|
|
Shuffle
|
|
|
|
|
</button>
|
2023-05-07 00:51:34 +00:00
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="queue" hx-trigger="sse:playlist,sse:player" hx-get="/queue"></div>
|
2023-04-25 14:32:51 +00:00
|
|
|
</div>
|
2023-04-25 01:26:27 +00:00
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
|
