43 lines
1.4 KiB
HTML
43 lines
1.4 KiB
HTML
<!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 & 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>
|