cookie-manager/popup.html at main · thundersquared/cookie-manager · 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
<!DOCTYPE html>
<html>
<head>
  <style>
    body { width: 280px; padding: 15px; font-family: Arial; }
    h3 { margin-top: 0; }
    button { width: 100%; padding: 10px; margin: 5px 0; cursor: pointer; }
    hr { margin: 15px 0; border: none; border-top: 1px solid #ccc; }
    #fileInput { display: none; }
    #status { margin-top: 10px; font-size: 12px; padding: 8px; border-radius: 4px; }
    .success { background: #d4edda; color: #155724; }
    .error { background: #f8d7da; color: #721c24; }
    .info { background: #d1ecf1; color: #0c5460; }
    .section-title { font-weight: bold; margin: 10px 0 5px 0; color: #333; }
    #peer-list { list-style: none; padding: 0; margin: 5px 0; }
    #peer-list li { display: flex; align-items: center; justify-content: space-between; padding: 4px 0; font-size: 13px; }
    .peer-dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; margin-right: 6px; flex-shrink: 0; }
    .peer-dot.reachable { background: #28a745; }
    .peer-dot.known { background: #aaa; }
    .peer-sync-btn { font-size: 11px; padding: 2px 8px; cursor: pointer; }
    #peers-status { font-size: 12px; color: #666; margin: 4px 0 0 0; }
  </style>
</head>
<body>
  <h3>🍪 Cookie Manager</h3>

  <div class="section-title">Export Cookies</div>
  <button id="exportCurrent">Export Current Site</button>

  <hr>

  <div class="section-title">Import Cookies</div>
  <button id="importCurrentDomain">Import from JSON File</button>
  <input type="file" id="fileInput" accept=".json">

  <hr>

  <div class="section-title">Manage Cookies</div>
  <button id="clearCurrent">Clear Current Site Cookies</button>

  <hr>

  <div class="section-title">Nearby Peers</div>
  <ul id="peer-list"></ul>
  <p id="peers-status">searching...</p>

  <div id="status"></div>
  <script src="popup.js"></script>
</body>
</html>