AegisSight/AegisSight-Monitor
3
0
Fork 0
Code Issues Pull-Requests Actions Pakete Projekte Releases Wiki Aktivität

Tutorial Schritt 3: Kein Auto-Open mehr, Modal oeffnet erst bei Weiter

Quellcode durchsuchen 
Step zeigt nur den Button mit Erklaerung. Modal oeffnet sich erst
beim Klick auf Weiter (im onExit wenn naechster Step ein Modal-Step ist).
Dieser Commit ist enthalten in:
Claude Dev
2026-03-23 22:21:39 +01:00
Ursprung 485a527bf6
Commit 0ffc9b6fb6
1 geänderte Dateien mit 4 neuen und 30 gelöschten Zeilen
Patch-Datei herunterladen Vergleichs-Datei herunterladen Alle Dateien ausklappen Alle Dateien einklappen

34
src/static/js/tutorial.js
Datei anzeigen

@@ -555,41 +555,15 @@ const Tutorial = {
target: '#new-incident-btn',
title: 'Neue Lage anlegen',
text: 'Mit diesem Button \u00f6ffnen Sie das Formular zur Erstellung einer neuen Lage. '
+ 'Wir gehen jetzt gemeinsam alle Felder durch.',
+ 'Klicken Sie auf <strong>Weiter</strong>, um das Formular zu \u00f6ffnen und alle Felder durchzugehen.',
position: 'right',
onEnter: function() {
Tutorial._stepTimeout(function() {
var overlay = document.getElementById('modal-new');
if (overlay && !overlay.classList.contains('active')) overlay.classList.add('active');
// Spotlight ausblenden - Modal hat eigene Abdunkelung
Tutorial._els.spotlight.style.opacity = '0';
// Bubble auf Modal umpositionieren
Tutorial._stepTimeout(function() {
var modal = document.querySelector('#modal-new .modal');
if (modal) {
var step = Tutorial._steps[Tutorial._currentStep];
step._origTarget = step.target;
step.target = '#modal-new .modal';
step.position = 'left';
Tutorial._positionBubble(step);
}
}, 400);
}, 1500);
},
onExit: function() {
// Modal nur schliessen wenn naechster Step kein Modal-Step ist
// Modal oeffnen fuer den naechsten Step
var nextStep = Tutorial._steps[Tutorial._currentStep];
var nextIsModal = nextStep && nextStep.target && nextStep.target.indexOf('#modal-') !== -1;
if (!nextIsModal) {
if (nextIsModal) {
var overlay = document.getElementById('modal-new');
if (overlay) overlay.classList.remove('active');
}
// Target zuruecksetzen
var step = Tutorial._steps[2];
if (step && step._origTarget) {
step.target = step._origTarget;
step.position = 'right';
delete step._origTarget;
if (overlay && !overlay.classList.contains('active')) overlay.classList.add('active');
}
},
},