add web UI: search, download queue with progress, cancel

- 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
2026-08-07 10:44:41 +02:00
parent a840fee91a
commit 7b739607ff
7 changed files with 595 additions and 4 deletions
--- a/ui/index.html
+++ b/ui/index.html
@@ -0,0 +1,30 @@
+<!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>