From a540f0348d0c2736bc95895451101bdc9ab0ee8a Mon Sep 17 00:00:00 2001 From: oswaldsimona Date: Sat, 25 Apr 2026 23:25:16 +0200 Subject: [PATCH] =?UTF-8?q?Filterrestriktionen=20Ern=C3=A4hrungsform,=20Bu?= =?UTF-8?q?tton=20um=20Filter=20zu=20l=C3=B6schen?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/stylesheet_global.css | 14 +++++ event_detail.html | 5 +- event_overview.html | 6 +- js/event_overview.js | 121 ++++++++++++++++++++++++++++++++++++-- 4 files changed, 135 insertions(+), 11 deletions(-) diff --git a/css/stylesheet_global.css b/css/stylesheet_global.css index af28c58..95ff9cd 100644 --- a/css/stylesheet_global.css +++ b/css/stylesheet_global.css @@ -609,6 +609,20 @@ label { gap: var(--space-16); } +.filter-delete { + border: 1.5px solid var(--olive); + color: var(--olive); + background: transparent; + +} + +.filter-delete:hover { + border: 1.5px solid var(--olive-dark); + color: var(--olive-dark); + background: var(--olive-light); + +} + .button-small { background: var(--olive); color: var(--butter-light); diff --git a/event_detail.html b/event_detail.html index 3744bd8..6f1e3b5 100644 --- a/event_detail.html +++ b/event_detail.html @@ -42,7 +42,8 @@

Ein Platz für dich am Tisch!

- + +

Schön, dass du dich dazu gesellen möchtest! Da dein:e Gastgeber:in extra für dich einkauft und mit viel Liebe kocht, ist deine Anmeldung ein festes Versprechen. Bitte sag nur zu, wenn du an dem Tag wirklich Zeit hast. So zeigst du echte Wertschätzung für die Mühe und wir lassen niemanden auf vollen Töpfen sitzen.

@@ -58,7 +59,7 @@

Pläne haben sich geändert?

- +

Schade, dass du nicht dabei sein kannst! Aber manchmal kommt einfach etwas dazwischen. Wenn du dich jetzt abmeldest, gibst du deinen Stuhl am Tisch für jemand anderen aus der Community frei. So hilfst du bei der Planung und ein anderer Feinschmecker freut sich über den freien Platz.

diff --git a/event_overview.html b/event_overview.html index d962832..d03f586 100644 --- a/event_overview.html +++ b/event_overview.html @@ -73,11 +73,12 @@ +
-
+
Nach Allergenen filtern
@@ -89,9 +90,6 @@
- - -
diff --git a/js/event_overview.js b/js/event_overview.js index 26119a7..5e4f6f9 100644 --- a/js/event_overview.js +++ b/js/event_overview.js @@ -167,6 +167,7 @@ dateFilter.value = savedDate; } + updateDietAvailability(); applyFilters(); } catch (error) { console.error('Fehler:', error); @@ -631,6 +632,59 @@ }); } + // Verhindert widersprüchliche Ernährungsformen: + // Fleisch/Fisch schliessen Vegetarisch/Vegan aus. + // Vegan schliesst alles andere (Fleisch, Fisch, Vegetarisch) aus. + // Vegetarisch schliesst Fleisch/Fisch aus, aber nicht Vegan. + function updateDietAvailability() { + const dietButtons = Array.from(filterButtons).filter(btn => btn.getAttribute('data-diet') !== null); + const meatFishButtons = dietButtons.filter(btn => ['Fleisch', 'Fisch'].includes(btn.getAttribute('data-diet'))); + const plantButtons = dietButtons.filter(btn => ['Vegetarisch', 'Vegan'].includes(btn.getAttribute('data-diet'))); + const vegetarischBtn = dietButtons.find(btn => btn.getAttribute('data-diet') === 'Vegetarisch'); + const veganBtn = dietButtons.find(btn => btn.getAttribute('data-diet') === 'Vegan'); + + const hasVegan = activeDiets.has('Vegan'); + const hasVegetarisch = activeDiets.has('Vegetarisch'); + const hasMeatOrFish = meatFishButtons.some(btn => activeDiets.has(btn.getAttribute('data-diet'))); + + // If Vegan is selected, disable everything else + if (hasVegan) { + meatFishButtons.forEach(btn => { + btn.classList.add('disabled'); + }); + if (vegetarischBtn) { + vegetarischBtn.classList.add('disabled'); + } + } + // If Vegetarisch is selected, disable only Fleisch/Fisch + else if (hasVegetarisch) { + meatFishButtons.forEach(btn => { + btn.classList.add('disabled'); + }); + if (veganBtn) { + veganBtn.classList.remove('disabled'); + } + } + // If Fleisch/Fisch is selected, disable both Vegetarisch and Vegan + else if (hasMeatOrFish) { + if (vegetarischBtn) { + vegetarischBtn.classList.add('disabled'); + } + if (veganBtn) { + veganBtn.classList.add('disabled'); + } + } + // No conflicts, enable everything + else { + plantButtons.forEach(btn => { + btn.classList.remove('disabled'); + }); + meatFishButtons.forEach(btn => { + btn.classList.remove('disabled'); + }); + } + } + // Category filter interactions: mutually exclusive (radio button behavior). filterButtons.forEach(button => { button.addEventListener('click', () => { @@ -642,12 +696,34 @@ // Category filter: exclusive selection activeCategory = categoryValue; } else if (dietValue !== null) { - // Diet filter: toggle selection - if (activeDiets.has(dietValue)) { - activeDiets.delete(dietValue); + // Diet filter: toggle selection with conflict handling + const isCurrentlySelected = activeDiets.has(dietValue); + + if (!isCurrentlySelected) { + // Adding a diet - handle conflicts + if (dietValue === 'Vegetarisch') { + // Vegetarisch removes Fleisch/Fisch but not Vegan + activeDiets.delete('Fleisch'); + activeDiets.delete('Fisch'); + activeDiets.add('Vegetarisch'); + } else if (dietValue === 'Vegan') { + // Vegan removes all other options + activeDiets.delete('Vegetarisch'); + activeDiets.delete('Fleisch'); + activeDiets.delete('Fisch'); + activeDiets.add('Vegan'); + } else if (dietValue === 'Fleisch' || dietValue === 'Fisch') { + // Fleisch/Fisch remove Vegetarisch/Vegan + activeDiets.delete('Vegetarisch'); + activeDiets.delete('Vegan'); + activeDiets.add(dietValue); + } } else { - activeDiets.add(dietValue); + // Removing a diet + activeDiets.delete(dietValue); } + + updateDietAvailability(); } else if (allergieValue !== null) { // Allergie filter: toggle selection if (activeAllergies.has(allergieValue)) { @@ -679,10 +755,30 @@ } } + // Clear all filters button + const clearAllFiltersBtn = document.getElementById('clear-all-filters'); + if (clearAllFiltersBtn) { + clearAllFiltersBtn.addEventListener('click', () => { + activeCategory = 'ALLE'; + activeDiets.clear(); + activeAllergies.clear(); + + if (locationFilter) { + locationFilter.value = 'ALLE_ORTE'; + } + if (dateFilter) { + dateFilter.value = ''; + } + + updateDietAvailability(); + applyFilters(); + }); + } + // Info button modal behavior const infoButton = document.getElementById('info-button'); const infoModal = document.getElementById('info-modal'); - const modalClose = infoModal?.querySelector('.modal-close'); + const modalClose = infoModal?.querySelector('modal-close'); if (infoButton && infoModal) { infoButton.addEventListener('click', () => { @@ -717,3 +813,18 @@ // Kick off initial load/render cycle. fetchEvents(); }); + +// Modal closing helper functions +function closeRegisterModal() { + const modal = document.getElementById('register-confirm-modal'); + if (modal) { + modal.classList.remove('show'); + } +} + +function closeUnregisterModal() { + const modal = document.getElementById('unregister-confirm-modal'); + if (modal) { + modal.classList.remove('show'); + } +}