music on atproto
plyr.fm
zzstoatzz.io
1<!DOCTYPE html>
2<html>
3<head>
4 <meta charset="utf-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1">
6 <title>moderation · plyr.fm</title>
7 <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🛡️</text></svg>">
8 <script src="https://unpkg.com/htmx.org@1.9.10"></script>
9 <link rel="stylesheet" href="/static/admin.css">
10</head>
11<body>
12 <h1>moderation</h1>
13 <p class="subtitle">review and resolve copyright flags</p>
14
15 <div class="auth-section">
16 <input type="password"
17 id="auth-token"
18 placeholder="auth token"
19 onkeyup="if(event.key==='Enter')authenticate()">
20 <button class="btn btn-primary" onclick="authenticate()" style="margin-left: 10px">
21 authenticate
22 </button>
23 </div>
24
25 <div id="main-content" style="display: none;">
26 <div class="header-row">
27 <h2>flagged tracks</h2>
28 <button class="btn btn-secondary" onclick="refreshFlagsList()">
29 refresh
30 </button>
31 </div>
32
33 <div id="flags-list" class="flags-list"
34 hx-get="/admin/flags-html?filter=pending"
35 hx-trigger="load"
36 hx-indicator="#loading">
37 <div id="loading" class="loading htmx-indicator">loading...</div>
38 </div>
39 </div>
40
41 <div id="toast"></div>
42
43 <script src="/static/admin.js"></script>
44</body>
45</html>