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

etst

Browse Source
This commit is contained in:
Dvorinka
2025-06-20 10:09:56 +02:00
parent b81438792b
commit 11b046ac7f
2 changed files with 7 additions and 191 deletions
Download Patch File Download Diff File Expand all files Collapse all files
admin-dashboard.html
+5 -144
View File
@@ -1144,49 +1144,7 @@
<div class="mb-6">
<h4 class="font-medium text-gray-700 mb-3">Přednastavené aplikace</h4>
<div id="hardcodedAppsList" class="space-y-4">
<!-- Reservations Management Section -->
<div class="card">
<h3>Rezervace vozidel</h3>
<div class="flex flex-col space-y-4">
<!-- Filters -->
<div class="flex flex-wrap gap-4 mb-4">
<div class="flex-1 max-w-sm">
<label for="vehicleFilter" class="block text-sm font-medium text-gray-700 mb-1">Vozidlo</label>
<select id="vehicleFilter" class="form-control w-full" onchange="filterReservations()">
<option value="">Všechna vozidla</option>
</select>
</div>
<div class="flex-1 max-w-sm">
<label for="dateFilter" class="block text-sm font-medium text-gray-700 mb-1">Datum</label>
<input type="date" id="dateFilter" class="form-control w-full" onchange="filterReservations()">
</div>
<div class="flex-1 max-w-sm">
<button onclick="exportReservations()" class="btn btn-primary w-full">
<i class="fas fa-file-excel mr-2"></i>Export do Excelu
</button>
</div>
</div>
<!-- Reservations Table -->
<div class="overflow-x-auto">
<table id="reservationsTable" class="min-w-full divide-y divide-gray-200">
<thead class="bg-gray-50">
<tr>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Jméno řidiče</th>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Vozidlo</th>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Od</th>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Do</th>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Účel</th>
<th class="px-6 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">Akce</th>
</tr>
</thead>
<tbody class="bg-white divide-y divide-gray-200">
<!-- Reservations will be populated by JavaScript -->
</tbody>
</table>
</div>
</div>
</div>
<!-- Hardcoded apps will be loaded here -->
<div class="text-center text-gray-500 py-4">Načítám přednastavené aplikace...</div>
</div>
</div>
@@ -4599,25 +4557,13 @@ async function loadReservations() {
const tbody = document.querySelector('#reservationsTable tbody');
try {
const response = await fetch('/api/reservations');
if (!response.ok) {
throw new Error('Failed to load reservations');
}
if (!response.ok) throw new Error('Failed to load reservations');
const reservations = await response.json();
// Transform data to match frontend format
const transformedReservations = reservations.map(res => ({
id: res.ID,
driverName: res.DriverName,
vehicle: res.Vehicle,
start: new Date(res.StartDate + 'T' + res.StartTime).toISOString(),
end: new Date(res.EndDate + 'T' + res.EndTime).toISOString(),
purpose: res.Purpose
}));
window.allReservations = reservations; // Store for filtering
window.allReservations = transformedReservations; // Store for filtering
displayReservations(transformedReservations);
updateVehicleFilter(transformedReservations);
displayReservations(reservations);
updateVehicleFilter(reservations);
} catch (error) {
console.error('Error loading reservations:', error);
tbody.innerHTML = `
@@ -5009,91 +4955,6 @@ async function saveReservation(event) {
}
}
// Function to load and display reservations
function loadReservations() {
fetch('/api/reservations')
.then(response => response.json())
.then(data => {
const reservations = data.reservations || [];
displayReservations(reservations);
updateVehicleFilter(reservations);
})
.catch(error => {
console.error('Error loading reservations:', error);
showNotification('Nepodařilo se načíst rezervace', 'error');
});
}
// Function to display reservations
function displayReservations(reservations) {
const reservationsContainer = document.getElementById('reservationsContainer');
if (!reservationsContainer) return;
// Clear existing content
reservationsContainer.innerHTML = '';
if (reservations.length === 0) {
// Show no reservations message
const noReservations = document.createElement('div');
noReservations.className = 'text-center py-6 text-gray-500';
noReservations.innerHTML = 'Zatím nebyly vytvořeny žádné rezervace.';
reservationsContainer.appendChild(noReservations);
return;
}
// Sort reservations by date
reservations.sort((a, b) => new Date(a.date) - new Date(b.date));
// Add table header
const table = document.createElement('table');
table.className = 'min-w-full divide-y divide-gray-200';
const thead = document.createElement('thead');
thead.className = 'bg-gray-50';
const headerRow = document.createElement('tr');
const headers = ['Datum', 'Čas', 'Vozidlo', 'Jméno', 'Telefon', 'Email', 'Délka', 'Akce'];
headers.forEach(header => {
const th = document.createElement('th');
th.className = 'px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider';
th.textContent = header;
headerRow.appendChild(th);
});
thead.appendChild(headerRow);
table.appendChild(thead);
// Add table body
const tbody = document.createElement('tbody');
tbody.className = 'bg-white divide-y divide-gray-200';
// Add reservations
reservations.forEach(reservation => {
const row = document.createElement('tr');
row.className = 'hover:bg-gray-50';
// Add cells
const cells = [
formatDateTime(reservation.date, reservation.time),
reservation.vehicle,
reservation.name,
reservation.phone,
reservation.email,
calculateDuration(reservation),
'<button onclick="editReservation(\'' + reservation.id + '\')" class="text-blue-600 hover:text-blue-900">Upravit</button> '
];
cells.forEach(cellContent => {
const cell = document.createElement('td');
cell.className = 'px-6 py-4 whitespace-nowrap text-sm text-gray-900';
cell.innerHTML = cellContent;
row.appendChild(cell);
});
tbody.appendChild(row);
});
table.appendChild(tbody);
reservationsContainer.appendChild(table);
}
// Add event listeners when the page loads
document.addEventListener('DOMContentLoaded', function() {