feat: add global loading overlay with icon carousel #8

Merged

DasAoD merged 2 commits from feature/loading-overlay into main

2026-06-21 03:18:20 +02:00

DasAoD commented

2026-06-21 03:17:41 +02:00

Owner

Schließt #6

Was wurde gemacht?

Globales Ladeoverlay mit animiertem Icon-Karussell aus den S&F-Icons
(Krone, Helm, Medaille, Schild, Schwerter) mit Glow-Effekt und
pulsierenden Dots.

Neue Dateien

public/assets/css/overlay.css — Animation, Glow-Ring, Dots
public/assets/js/overlay.js — showOverlay(text) / hideOverlay(),
Icons als Base64 eingebettet, Overlay wird lazy beim ersten Aufruf erzeugt

Geänderte Dateien

includes/template.php — overlay.css + overlay.js auf allen Seiten eingebunden
public/assets/js/guild.js — Member-Sync nutzt Overlay
public/assets/js/admin.js — Cron-Jobs nutzen Overlay mit job-spezifischem Text
public/assets/js/reports.js — Overlay beim Laden der Statistiken
public/inbox.php — Fetch, Import und Ablehnen nutzen Overlay;
overlay.js explizit eingebunden (kein renderScripts auf dieser Seite)

Kontextabhängige Texte

Member-Sync → "Mitglieder werden synchronisiert…"
Kampfberichte abholen → "Kampfberichte werden abgerufen…"
Import → "Kampfberichte werden importiert…"
Ablehnen → "Berichte werden abgelehnt…"
Reports-Seite → "Statistiken werden geladen…"

Schließt #6 ## Was wurde gemacht? Globales Ladeoverlay mit animiertem Icon-Karussell aus den S&F-Icons (Krone, Helm, Medaille, Schild, Schwerter) mit Glow-Effekt und pulsierenden Dots. ## Neue Dateien - `public/assets/css/overlay.css` — Animation, Glow-Ring, Dots - `public/assets/js/overlay.js` — `showOverlay(text)` / `hideOverlay()`, Icons als Base64 eingebettet, Overlay wird lazy beim ersten Aufruf erzeugt ## Geänderte Dateien - `includes/template.php` — overlay.css + overlay.js auf allen Seiten eingebunden - `public/assets/js/guild.js` — Member-Sync nutzt Overlay - `public/assets/js/admin.js` — Cron-Jobs nutzen Overlay mit job-spezifischem Text - `public/assets/js/reports.js` — Overlay beim Laden der Statistiken - `public/inbox.php` — Fetch, Import und Ablehnen nutzen Overlay; overlay.js explizit eingebunden (kein renderScripts auf dieser Seite) ## Kontextabhängige Texte - Member-Sync → "Mitglieder werden synchronisiert…" - Kampfberichte abholen → "Kampfberichte werden abgerufen…" - Import → "Kampfberichte werden importiert…" - Ablehnen → "Berichte werden abgelehnt…" - Reports-Seite → "Statistiken werden geladen…"

DasAoD added 2 commits

2026-06-21 03:17:41 +02:00

feat: add global loading overlay with icon carousel c989cfca3f

- overlay.css: animated icon carousel (crown/helmet/medal/shield/swords),
  glow ring, pulsing dots, fade-in/out keyframes
- overlay.js: showOverlay(text) / hideOverlay() global functions,
  base64-embedded icons, overlay built lazily on first call
- template.php: include overlay.css + overlay.js on all pages
- guild.js: syncMembers uses showOverlay/hideOverlay
- admin.js: runCronJobNow uses showOverlay with job-specific text
- inbox.php: fetchAllReports, handleImport, handleReject use overlay;
  load overlay.js explicitly (no renderScripts on this page)

Closes #6

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

reports.js: show loading overlay while fetching battle stats c26bebd9bb

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

DasAoD merged commit e672d13e5f into main

2026-06-21 03:18:20 +02:00

DasAoD referenced this pull request from a commit

2026-06-21 03:18:21 +02:00

Merge pull request 'feat: add global loading overlay with icon carousel' (#8) from feature/loading-overlay into main

No reviewers

No labels

No milestone

No project

No assignees

1 participant

Notifications

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference

DasAoD/sfguildsv2!8

No description provided.

Rows
Columns