immo24-notifier/popup.html at main · maxhoffmann/immo24-notifier · 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
<!doctype html>
<html lang="de">
  <head>
    <title>ImmoScout Notifier</title>
    <meta charset="utf-8">
    <script src="popup.js"></script>
    <style>
      html {
        width: 320px;
      }
      h2 {
        font-size: 14px;
      }
      p {
        font-size: 11px;
      }
      .form {
        margin-block-start: 1rem;
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
      }
      details {
        margin-block-start: 1rem;
      }
    </style>
  </head>
  <body>
    <h2>So geht’s:</h2>
    <p>
      Öffne einen oder mehrere Tabs mit einer Suche auf immoscout24.de.
      Die Erweiterung lädt die Tabs alle 10 Sekunden neu und sendet eine Benachrichtigung, falls neue Anzeigen erscheinen.
      Das funktioniert auch, wenn die Tabs im Hintergrund geöffnet sind und man auf anderen Seiten surft.
    </p>
    <hr>
    <h2>Klicke hier, um eine Benachrichtigung zu testen:</h2>
    <button id="test-example">Benachrichtung testen</button>
    <details>
      <summary>keine Benachrichtigung erschienen?</summary>
      <p>
        Falls beim Klick auf den Button keine Benachrichtigung erscheint, fehlen dem Browser die Berechtigungen Benachrichtigungen zu schicken.
        Schau in deinen Browser- oder Systemeinstellungen nach und aktiviere Benachrichtigungen für deinen Browser.
      </p>
    </details>
    <details>
      <summary>Debug</summary>
      <div class="form">
        <input type="text" name="expose1" id="expose1" placeholder="Expose ID 1">
        <input type="text" name="expose2" id="expose2" placeholder="Expose ID 2">
        <button id="test-one">Eine Benachrichtung testen</button>
        <button id="test-multiple">Mehrere Benachrichtungen testen</button>
      </div>
    </details>
  </body>
</html>