feedly-opener/popup.html at main · maro114510/feedly-opener · 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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Feedly Read Later</title>
    <link rel="stylesheet" href="popup.css" />
  </head>
  <body>
    <main class="panel">
      <h1 class="title">
        <svg class="icon" aria-hidden="true" viewBox="0 0 24 24">
          <path d="M12 7v14" />
          <path
            d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"
          />
        </svg>
        Feedly Read Later
      </h1>
      <p class="subtitle">
        Open saved items in background tabs, then unsave them.
      </p>

      <section class="section">
        <fieldset class="group">
          <legend class="legend">
            <svg class="icon" aria-hidden="true" viewBox="0 0 24 24">
              <path d="M13 5h8" />
              <path d="M13 12h8" />
              <path d="M13 19h8" />
              <path d="m3 17 2 2 4-4" />
              <path d="m3 7 2 2 4-4" />
            </svg>
            Open range
          </legend>
          <label class="option option-radio">
            <input type="radio" name="mode" value="all" />
            Open all saved items
          </label>
          <label class="option option-inline option-radio">
            <input type="radio" name="mode" value="count" />
            Open only this many
            <span class="inline-count">
              <input
                id="count"
                type="number"
                min="1"
                max="999"
                inputmode="numeric"
                aria-label="Number of items to open"
              />
              <span class="count-label">items</span>
            </span>
          </label>
        </fieldset>
      </section>

      <section class="section actions">
        <button id="run" class="primary">
          <svg class="icon" aria-hidden="true" viewBox="0 0 24 24">
            <path
              d="M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z"
            />
          </svg>
          Open and unsave
        </button>
        <div id="loading-container" class="loading-container" aria-live="polite">
          <div id="spinner" class="spinner" role="progressbar" aria-label="Processing"></div>
          <span id="loading-text" class="loading-text">Processing...</span>
        </div>
        <p id="status" class="status" role="status" aria-live="polite"></p>
      </section>
    </main>

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