TabSessionManager/popup.html at main · cacan/TabSessionManager · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>Tab Session Manager</title>
  <link rel="stylesheet" href="popup.css">
</head>

<body>
  <button id="themeToggleBtn" title="Toggle Theme">
    <span class="icon-moon" style="display:none;">🌙</span>
    <span class="icon-sun">☀️</span>
  </button>
  <h3>Tab Session Manager</h3>

  <!-- Search & Action Toolbar -->
  <div style="display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 20px;">
    <input type="text" id="searchInput" placeholder="Search saved tabs..." style="flex: 1; max-width: 40%;">

    <button id="deleteMatchedBtn" style="display: none; white-space: nowrap; font-size: 0.85em;">
      Delete Filtered
    </button>
    <button id="moveFilteredBtn" style="display: none; white-space: nowrap; font-size: 0.85em;">
      Move Filtered to New Window
    </button>

    <div style="margin-left: auto;">
      <button id="saveBtn">Save Session</button>
    </div>
  </div>

  <div id="sessions"></div>

  <!-- Maintenance -->
  <div class="maintenance-box">
    <strong>Maintenance Area</strong>
    <div class="maintenance-buttons">
      <button id="purgeDailyBtn" class="maintenance-btn btn-daily">Purge Daily</button>
      <button id="purgeMonthlyBtn" class="maintenance-btn btn-monthly">Purge Monthly</button>
    </div>
    <button id="purgeDuplicatesBtn" class="maintenance-btn btn-duplicates">✨ Remove All Duplicates</button>
  </div>

  <hr style="margin: 20px 0;">

  <!-- Import -->
  <h4 style="color: var(--text-secondary); margin: 0 0 10px;">Import / Export Data</h4>
  <textarea id="importTextarea" rows="3" placeholder="Paste JSON data here to import..."></textarea>
  <div style="text-align: right; margin-top: 8px;">
    <button id="importBtn">Import JSON</button>
  </div>

  <div id="status-bar"
    style="text-align: center; color: var(--text-secondary); font-size: 0.8em; margin-top: 20px; opacity: 0.7;">
    <!-- Stats injected here -->
  </div>

  <script src="popup.js"></script>
</body>

</html>