139 lines
6.1 KiB
PHP
139 lines
6.1 KiB
PHP
<?php
|
|
declare(strict_types=1);
|
|
@ini_set('display_errors', '1');
|
|
@error_reporting(E_ALL);
|
|
@date_default_timezone_set('UTC');
|
|
|
|
require_once __DIR__ . '/includes/app.php';
|
|
|
|
ensure_tables();
|
|
|
|
$statuses = ['all', 'queued', 'playing', 'paused', 'skipped', 'ended', 'failed'];
|
|
$filter = trim((string)($_GET['status'] ?? 'all'));
|
|
$filter = in_array($filter, $statuses, true) ? $filter : 'all';
|
|
|
|
if ($filter === 'all') {
|
|
$requests = db()->query('SELECT id, guild_name, requester_name, query_text, source_type, status, created_at FROM music_requests ORDER BY created_at DESC')->fetchAll();
|
|
} else {
|
|
$stmt = db()->prepare('SELECT id, guild_name, requester_name, query_text, source_type, status, created_at FROM music_requests WHERE status = :status ORDER BY created_at DESC');
|
|
$stmt->execute([':status' => $filter]);
|
|
$requests = $stmt->fetchAll();
|
|
}
|
|
|
|
$projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? '';
|
|
$projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
|
|
$projectName = $_SERVER['PROJECT_NAME'] ?? 'Discord Music Bot Control Center';
|
|
?>
|
|
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title><?= h($projectName) ?> — Queue</title>
|
|
<?php if ($projectDescription): ?>
|
|
<meta name="description" content="<?= h($projectDescription) ?>" />
|
|
<meta property="og:description" content="<?= h($projectDescription) ?>" />
|
|
<meta property="twitter:description" content="<?= h($projectDescription) ?>" />
|
|
<?php endif; ?>
|
|
<?php if ($projectImageUrl): ?>
|
|
<meta property="og:image" content="<?= h($projectImageUrl) ?>" />
|
|
<meta property="twitter:image" content="<?= h($projectImageUrl) ?>" />
|
|
<?php endif; ?>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
|
|
<link rel="stylesheet" href="assets/css/custom.css?v=<?= (int)time() ?>">
|
|
</head>
|
|
<body>
|
|
<nav class="navbar navbar-expand-lg sticky-top app-navbar">
|
|
<div class="container">
|
|
<a class="navbar-brand" href="index.php">EchoLift</a>
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navMenu" aria-controls="navMenu" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navMenu">
|
|
<div class="navbar-nav ms-auto">
|
|
<a class="nav-link" href="index.php">Dashboard</a>
|
|
<a class="nav-link active" href="requests.php">Queue</a>
|
|
<a class="nav-link" href="logs.php">Logs</a>
|
|
<a class="nav-link" href="settings.php">Settings</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<main class="app-shell">
|
|
<section class="container py-4 py-lg-5">
|
|
<div class="d-flex flex-column flex-md-row justify-content-between align-items-md-end gap-3 mb-4">
|
|
<div>
|
|
<p class="eyebrow">Queue overview</p>
|
|
<h1 class="h3">Live request list</h1>
|
|
<p class="text-muted">Track every play request and update statuses as the bot processes them.</p>
|
|
</div>
|
|
<div class="d-flex gap-2 align-items-center">
|
|
<form method="get" action="requests.php">
|
|
<label class="form-label small text-muted" for="status">Filter status</label>
|
|
<select class="form-select" name="status" id="status" onchange="this.form.submit()">
|
|
<?php foreach ($statuses as $status): ?>
|
|
<option value="<?= h($status) ?>" <?= $filter === $status ? 'selected' : '' ?>><?= h(ucfirst($status)) ?></option>
|
|
<?php endforeach; ?>
|
|
</select>
|
|
</form>
|
|
<a class="btn btn-primary mt-4 mt-md-0" href="index.php#request-form">New request</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card app-card">
|
|
<div class="card-body">
|
|
<?php if (!$requests): ?>
|
|
<div class="empty-state">
|
|
<p class="mb-1">No requests found for this filter.</p>
|
|
<p class="text-muted small mb-0">Submit a song to start the queue.</p>
|
|
</div>
|
|
<?php else: ?>
|
|
<div class="table-responsive">
|
|
<table class="table align-middle">
|
|
<thead>
|
|
<tr>
|
|
<th>Song</th>
|
|
<th>Server</th>
|
|
<th>Requester</th>
|
|
<th>Source</th>
|
|
<th>Status</th>
|
|
<th>Created</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<?php foreach ($requests as $request): ?>
|
|
<tr>
|
|
<td>
|
|
<a class="fw-semibold text-decoration-none" href="request.php?id=<?= (int)$request['id'] ?>">
|
|
<?= h($request['query_text']) ?>
|
|
</a>
|
|
</td>
|
|
<td><?= h($request['guild_name']) ?></td>
|
|
<td><?= h($request['requester_name']) ?></td>
|
|
<td><?= h($request['source_type']) ?></td>
|
|
<td><span class="badge status-badge status-<?= h($request['status']) ?>"><?= h(ucfirst($request['status'])) ?></span></td>
|
|
<td class="text-muted small"><?= h($request['created_at']) ?></td>
|
|
</tr>
|
|
<?php endforeach; ?>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<?php endif; ?>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<footer class="app-footer py-4">
|
|
<div class="container d-flex flex-column flex-md-row justify-content-between">
|
|
<span class="text-muted small">Queue updates stay in sync with bot playback.</span>
|
|
<span class="text-muted small">Last refresh: <?= h(date('Y-m-d H:i:s')) ?> UTC</span>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
|
|
<script src="assets/js/main.js?v=<?= (int)time() ?>"></script>
|
|
</body>
|
|
</html>
|