PauseTube/popup.html at master · OlyoshaOlyosha/PauseTube · 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
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title>PauseTube</title>
  <style>
    body { width: 260px; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; padding: 12px; }
    h3 { margin: 0 0 8px; font-size: 16px; }
    .row { display: flex; align-items: center; gap: 8px; margin: 8px 0; }
    label { flex: 1; font-size: 13px; }
    input[type="number"] { width: 80px; padding: 4px; }
    button { padding: 6px 8px; border-radius: 6px; border: 1px solid #ccc; background:#f6f6f6; cursor: pointer; }
    #info { margin: 8px 0; font-weight: 600; }
    .muted { color:#666; font-size: 12px; }
    .actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 8px; }
  </style>
</head>
<body>
  <h3>PauseTube</h3>

  <div id="info">Загрузка…</div>  <!-- Блок для отображения статуса -->

  <!-- Настройки лимитов -->
  <div class="row">
    <label for="limitMin">Лимит просмотра (мин):</label>
    <input id="limitMin" type="number" min="1" step="1" />
  </div>
  <div class="row">
    <label for="blockMin">Время блокировки (мин):</label>
    <input id="blockMin" type="number" min="1" step="1" />
  </div>

  <!-- Кнопки управления -->
  <div class="row">
    <button id="saveBtn">Сохранить</button>
    <button id="resetBtn" title="Сбросить оставшееся время">Сбросить</button>
  </div>

  <!-- Дополнительные действия -->
  <div class="actions">
    <button id="startBlockBtn" title="Принудительно начать блок">Запустить блок</button>
    <button id="stopBlockBtn" title="Снять блок">Снять блок</button>
  </div>

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