TDvorak/PPve
1
0
Fork 0
mirror of https://github.com/Dvorinka/PPve.git synced 2026-06-05 13:02:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

test

Browse Source
This commit is contained in:
Tomas Dvorak
2025-06-17 08:26:55 +02:00
parent cd194a7544
commit 8a6f97d599
1 changed files with 52 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files
rezervace-aut.html
+50 -57
View File
@@ -1440,51 +1440,11 @@
// Initialize calendar // Initialize calendar
const calendarEl = document.getElementById('calendar'); const calendarEl = document.getElementById('calendar');
let selectedVehicle = 'all'; let selectedVehicle = 'all';
let calendar; // Make calendar global
// Filter events function // Fix calendar initialization
function filterEvents() { const calendarConfig = {
const events = calendar.getEvents(); initialView: 'dayGridMonth',
events.forEach(event => {
const eventEl = event.el;
if (eventEl) {
if (selectedVehicle === 'all' || event.extendedProps.vehicle === selectedVehicle) {
eventEl.classList.remove('hidden-vehicle');
} else {
eventEl.classList.add('hidden-vehicle');
}
}
});
// Filter reservation list
const reservationItems = document.querySelectorAll('#reservationsList .reservation-item');
reservationItems.forEach(item => {
const vehicleBadge = item.querySelector('.reservation-vehicle-badge');
if (vehicleBadge) {
const vehicle = vehicleBadge.textContent.trim();
if (selectedVehicle === 'all' || vehicle === selectedVehicle) {
item.classList.remove('hidden-vehicle');
} else {
item.classList.add('hidden-vehicle');
}
}
});
// Update active filter button
document.querySelectorAll('.vehicle-filter-btn').forEach(btn => {
btn.classList.toggle('active', btn.dataset.vehicle === selectedVehicle);
});
}
// Add click handlers for filter buttons
document.querySelectorAll('.vehicle-filter-btn').forEach(btn => {
btn.addEventListener('click', () => {
selectedVehicle = btn.dataset.vehicle;
filterEvents();
});
});
// Calendar configuration
const calendarConfig = { initialView: 'dayGridMonth',
headerToolbar: { headerToolbar: {
left: 'prev,next today', left: 'prev,next today',
center: 'title', center: 'title',
@@ -1520,32 +1480,68 @@
}, },
eventClassNames: function(arg) { eventClassNames: function(arg) {
return ['event-' + arg.event.extendedProps.vehicle.toLowerCase().replace(/\s+/g, '-')]; return ['event-' + arg.event.extendedProps.vehicle.toLowerCase().replace(/\s+/g, '-')];
},
eventClick: function(info) {
showEventModal(info.event);
},
dateClick: function(info) {
showReservationForm(info.date);
} }
}; };
calendar = new FullCalendar.Calendar(calendarEl, calendarConfig); calendar = new FullCalendar.Calendar(calendarEl, calendarConfig);
calendar.render(); calendar.render();
// Fix reservation form show/hide
const reservationModal = document.getElementById('reservationModal'); const reservationModal = document.getElementById('reservationModal');
const closeReservationModal = document.getElementById('closeReservationModal'); function showReservationForm(date) { const closeReservationModal = document.getElementById('closeReservationModal');
// Format the date for the form inputs using local timezone const newReservationBtn = document.getElementById('newReservationBtn');
const formattedDate = date.getFullYear() + '-' +
String(date.getMonth() + 1).padStart(2, '0') + '-' + newReservationBtn.addEventListener('click', () => {
String(date.getDate()).padStart(2, '0'); showReservationForm(new Date());
const formattedTime = String(date.getHours()).padStart(2, '0') + ':' + });
String(date.getMinutes()).padStart(2, '0');
closeReservationModal.addEventListener('click', () => {
reservationModal.style.display = 'none';
});
// Fix calendar filtering
function filterEvents() {
const events = calendar.getEvents();
events.forEach(event => {
const eventEl = event.el;
if (eventEl) {
if (selectedVehicle === 'all' || event.extendedProps.vehicle === selectedVehicle) {
eventEl.style.display = 'block';
} else {
eventEl.style.display = 'none';
}
}
});
updateReservationsList();
}
// Add click handlers for filter buttons
document.querySelectorAll('.vehicle-filter-btn').forEach(btn => {
btn.addEventListener('click', () => {
selectedVehicle = btn.dataset.vehicle;
filterEvents();
});
});
// Fix reservation form show function
function showReservationForm(date) {
const formattedDate = date.toISOString().split('T')[0];
const formattedTime = date.toTimeString().substring(0, 5);
// Set the form values
document.getElementById('startDate').value = formattedDate; document.getElementById('startDate').value = formattedDate;
document.getElementById('startTime').value = formattedTime; document.getElementById('startTime').value = formattedTime;
// Set end time to 1 hour after start time by default
const endDate = new Date(date); const endDate = new Date(date);
endDate.setHours(endDate.getHours() + 1); endDate.setHours(endDate.getHours() + 1);
document.getElementById('endDate').value = formattedDate; document.getElementById('endDate').value = formattedDate;
document.getElementById('endTime').value = endDate.toTimeString().substring(0, 5); document.getElementById('endTime').value = endDate.toTimeString().substring(0, 5);
// Show the modal
reservationModal.style.display = 'block'; reservationModal.style.display = 'block';
} }
@@ -1725,9 +1721,6 @@
// Initial update of reservations list // Initial update of reservations list
calendar.on('eventSourceSuccess', updateReservationsList); calendar.on('eventSourceSuccess', updateReservationsList);
// Update initial state
updateReservationsList();
// Event modal functions // Event modal functions
function showEventModal(event) { function showEventModal(event) {
currentEventId = event.id; currentEventId = event.id;