56 lines
1.8 KiB
Cheetah
56 lines
1.8 KiB
Cheetah
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||
|
|
<title>D&D Music Bot!</title>
|
||
|
|
<link rel="stylesheet" href="/css/style.css">
|
||
|
|
<link rel="stylesheet" href="/css/solarized-dark.min.css">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div><h2 class="bot">Playlists</h2></div>
|
||
|
|
<div id="items" class="container">
|
||
|
|
{{ range .Playlists }}
|
||
|
|
<div class="item" data-id="{{ .Id }}">{{ .Title }}</div>
|
||
|
|
{{ end}}
|
||
|
|
<div class="item locked" data-id="reset">Stop</div>
|
||
|
|
</div>
|
||
|
|
<div class="container2">
|
||
|
|
<input name="title" type="text" placeholder="Enter name..">
|
||
|
|
<input name="url" type="text" placeholder="https://youtube.com/playlist?list=...">
|
||
|
|
<input id="addplaylist" name="submit" value="Add" type="submit">
|
||
|
|
<input id="prev" name="prev" type="button" value="prev">
|
||
|
|
<input id="next" name="next" type="button" value="next">
|
||
|
|
</div>
|
||
|
|
<div class="container2">
|
||
|
|
<p id="output"></p>
|
||
|
|
</div>
|
||
|
|
<div id="info" class="container2">
|
||
|
|
<a id="link" style="text-decoration: none;">
|
||
|
|
<span id="channel"></span>
|
||
|
|
<span> - </span>
|
||
|
|
<span id="title"></span>
|
||
|
|
</a>
|
||
|
|
<span id="time"></span>
|
||
|
|
</div>
|
||
|
|
<div><h2 class="bot">Ambiance</h2></div>
|
||
|
|
<div id="ambiance" class="container">
|
||
|
|
{{ range .Ambiance }}
|
||
|
|
<div class="item drag" data-id="{{ . }}">{{ . }}</div>
|
||
|
|
{{ end}}
|
||
|
|
<div class="item locked" data-id="reset">Stop</div>
|
||
|
|
</div>
|
||
|
|
<!-- The Modal -->
|
||
|
|
<div id="waiting" class="modal">
|
||
|
|
<!-- Modal content -->
|
||
|
|
<div class="modal-content">
|
||
|
|
<p>Waiting for bot..</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<script src="/js/reconnecting-websocket.min.js"></script>
|
||
|
|
<script src="/js/Sortable.min.js"></script>
|
||
|
|
<script src="/js/script.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|