${event.extendedProps.vehicle}
@@ -1411,115 +1729,144 @@
// Event modal functions
function showEventModal(event) {
- const modal = document.getElementById('eventModal');
- const modalContent = modal.querySelector('.modal-body .info-grid');
+ currentEventId = event.id;
- const startDate = formatDateTime(event.start);
- const endDate = formatDateTime(event.end);
+ // Fill modal with event details
+ document.getElementById('modalDriver').textContent = event.extendedProps.driverName;
+ document.getElementById('modalVehicle').textContent = event.extendedProps.vehicle;
+ document.getElementById('modalStart').textContent = formatDateTime(event.start);
+ document.getElementById('modalEnd').textContent = formatDateTime(event.end);
+ document.getElementById('modalPurpose').textContent = event.extendedProps.purpose || '(není uvedeno)';
+
+ // Check if this reservation belongs to the current user
+ const userReservations = JSON.parse(localStorage.getItem('userReservations') || '[]');
+ const deleteButton = document.getElementById('deleteReservation');
- modalContent.innerHTML = `
-
Řidič:
-
${event.extendedProps.driverName}
-
-
Vozidlo:
-
${event.extendedProps.vehicle}
-
-
Začátek:
-
${startDate}
-
-
Konec:
-
${endDate}
-
-
Účel:
-
${event.extendedProps.purpose || '(není uvedeno)'}
- `;
-
- // Show delete button only for user's own reservations
- const deleteBtn = document.getElementById('deleteReservation');
- if (deleteBtn) {
- deleteBtn.classList.remove('hidden');
- deleteBtn.onclick = async function() {
- if (confirm('Opravdu chcete zrušit tuto rezervaci?')) {
- try {
- const response = await fetch(`/api/reservations/${event.id}`, {
- method: 'DELETE'
- });
- if (response.ok) {
- event.remove();
- modal.style.display = 'none';
- updateReservationsList();
- }
- } catch (error) {
- console.error('Error deleting reservation:', error);
- }
- }
- };
+ if (userReservations.includes(event.id)) {
+ deleteButton.classList.remove('hidden');
+ } else {
+ deleteButton.classList.add('hidden');
}
-
- modal.style.display = 'block';
+
+ // Show modal
+ document.getElementById('eventModal').style.display = 'block';
}
- // Close modal when clicking the close button or outside
- document.querySelector('.modal-close').onclick = function() {
+ // Add click handlers for modal
+ document.querySelector('.modal-close').addEventListener('click', function() {
document.getElementById('eventModal').style.display = 'none';
- }
-
- window.onclick = function(event) {
- const modal = document.getElementById('eventModal');
- if (event.target == modal) {
- modal.style.display = 'none';
- }
- }
-
- // Vehicle filter functionality
- const vehicleFilterButtons = document.querySelectorAll('.vehicle-filter-btn');
- vehicleFilterButtons.forEach(button => {
- button.addEventListener('click', function() {
- const vehicle = this.getAttribute('data-vehicle');
-
- // Update active button
- vehicleFilterButtons.forEach(btn => btn.classList.remove('active'));
- this.classList.add('active');
-
- // Show/hide reservations based on filter
- const reservations = document.querySelectorAll('.reservation-item');
- reservations.forEach(item => {
- if (vehicle === 'all' || item.querySelector('.reservation-vehicle-badge').textContent.trim() === vehicle) {
- item.classList.remove('hidden-vehicle');
- } else {
- item.classList.add('hidden-vehicle');
- }
- });
-
- // Show/hide calendar events based on filter
- calendar.getEvents().forEach(event => {
- if (vehicle === 'all' || event.extendedProps.vehicle === vehicle) {
- event.setProp('classNames', []);
- } else {
- event.setProp('classNames', ['hidden-vehicle']);
- }
- });
- });
});
- // New Reservation button handler
- document.getElementById('newReservationBtn').addEventListener('click', function() {
- // Reset form
- reservationForm.reset();
+ window.addEventListener('click', function(event) {
+ const modal = document.getElementById('eventModal');
+ if (event.target === modal) {
+ modal.style.display = 'none';
+ }
+ });
+
+ // Handle delete button click
+ document.getElementById('deleteReservation').addEventListener('click', async function() {
+ if (!currentEventId) return;
- // Set default times
- const now = new Date();
- const defaultStartDate = now.toISOString().split('T')[0];
- const defaultStartTime = now.getHours().toString().padStart(2, '0') + ':00';
- const defaultEndTime = (now.getHours() + 1).toString().padStart(2, '0') + ':00';
-
- document.getElementById('startDate').value = defaultStartDate;
- document.getElementById('startTime').value = defaultStartTime;
- document.getElementById('endDate').value = defaultStartDate;
- document.getElementById('endTime').value = defaultEndTime;
-
- // Show modal
- document.getElementById('reservationModal').style.display = 'block';
+ if (confirm('Opravdu chcete zrušit tuto rezervaci?')) {
+ try {
+ const response = await fetch(`/api/reservations/${currentEventId}`, {
+ method: 'DELETE'
+ });
+
+ if (!response.ok) {
+ throw new Error('Failed to delete reservation');
+ }
+
+ // Remove from localStorage
+ const userReservations = JSON.parse(localStorage.getItem('userReservations') || '[]');
+ const updatedReservations = userReservations.filter(id => id !== currentEventId);
+ localStorage.setItem('userReservations', JSON.stringify(updatedReservations));
+
+ // Remove from calendar
+ const event = calendar.getEventById(currentEventId);
+ if (event) {
+ event.remove();
+ }
+
+ // Close modal and show success message
+ document.getElementById('eventModal').style.display = 'none';
+ showMessage('Rezervace byla úspěšně zrušena', 'success');
+
+ // Update the reservations list
+ updateReservationsList();
+ } catch (error) {
+ console.error('Error deleting reservation:', error);
+ showMessage('Nepodařilo se zrušit rezervaci', 'error');
+ }
+ }
+ });
+
+ // Update form submission to track user's reservations
+ reservationForm.addEventListener('submit', async function(e) {
+ e.preventDefault();
+
+ // ... existing validation code ...
+
+ try {
+ const response = await fetch('/api/reservations', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ body: JSON.stringify(reservationData)
+ });
+
+ if (!response.ok) {
+ throw new Error('Network response was not ok');
+ }
+
+ const result = await response.json();
+
+ // Store reservation ID in localStorage
+ const userReservations = JSON.parse(localStorage.getItem('userReservations') || '[]');
+ userReservations.push(result.id);
+ localStorage.setItem('userReservations', JSON.stringify(userReservations));
+
+ // Add the new event to the calendar
+ calendar.addEvent({
+ id: result.id,
+ title: `${result.vehicle} - ${result.driverName}`,
+ start: `${result.startDate}T${result.startTime}`,
+ end: `${result.endDate}T${result.endTime}`,
+ extendedProps: {
+ driverName: result.driverName,
+ vehicle: result.vehicle,
+ purpose: result.purpose
+ }
+ });
+
+ // Reset form and close modal
+ reservationForm.reset();
+ document.getElementById('reservationModal').style.display = 'none';
+ showMessage('Rezervace byla úspěšně vytvořena', 'success');
+
+ } catch (error) {
+ console.error('Error:', error);
+ showMessage('Nepodařilo se vytvořit rezervaci', 'error');
+ }
+ });
+
+ // Make calendar events clickable
+ calendar.on('eventClick', function(info) {
+ showEventModal(info.event);
+ });
+
+ // Make reservation list items clickable
+ document.getElementById('reservationsList').addEventListener('click', function(e) {
+ const reservationItem = e.target.closest('.reservation-item');
+ if (reservationItem) {
+ const eventId = reservationItem.dataset.eventId;
+ const event = calendar.getEventById(eventId);
+ if (event) {
+ showEventModal(event);
+ }
+ }
});
});