diff --git a/public/js/main.js b/public/js/main.js index b25fc77..813a4d3 100644 --- a/public/js/main.js +++ b/public/js/main.js @@ -9,33 +9,40 @@ document.addEventListener('DOMContentLoaded', function() { }); } - // Carregar veículos + // Carregar veículos const carsContainer = document.getElementById('cars-container'); if (carsContainer) { fetch('/api/vehicles') .then(response => response.json()) .then(vehicles => { + if (vehicles.length === 0) { + carsContainer.innerHTML = '

Nenhum veículo disponível no momento.

'; + return; + } vehicles.forEach(vehicle => { const card = createVehicleCard(vehicle); carsContainer.appendChild(card); }); }) - .catch(error => console.error('Erro ao carregar veículos:', error)); + .catch(error => { + console.error('Erro ao carregar veículos:', error); + carsContainer.innerHTML = '

Erro ao carregar veículos. Tente novamente mais tarde.

'; + }); } }); function createVehicleCard(vehicle) { const card = document.createElement('div'); card.className = 'car-card'; - card.innerHTML = ` - ${vehicle.marca} ${vehicle.modelo} + card.innerHTML = + ${vehicle.marca}
-

${vehicle.marca} ${vehicle.modelo}

+

${vehicle.marca}

Ano: ${vehicle.anoFabricacao}

Km: ${vehicle.quilometragem.toLocaleString()}

R$ ${vehicle.preco.toLocaleString()}

Ver Detalhes
- `; + ; return card; -} \ No newline at end of file +}