empede/templates/index.html

55 lines
1.5 KiB
HTML
Raw Normal View History

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>
<!-- 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">
<script>
let progressBar;
let elapsed;
let duration;
let progressInterval;
</script>
2023-04-25 01:26:27 +00:00
</head>
2023-12-26 16:22:46 +00:00
<body hx-ext="sse" sse-connect="/idle">
<div
class="browser"
hx-trigger="load,sse:database"
hx-get="/browser"
hx-vals="js:{path: new URLSearchParams(window.location.search).get('path') || ''}"
></div>
2023-04-25 14:32:51 +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>