This commit is contained in:
Tomas Dvorak
2025-06-17 08:33:41 +02:00
parent 8a6f97d599
commit 9645b26a5c
+25 -6
View File
@@ -1465,12 +1465,19 @@
hour12: false hour12: false
}, },
eventDidMount: function(info) { eventDidMount: function(info) {
const vehicleClass = 'event-' + info.event.extendedProps.vehicle.toLowerCase().replace(/\s+/g, '-'); const vehicle = info.event.extendedProps.vehicle;
const vehicleClass = 'event-' + vehicle.toLowerCase().replace(/\s+/g, '-');
// Apply vehicle-specific styling
info.el.classList.add(vehicleClass); info.el.classList.add(vehicleClass);
// Apply initial filtering // Apply initial filtering
if (selectedVehicle !== 'all' && info.event.extendedProps.vehicle !== selectedVehicle) { if (selectedVehicle !== 'all' && vehicle !== selectedVehicle) {
info.el.classList.add('hidden-vehicle'); info.el.style.display = 'none';
info.el.style.visibility = 'hidden';
} else {
info.el.style.display = 'block';
info.el.style.visibility = 'visible';
} }
}, },
eventSourceSuccess: function(content, xhr) { eventSourceSuccess: function(content, xhr) {
@@ -1513,18 +1520,30 @@
if (eventEl) { if (eventEl) {
if (selectedVehicle === 'all' || event.extendedProps.vehicle === selectedVehicle) { if (selectedVehicle === 'all' || event.extendedProps.vehicle === selectedVehicle) {
eventEl.style.display = 'block'; eventEl.style.display = 'block';
eventEl.style.visibility = 'visible';
} else { } else {
eventEl.style.display = 'none'; eventEl.style.display = 'none';
eventEl.style.visibility = 'hidden';
} }
} }
}); });
updateReservationsList(); updateReservationsList();
} }
// Add click handlers for filter buttons // Update vehicle filter buttons to show active state
document.querySelectorAll('.vehicle-filter-btn').forEach(btn => { document.querySelectorAll('.vehicle-filter-btn').forEach(btn => {
btn.addEventListener('click', () => { btn.addEventListener('click', function() {
selectedVehicle = btn.dataset.vehicle; // Update active state
document.querySelectorAll('.vehicle-filter-btn').forEach(b => {
b.classList.remove('active');
b.querySelector('.vehicle-badge').classList.remove('ring-2', 'ring-brand-blue');
});
this.classList.add('active');
this.querySelector('.vehicle-badge').classList.add('ring-2', 'ring-brand-blue');
// Update selected vehicle and filter
selectedVehicle = this.dataset.vehicle;
filterEvents(); filterEvents();
}); });
}); });