diff --git a/js/event_overview.js b/js/event_overview.js
index 723a753..c3072a0 100644
--- a/js/event_overview.js
+++ b/js/event_overview.js
@@ -9,7 +9,7 @@ document.addEventListener('DOMContentLoaded', () => {
const filterButtons = document.querySelectorAll('.category-item');
const locationFilter = document.getElementById('location-filter');
const dateFilter = document.getElementById('date-filter');
- const locationIconPath = 'assets/location-pin.svg';
+ const locationIconPath = 'assets/icon_location-pin.svg';
// -------------------------------------------------------------
// In-memory state for fetched events and currently active category.
@@ -329,7 +329,7 @@ document.addEventListener('DOMContentLoaded', () => {
Keine Treffer
Starte dein eigenes Dinner und bringe die Community an deinen Tisch.
+Starte dein eigenes Event und bringe die Community an deinen Tisch.
@@ -435,12 +435,29 @@ document.addEventListener('DOMContentLoaded', () => { : []; const idSet = new Set(currentIds); + // Abmeldung: Benutzer vom Event entfernen und Snackbar anzeigen. if (action === 'unregister') { idSet.delete(Number(event.id)); + const snackbar = document.getElementById('snackbar'); + if (snackbar) { + snackbar.textContent = 'Du wurdest erfolgreich abgemeldet.'; + snackbar.classList.add('snackbar--danger', 'snackbar--visible'); + setTimeout(() => { + snackbar.classList.remove('snackbar--visible'); + setTimeout(() => snackbar.classList.remove('snackbar--danger'), 400); + }, 3000); + } } + // Anmeldung: Benutzer zum Event hinzufuegen und Snackbar anzeigen. if (action === 'register' && !isFull && !isRegistrationClosed) { idSet.add(Number(event.id)); + const snackbar = document.getElementById('snackbar'); + if (snackbar) { + snackbar.textContent = 'Du wurdest erfolgreich angemeldet.'; + snackbar.classList.add('snackbar--visible'); + setTimeout(() => snackbar.classList.remove('snackbar--visible'), 3000); + } } nextRegistrationMap[currentUser.email] = Array.from(idSet); diff --git a/js/my_profil.js b/js/my_profil.js index 68cfdb4..b1c4959 100644 --- a/js/my_profil.js +++ b/js/my_profil.js @@ -148,11 +148,24 @@ document.addEventListener('DOMContentLoaded', () => { }); logoutButton.addEventListener('click', () => { - localStorage.removeItem(CURRENT_USER_KEY); - window.location.href = 'login.html'; + const logoutModal = document.getElementById('logoutModal'); + logoutModal.classList.add('show'); + document.body.style.overflow = 'hidden'; }); } + // Globale Funktionen fuer das Logout-Modal. + window.closeLogoutModal = function() { + const logoutModal = document.getElementById('logoutModal'); + logoutModal.classList.remove('show'); + document.body.style.overflow = 'auto'; + }; + + window.confirmLogout = function() { + localStorage.removeItem(CURRENT_USER_KEY); + window.location.href = 'index.html'; + }; + // Reagiert auf Aktionen in der Liste "Meine Events" per Event Delegation. function handleHostedListClick(event) { const target = event.target; @@ -219,6 +232,17 @@ document.addEventListener('DOMContentLoaded', () => { } unregisterFromEvent(eventId, currentUser.email); + + // Snackbar: Feedback bei erfolgreicher Abmeldung. + const snackbar = document.getElementById('snackbar'); + if (snackbar) { + snackbar.textContent = 'Du wurdest erfolgreich abgemeldet.'; + snackbar.classList.add('snackbar--danger', 'snackbar--visible'); + setTimeout(() => { + snackbar.classList.remove('snackbar--visible'); + setTimeout(() => snackbar.classList.remove('snackbar--danger'), 400); + }, 3000); + } return; } diff --git a/js/navigation.js b/js/navigation.js index f2803ac..ab840b3 100644 --- a/js/navigation.js +++ b/js/navigation.js @@ -31,8 +31,8 @@ document.addEventListener('DOMContentLoaded', () => { const signupIsActive = currentPage === 'signup.html'; const isIndex = currentPage === 'index.html' || currentPage === ''; - // Auf der Startseite nur Login anzeigen. - if (isIndex) { + // Auf der Startseite, Login und Signup nur Login anzeigen. + if (isIndex || loginIsActive || signupIsActive) { return ` { > Signup - `;`; + `; } // Baut die Navigation fuer eingeloggte Benutzer. - function buildLoggedInNavigation() { + function buildLoggedInNavigation(user) { + const initial = (user.vorname || 'U').charAt(0).toUpperCase(); + const isEventOverview = currentPage === 'event_overview.html'; + return ` - Event finden - Event erstellen - Mein Profil + ${isEventOverview ? '' : 'Event finden'} + Event erstellen + ${initial} `; } const currentUser = getCurrentUser(); - const nextMarkup = currentUser ? buildLoggedInNavigation() : buildLoggedOutNavigation(); + const nextMarkup = currentUser ? buildLoggedInNavigation(currentUser) : buildLoggedOutNavigation(); // Wendet das passende Markup auf alle vorhandenen Kopf-Navigationen an. navContainers.forEach(container => { diff --git a/js/signup.js b/js/signup.js index 21a6fc0..5623154 100644 --- a/js/signup.js +++ b/js/signup.js @@ -46,6 +46,7 @@ function openWelcomeModal() { function closeWelcomeModal() { welcomeModal.classList.remove('show'); document.body.style.overflow = 'auto'; + window.location.href = 'event_overview.html'; } // Hauptfunktion fuer Formularvalidierung und Speicherung. @@ -138,10 +139,7 @@ function validateForm(event) { setCurrentUser(newUser); openWelcomeModal(); - // Hier koennte spaeter ein echter API-Call zum Backend stehen. - - // Weiterleitung zur Event-Overview-Seite. - window.location.href = 'event_overview.html'; + // Weiterleitung erfolgt beim Klick auf "Weiter zu den Events". } } diff --git a/login.html b/login.html index bf4b1c4..5cdded3 100644 --- a/login.html +++ b/login.html @@ -20,8 +20,7 @@
+ 