TDvorak/PPve
1
0
Fork 0
mirror of https://github.com/Dvorinka/PPve.git synced 2026-06-03 20:12:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

test cal

Browse Source
This commit is contained in:
Tomas Dvorak
2025-06-17 07:04:35 +02:00
parent 0ab0db2438
commit 1b424d4f5d
2 changed files with 55 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files
rezervace-aut.html
+23 -32
View File
@@ -1199,49 +1199,40 @@
// Filter and sort events
const currentAndFutureEvents = events
.filter(event => {
const eventDate = new Date(event.start);
eventDate.setHours(0, 0, 0, 0);
return eventDate >= now;
})
.sort((a, b) => a.start.getTime() - b.start.getTime());
.filter(event => event.end >= now)
.sort((a, b) => a.start - b.start);
// Update count
reservationsCount.textContent = currentAndFutureEvents.length > 0
? `Celkem: ${currentAndFutureEvents.length} rezervací`
: '';
? `Počet rezervací: ${currentAndFutureEvents.length}`
: 'Žádné aktuální ani budoucí rezervace';
if (currentAndFutureEvents.length === 0) {
reservationsList.innerHTML = '<div class="p-4 text-gray-500 text-center">Žádné aktuální ani budoucí rezervace</div>';
reservationsList.innerHTML = `
<div class="p-4 text-center text-gray-500">
Žádné aktuální ani budoucí rezervace
</div>
`;
return;
}
const html = currentAndFutureEvents.map(event => {
const vehicleClass = 'event-' + event.extendedProps.vehicle.toLowerCase().replace(/[^a-z0-9]+/g, '-');
const startDate = formatDateTime(event.start);
const endDate = formatDateTime(event.end);
// Check if the reservation is for today
const today = new Date();
const eventDate = new Date(event.start);
const isToday = eventDate.getDate() === today.getDate() &&
eventDate.getMonth() === today.getMonth() &&
eventDate.getFullYear() === today.getFullYear();
const vehicleClass = 'vehicle-' + event.extendedProps.vehicle.toLowerCase().replace(/\s+/g, '-');
return `
<div class="reservation-item hover:bg-gray-50 ${isToday ? 'bg-blue-50' : ''}">
<div class="flex items-center gap-4 p-3">
<div class="w-3 h-3 rounded-full ${vehicleClass}"></div>
<div class="flex-1">
<div class="font-medium flex items-center gap-2">
${event.extendedProps.driverName}
${isToday ? '<span class="text-xs bg-blue-100 text-blue-800 px-2 py-1 rounded-full">Dnes</span>' : ''}
<div class="reservation-item hover:bg-gray-50">
<span class="reservation-vehicle-badge ${vehicleClass} text-sm">
${event.extendedProps.vehicle}
</span>
<div class="flex-grow">
<div class="font-medium">${event.extendedProps.driverName}</div>
<div class="text-sm text-gray-600">
${formatDateTime(event.start)} - ${formatDateTime(event.end)}
</div>
${event.extendedProps.purpose ? `
<div class="text-sm text-gray-500 mt-1">
Účel: ${event.extendedProps.purpose}
</div>
<div class="text-sm text-gray-600">${event.extendedProps.vehicle}</div>
</div>
<div class="text-sm text-gray-500">
${startDate} - ${endDate}
</div>
` : ''}
</div>
</div>
`;