51 lines
No EOL
1.4 KiB
HTML
51 lines
No EOL
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" data-theme="dark">
|
|
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Stream Dashboard</title>
|
|
<meta name="color-scheme" content="dark" />
|
|
<link rel="stylesheet" href="/public/css/style.css" />
|
|
<script type="module" src="/public/js/index.js" defer></script>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container">
|
|
<header>
|
|
<h1 class="title">Live Streams</h1>
|
|
<div class="search-container">
|
|
<input type="text" id="searchInput" class="search-input" placeholder="Search streams..." />
|
|
</div>
|
|
</header>
|
|
|
|
<section class="stats">
|
|
<div class="stat-item">
|
|
<span class="stat-label">Total Streams:</span>
|
|
<span id="totalStreams" class="stat-value">0</span>
|
|
</div>
|
|
<div class="stat-item">
|
|
<span class="stat-label">Online:</span>
|
|
<span id="onlineStreams" class="stat-value">0</span>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="loadingState" class="loading">
|
|
<div class="spinner"></div>
|
|
<p>Loading streams...</p>
|
|
</section>
|
|
|
|
<section id="errorState" class="error-state" style="display: none;">
|
|
<p>Failed to load streams. Please try again.</p>
|
|
<button id="retryBtn" class="retry-btn">Retry</button>
|
|
</section>
|
|
|
|
<section id="streamsContainer" class="streams-grid" style="display: none;"></section>
|
|
|
|
<section id="noResults" class="no-results" style="display: none;">
|
|
<p>No streams found matching your search.</p>
|
|
</section>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |