init

2026-06-07 21:45:42 +03:00
commit 0f56395de9
7 changed files with 271 additions and 0 deletions
--- a/popup.html
+++ b/popup.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <link rel="stylesheet" href="popup.css">
+</head>
+<body>
+  <div class="header">
+    <span class="logo">📑</span>
+    <span class="title">Tab Archive</span>
+    <button id="toggleSettings" class="link" title="Settings">⚙️</button>
+  </div>
+
+  <div id="settings" class="settings hidden">
+    <label>Backend URL
+      <input type="text" id="backendUrl" placeholder="http://localhost:3000">
+    </label>
+    <label>API Token
+      <input type="password" id="apiToken" placeholder="cta_...">
+    </label>
+    <label>Folder name (optional)
+      <input type="text" id="folderName" placeholder="e.g. Saved 2026-06-07">
+    </label>
+    <div class="row">
+      <button id="testBtn" class="btn">Test connection</button>
+      <button id="saveSettings" class="btn primary">Save</button>
+    </div>
+    <p class="hint">Get a token from the backend UI → API Tokens.</p>
+  </div>
+
+  <div id="main">
+    <p class="status-line"><span id="tabCount">–</span> open tabs in this window</p>
+    <button id="saveAll" class="btn primary block">💾 Save all opened tabs</button>
+    <button id="saveClose" class="btn block">💾 Save &amp; close all opened tabs</button>
+    <button id="openBackend" class="btn block">🌐 Open Tab Archive</button>
+  </div>
+
+  <div id="message" class="message hidden"></div>
+
+  <script src="popup.js"></script>
+</body>
+</html>