File size: 3,086 Bytes
d20dd7e ef362ff d20dd7e ef362ff d20dd7e |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 |
// elementi pagina
const rowPrenotazioni = document.querySelector('#row-prenotazioni');
onLoad();
function onLoad() {
// eseguo la chiamata per ottenere le prenotazioni
// select delle Prenotazioni con in join Lotti, join con Prodotti e join con Produttori
const urlPrenotazioni = '/api/dati_prenotazioni';
fetch(urlPrenotazioni).then(res => res.json()).then(data => {
console.log(data);
if (data.length == 0) {
rowPrenotazioni.innerHTML = `<p>Non hai ancora effettuato prenotazioni, <a href="/">scopri i prodotti disponibili</a>!</p>`;
}
for(prenot of data) {
let renderModifica = '';
if(!prenot.lotto.sospeso) {
renderModifica = `<a href="/prenotazione/${prenot.id}" class="btn btn-primary w-100">Modifica prenotazione</a>`;
} else {
renderModifica = '<a href="#" class="btn btn-danger disabled">Annullato</a>';
}
rowPrenotazioni.innerHTML += `
<div class="col-lg-3 mb-3">
<div class="card mb-3 w-100 h-100">
<div class="card-header">
<h4 class="card-title">
${prenot.lotto.prodotto.nome}
</h4>
<div class="text-end"><small>(cod. lotto ${prenot.lotto.id} / prenot. ${prenot.id})</small></div>
</div>
<div class="card-body d-flex flex-column">
<p class="card-text">
<small>Disponibile da:</small> <b>${prenot.lotto.get_date}</b>
</p>
<p class="card-text">
<small>Prodotto da:</small> <b>${prenot.lotto.prodotto.produttore.nome}</b>
</p>
<p class="card-text">
<small>Prezzo:</small> <b>${prenot.lotto.prezzo_unitario}</b>
</p>
<p class="card-text">
<small>Q.tà totale lotto:</small> <b>${prenot.lotto.qta_lotto}</b>
</p>
<p class="card-text">
<small>Q.tà disponibile:</small> <b>${prenot.lotto.get_qta_disponibile}</b>
</p>
<div class="mt-auto alert alert-primary">
<p class="card-text">
<small>Q.tà prenotata:</small> <b>${prenot.qta} ${prenot.lotto.qta_unita_misura}</b>
</p>
<p class="card-text">
<small>Prezzo totale:</small> <b>${prenot.get_prezzo_totale_str}</b>
</p>
${renderModifica}
</div>
</div>
</div>
</div>
`;
}
});
} |