|
|
| const rowPrenotazioni = document.querySelector('#row-prenotazioni');
|
|
|
| onLoad();
|
|
|
| function onLoad() {
|
|
|
|
|
|
|
|
|
| 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>
|
| `;
|
| }
|
|
|
| });
|
|
|
| } |
