Tu sesión está a punto de caducar
Por seguridad cerraremos la sesión si no haces nada.
Sesión cerrada
Vuelve a entrar para seguir donde lo dejaste.
Warnung vor Sitzungsablauf
Ein Modal mit kreisförmigem Countdown, das vor dem Ende der Sitzung anbietet, angemeldet zu bleiben.
Einstellungen
Code
<div class="uv-ost"><div class="pg" aria-hidden="true"><i class="h"></i><i></i><i></i><i></i><i></i><i class="s"></i></div><button type="button" class="fire">Inaktivität simulieren</button><div class="scr"></div><div class="dl" role="alertdialog" aria-modal="true" aria-labelledby="uv-ost-t" aria-describedby="uv-ost-d"><div class="rg" aria-hidden="true"><svg viewBox="0 0 40 40"><circle cx="20" cy="20" r="17" class="bg"/><circle cx="20" cy="20" r="17" class="fg" pathLength="1"/></svg><output>0:30</output></div><div class="v1"><p class="ti" id="uv-ost-t">Deine Sitzung läuft gleich ab</p><p class="ds" id="uv-ost-d">Aus Sicherheitsgründen melden wir dich ab, wenn du nichts tust.</p><div class="ac"><button type="button" class="out">Abmelden</button><button type="button" class="st">Angemeldet bleiben</button></div></div><div class="v2"><p class="ti">Abgemeldet</p><p class="ds">Melde dich erneut an, um weiterzumachen.</p><button type="button" class="st">Erneut anmelden</button></div></div></div>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Overlays
Alle ansehen: OverlaysWofür du ihn nutzen kannst
Banking-, Gesundheits- und Admin-Tools melden nach Inaktivität ab, und eine klare Warnung verhindert verlorene Arbeit. Diese Warnung zeigt einen Ring, der sich Sekunde für Sekunde um die Restzeit leert und in den letzten zehn Sekunden rot pulsiert, dazu Buttons zum Angemeldet-Bleiben oder sofortigen Abmelden. Bei null wechselt der Dialog zu einer Abgemeldet-Meldung.
Die Dauer ist über den Zusatzregler einstellbar, der Fokus startet auf der sicheren Aktion, und der Dialog nutzt die Rolle alertdialog. Verbinde die Buttons mit Sitzungsverlängerung und Logout deines Backends.