options.html aktualisiert

This commit is contained in:
2025-12-06 15:12:28 +00:00
parent fcf9551b64
commit b5f180f16e

View File

@@ -25,7 +25,7 @@
<li><strong>Hinzufügen:</strong> Nutze das Formular, um neue Dienste hinzuzufügen.</li>
<li><strong>Überwachung:</strong> Passe die Intervalle und Benachrichtigungen an.</li>
<li><strong>Popup-Auswahl:</strong> Wähle unten bis zu 8 Server aus, die schnell im Popup angezeigt werden sollen.</li>
<li><strong>Discord:</strong> Aktiviere optionale Benachrichtigungen für deinen Discord-Server.</li>
<li><strong>Benachrichtigungen:</strong> Aktiviere optionale Benachrichtigungen für Discord und Telegram.</li>
<li><strong>Statistik:</strong> Wechsle zum Tab "Statistik & Übersicht" um die Liste zu sehen.</li>
<li><strong>Backup:</strong> Nutze Import/Export, um Dienste zu sichern.</li>
</ol>
@@ -80,7 +80,7 @@
</div>
</div>
<!-- NEU: Discord-Benachrichtigungen -->
<!-- Discord-Benachrichtigungen -->
<div class="card">
<h2>Discord-Benachrichtigungen</h2>
<p>Senden Sie Status-Updates an einen Discord-Kanal über einen Webhook. Dies ist optional.</p>
@@ -91,6 +91,26 @@
</div>
</div>
<!-- NEU: Telegram-Benachrichtigungen -->
<div class="card">
<h2>Telegram-Benachrichtigungen</h2>
<p>Senden Sie Status-Updates an einen Telegram-Chat über einen Bot. Dies ist optional.</p>
<div class="form-group">
<label for="telegram-bot-token">Telegram Bot Token</label>
<input type="text" id="telegram-bot-token" placeholder="1234567890:ABCdefGHIjklMNOpqrsTUVwxyz">
</div>
<div class="form-group">
<label for="telegram-chat-id">Telegram Chat ID</label>
<input type="text" id="telegram-chat-id" placeholder="123456789">
</div>
<small>
<strong>Anleitung:</strong><br>
1. Spreche mit dem <a href="https://t.me/botfather" target="_blank">@BotFather</a> auf Telegram, um einen neuen Bot zu erstellen und den Token zu erhalten.<br>
2. Spreche mit deinem neuen Bot und sende ihm eine Nachricht.<br>
3. Rufe <code>https://api.telegram.org/bot&lt;DEIN_TOKEN&gt;/getUpdates</code> auf, um deine Chat ID zu finden.
</small>
</div>
<div class="card">
<h2>Daten-Management</h2>
<div class="form-actions">
@@ -106,8 +126,30 @@
<h2>Changelog</h2>
<ul>
<li><strong>Version 1.0</strong> - Erstellung der Chrome Erweiterung.</li>
<li><strong>Version 1.1</strong> - Verschiedene BUG-Fix, Telegram Benachrichtigung hinzugefügt</li>
</ul>
</div>
<!-- ANGEPASST: Widget für Gitea Repositories -->
<div class="widget-card" id="gitea-repos-widget">
<h2>Projekt-Repositories</h2>
<div id="gitea-repos-loading">Lade Repositories...</div>
<ul id="gitea-repos-list" style="display: none;"></ul>
<div id="gitea-repos-error" style="display: none; color: var(--error-color, #d9534f);">Fehler beim Laden der Repositories.</div>
</div>
<!-- NEU: Widget für Discord Support -->
<div class="widget-card">
<h2>Discord Support</h2>
<p>Brauchst du Hilfe oder hast eine Frage? Tritt unserem Discord-Server bei und werde Teil der Community!</p>
<a href="https://discord.com/invite/FdRs4BRd8D" target="_blank" class="discord-link">
<!-- Discord SVG Icon -->
<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
<path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.032.074c-.217.124-.456.214-.69.29-.023.015-.041.032-.064.05-.05.063-.09.11-.09.175v.002c-.004.09-.012.19-.025.293a17.433 17.433 0 0 0-2.513.339 19.792 19.792 0 0 0-8.315 0c-.833-.22-1.7-.339-2.513-.339a13.65 13.65 0 0 0-.025-.293v-.002c0-.064-.04-.112-.09-.175-.023-.018-.041-.035-.064-.05-.234-.076-.473-.166-.69-.29a.074.074 0 0 0-.032-.074 19.736 19.736 0 0 0-4.885 1.515A19.78 19.78 0 0 0 3.676 18.26c.124.265.224.541.299.823a.074.074 0 0 1 .04.087 19.724 19.724 0 0 0 5.897 3.027.074.074 0 0 1 .084.028c.03.012.064.012.094 0a19.832 19.832 0 0 0 5.896-3.027.074.074 0 0 1 .04-.087c.075-.282.175-.558.299-.823A19.724 19.724 0 0 0 20.317 4.37zM8.02 15.33c-1.182 0-2.157-1.085-2.157-2.419 0-1.333.975-2.418 2.157-2.418 1.183 0 2.157 1.085 2.157 2.418 0 1.334-.975 2.419-2.157 2.419zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.975-2.418 2.157-2.418 1.183 0 2.157 1.085 2.157 2.418 0 1.334-.975 2.419-2.157 2.419z"/>
</svg>
<span>Jetzt beitreten</span>
</a>
</div>
</aside>
</div>
</div>