Add lightweight web control panel

2026-04-25 02:19:52 +02:00
parent 535b8195ef
commit f57e1d63eb
11 changed files with 1786 additions and 0 deletions
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="ru">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Telegram Scraper Viewer</title>
+    <link rel="stylesheet" href="/static/style.css" />
+  </head>
+  <body class="viewer-body">
+    <div class="viewer-shell">
+      <aside class="viewer-sidebar">
+        <div class="viewer-sidebar-head">
+          <div>
+            <div class="eyebrow">Export Viewer</div>
+            <h1>Сообщения</h1>
+          </div>
+          <a class="button button-small" href="/">Панель</a>
+        </div>
+        <div id="viewer-channel-list" class="viewer-channel-list"></div>
+      </aside>
+
+      <main class="viewer-main">
+        <header class="viewer-header">
+          <div>
+            <h2 id="viewer-title">Выберите канал</h2>
+            <p id="viewer-subtitle" class="muted">Показываем данные из локальной SQLite базы.</p>
+          </div>
+          <div class="viewer-actions">
+            <button class="button" id="load-older-btn" disabled>Загрузить старее</button>
+          </div>
+        </header>
+
+        <section id="messages-list" class="messages-list"></section>
+      </main>
+    </div>
+
+    <template id="viewer-channel-template">
+      <button class="viewer-channel-item">
+        <span class="viewer-channel-name"></span>
+        <span class="viewer-channel-meta"></span>
+      </button>
+    </template>
+
+    <template id="message-template">
+      <article class="message-card">
+        <div class="message-meta">
+          <span class="message-author"></span>
+          <span class="message-date"></span>
+        </div>
+        <div class="message-reply muted small"></div>
+        <div class="message-text"></div>
+        <div class="message-media"></div>
+        <div class="message-footer muted small"></div>
+      </article>
+    </template>
+
+    <script src="/static/viewer.js"></script>
+  </body>
+</html>