Michal Pemcak
7b739607ff
- ui/index.html, ui/styles.css, ui/scripts.js — minimal two-tab UI - Search tab: big search bar, results with size/votes, add-to-queue button - Queue tab: progress bar, speed, downloaded/total, status badges, cancel - Switches to queue tab on load if downloads are active - Backend: GET /api/search, POST /api/queue/add, GET /api/queue, POST /api/queue/cancel - Speed tracking in streamToFile, abort tracking for immediate cancel - No rounded corners, dark theme
31 lines
789 B
HTML
31 lines
789 B
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Webshare Queue</title>
|
|
<link rel="stylesheet" href="styles.css">
|
|
</head>
|
|
<body>
|
|
|
|
<div class="tabs">
|
|
<button class="tab active" data-tab="search">Search</button>
|
|
<button class="tab" data-tab="queue">Queue</button>
|
|
</div>
|
|
|
|
<div class="tab-content active" id="tab-search">
|
|
<div class="search-bar">
|
|
<input type="text" id="searchInput" placeholder="Search files on Webshare..." autofocus>
|
|
<button id="searchBtn">Search</button>
|
|
</div>
|
|
<div id="searchResults" class="results"></div>
|
|
</div>
|
|
|
|
<div class="tab-content" id="tab-queue">
|
|
<div id="queueList" class="results"></div>
|
|
</div>
|
|
|
|
<script src="scripts.js"></script>
|
|
</body>
|
|
</html>
|