Refactor statistics page and enhance logging

- Updated the layout and styling of the statistics page for better responsiveness and visual appeal. - Introduced a new error page for 404 errors with user-friendly messaging and navigation options. - Enhanced logging functionality to capture detailed events related to asset uploads, deletions, and HTTP requests. - Implemented an AssetTracker to manage assets in memory, allowing for efficient tracking and retrieval. - Improved the API for uploading and retrieving assets, ensuring better error handling and response formatting. - Added auto-refresh functionality to the statistics page to keep data up-to-date.
2026-01-11 07:51:47 +01:00
parent 81656ec0da
commit cde83139b1
13 changed files with 974 additions and 847 deletions
--- a/data/html/error.html
+++ b/data/html/error.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Black Hole Share - Error</title>
+  <link rel="stylesheet" href="/style.css" />
+</head>
+
+<body class="view-page error-page">
+  <h1><a href="/" class="home-link">Black Hole Share</a> - Error</h1>
+
+  <div class="view-container">
+    <div class="content-area">
+      <div class="error-content">
+        <div class="error-code">404</div>
+        <p class="error-message">The page you're looking for vanished into the black hole.</p>
+        <div class="error-actions">
+          <a class="upload-btn action-btn" href="/">Go Home</a>
+          <a class="reset-btn action-btn" href="/stats">View Stats</a>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <footer class="powered-by" style="display: flex; align-items: center">
+    <span style="flex: 1"></span>
+    <span>Powered by: <img src="/logo.png" alt="ICSBox" class="footer-logo" /></span>
+    <span style="flex: 1; text-align: right">
+      <a href="/stats" style="
+            color: var(--text-secondary);
+            font-size: 0.8em;
+            text-decoration: none;
+          ">📊 Stats</a>
+    </span>
+  </footer>
+</body>
+
+</html>