Skip to content

Web UI DE

Domekologe edited this page Jun 30, 2026 · 2 revisions

Web-UI

🌐 English · Deutsch

Diese Seite ist eine Tour durch die Seiten des Dashboards. Die UI ist vollständig übersetzt (Deutsch + Englisch, oben rechts umschaltbar), unterstützt einen Hell-/Dunkel-Theme-Umschalter und bringt eine Befehlspalette (Strg/Cmd+K) für schnelle Navigation mit. Was du siehst, hängt von deiner Berechtigungsstufe ab: Landing und Befehlsliste sind öffentlich, Owner-Bereiche (Cog-Verwaltung, globale Einstellungen, System) erscheinen nur für den Owner.

Screenshot: Dashboard-Übersicht nach dem Login

Öffentliche Seiten (ohne Login)

Seite Route Inhalt
Landing / Übersicht / Bot-Name, Avatar, Markdown-Beschreibung (volles GitHub-Flavored Markdown), Gilden-/Nutzerzahl, Uptime und Latenz sowie ein „Lade mich ein"-Button (der OAuth-Invite des Bots – automatisch aus der Client-ID mit scope=bot+applications.commands&permissions=8 gebaut, über das Branding-Feld invite_url überschreibbar). Neben dem Modulfilter sitzt ein Repo-Filter (nur Repos mit aktiven Modulen; die Modulliste passt sich dem gewählten Repo an).
Befehlsliste /commands Alle aktiven Text- und Slash-Befehle, gruppiert, mit Cog und Repo. Der Repo-Name wird unter jedem Modul gezeigt (Sidebar und Überschriften). Befehlsbeschreibungen folgen der Website-Sprache (DE/EN), wenn der Cog eine zweisprachige Beschreibung liefert. Nur aktivierte, nicht versteckte Befehle; eine rote Gruppe „(Nicht existent)" listet verwaiste Slash-Registrierungen (für eingeloggte Nutzer sichtbar). Die Liste ist nach Modul gruppiert; ein Kategorie-Dropdown-Filter (Alle / Admin / Moderator / Einrichtung / Benutzer — automatisch aus dem Berechtigungs-Level erkannt) schränkt sie auf eine einzige Kategorie ein: Wählst du Admin, bleiben nur die Admin-Befehle übrig.
Custom Pages (öffentlich) /p/<slug> Jede als public markierte Custom Page (siehe Custom Pages).
Credits /credits Attribution/Lizenzierung (MIT-Basisvorlage; AAA3A & Neuro Assassin#4779 unter AGPLv3; Red-DiscordBot von Twentysix unter GPLv3) mit Links zu den Richtlinien-Dokumenten (Privacy Policy, Cookie Policy, Third Parties Disclaimer) unter documents/ im Repo.

Navigation

Jeder Menüeintrag trägt ein Icon. Eine separate untere Sektion ergänzt Links, die in einem neuen Tab öffnen – Dokumentation (dieses GitHub-Wiki), GitHub: Dashboard und GitHub: Cogs (die beiden Repos) – sowie einen internen Credits-Link. Auf Mobilgeräten öffnet dasselbe Menü über ein Hamburger-Drawer.

Server-Übersicht & Einstellungen pro Gilde

Nach dem Login siehst du die Server, die du mit dem Bot teilst.

  • Server-Übersicht (/guilds) – eine Karte pro Gilde, in der du Mitglied bist, mit Icon, Mitgliederzahl und deiner Stufe. Bot-Owner sehen alle Gilden.
  • Gilden-Detail (/guilds/<id>) – Mitglieder, Kanäle (Text/Voice/Kategorien), Rollen, Präsenz-Aufschlüsselung (online/idle/dnd/offline) sowie Erstellungs-/Beitrittsdaten.
  • Bot-Einstellungen pro Gilde (/guilds/<id>/settings) – Gilden-Prefixe, Nickname des Bots, Admin-/Mod-Rollen und Embed-Verhalten. Das sind Reds eigene Einstellungen, übers Dashboard bearbeitet. Erfordert guild_admin.

Screenshot: Bot-Einstellungen pro Gilde

Eingebettete Cog-Module (Widgets, Panels, Listen)

Cogs steuern Inhalte zum Dashboard bei. Statt jedem Cog eine isolierte Seite zu geben, werden zusammengehörige Beiträge eines Cogs in einem Modul mit Tabs gebündelt:

  • Widgets – schreibgeschützte Karten (eine KPI-Zahl, eine kleine Liste, ein Status). Können automatisch aktualisieren.
  • Panels – deklarative Formulare (Switches, Text, Kanal-/Rollen-Picker), die zurück in den Cog speichern. Etwa ReactionRoles-Konfiguration oder eine Willkommensnachricht.
  • Listen – verwaltbare Tabellen: Zeilen ansehen, hinzufügen, bearbeiten und löschen (z. B. ReactionRoles, WoW-Profile).

Jedes Modul erscheint dort, wo der Cog es einhängt (z. B. in den Gilden-Einstellungen) und respektiert die geforderte Berechtigung. Die Verdrahtung ist unter Cog-Integration dokumentiert.

Cog-Verwaltung

/cogs ist die Owner-Zentrale für Cogs: laden/entladen/neu laden, Downloader, Slash-Verwaltung und globale Owner-Panels einzelner Cogs. Eigene Seite: Cog-Verwaltung.

Statistiken

/stats ist eine Statbot-artige Analyse (Nachrichten, Voice, Status, Einladungen, Aktivität, Member-/Channel-Drilldown, Befehlsnutzung) mit Server-Dropdown, Zeit-Filter und Chart.js-Diagrammen. Benötigt den Cog pdc_webdashboard_stats. Siehe Statistiken.

Ankündigungen

/announce ist ein Embed-/Ankündigungs-Builder. Wähle einen Textkanal, in dem der Bot posten darf, verfasse reinen Text und/oder ein Embed (Titel, Beschreibung, Farbe, Bild, Footer, Author) und sende es. Erfordert guild_admin; angeboten werden nur Kanäle, in denen der Bot senden kann.

Screenshot: Ankündigungs-Builder mit Embed-Vorschau

Einstellungen & Branding

/settings (Bot-Owner) enthält globale Bot-Settings (Prefixe, Embeds, Fuzzy-Matching), Dashboard-Branding (Titel, Icon, Beschreibung, Support-URL, Akzentfarbe, Theme), den Dashboard-Lock-Schalter, die Aktion Sessions zurücksetzen und globale Modul-Panels, die Cogs beisteuern.

Branding-Extras:

  • Beschreibung – jetzt Markdown, auf der Landing-Page als volles GitHub-Flavored Markdown gerendert.
  • Website-Beschreibung (short_desc) – eine kurze Klartext-Zeile, genutzt als HTML-<meta name="description"> und als Open-Graph-Beschreibung, damit Suchmaschinen und Link-Vorschauen sie anzeigen.
  • Favicon – stammt aus dem Profilbild (Avatar) des Bots, das zugleich das Open-Graph-Bild für Link-Vorschauen ist.
  • invite_url – optionaler Override für den „Lade mich ein"-Button der Landing-Page.

Custom Pages

/pages ist ein Markdown-Editor zum Anlegen zusätzlicher Dashboard-Seiten (öffentlich oder privat). Siehe Custom Pages.

Credits

/credits (öffentlich) zeigt Attribution und Lizenzierung des Dashboards – die MIT-lizenzierte Basisvorlage, die AGPLv3-Überarbeitung durch AAA3A und Neuro Assassin#4779 sowie Red-DiscordBot (GPLv3) von Twentysix – und verlinkt die Richtlinien-Dokumente (Privacy Policy, Cookie Policy, Third Parties Disclaimer) unter documents/ im Repo.

Audit-Log

/audit (Bot-Owner) listet, wer wann was geändert hat – jede schreibende Aktion (Einstellungen, Cog-Verwaltung, Ankündigungen, Panel-/Listen-Submits, Seiten-Edits) wird erfasst, neueste zuerst. Die Liste ist paginiert: ein Seitengrößen-Wähler (10 / 20 / 50 / 100, Standard 10) und Vor-/Zurück-Pfeile mit „Seite X / Y"-Anzeige.

System / Health

/system (Bot-Owner) zeigt Bot- und Gateway-Health: Uptime, Latenz, Gilden-/Nutzerzahl, geladene vs. verfügbare Cogs, Shard-Zahl, Python-/discord.py-/Red-Versionen, Speicher und Gateway-Host/Port. Ein „Auf Updates prüfen"-Button vergleicht die laufende Dashboard-Version (aus der package.json) mit der neuesten im Git-Remote und meldet „aktuell" oder „Update verfügbar". Bei Aktivierung sitzt hier auch der GitHub-Self-Update-Button.

Screenshot: System-Health-Seite

Theme-Umschalter & Befehlspalette

  • Theme-Umschalter – ein Button im Header wechselt zwischen hell und dunkel; die Wahl wird in localStorage gespeichert. Dunkel ist Standard.
  • BefehlspaletteStrg+K (Windows/Linux) oder Cmd+K (macOS) öffnet eine durchsuchbare Palette zum Springen auf jede Seite, inklusive Custom Pages. Pfeiltasten zum Bewegen, Enter zum Öffnen, Escape zum Schließen.
  • Sprachumschalter – DE / EN oben rechts; die Wahl bleibt pro Nutzer erhalten.

Verwandte Seiten

Clone this wiki locally