Commit 016cd4f2 authored by Mat's avatar Mat

today: met à jour les champs input du formulaire lorsqu'on déplace les sliders

parent 89e80d8c
......@@ -19,12 +19,13 @@ $("#offre div.item")
*
*/
let gridItem = document.querySelectorAll("div#offre .item.legume");
let gridItems = document.querySelectorAll("div#offre .item.legume");
let form = document.querySelector("form.formulaire_commande");
let formItem = form.querySelectorAll("ul#commandeLegumes li.formItem");
let formItems = form.querySelectorAll("ul#commandeLegumes li.formItem");
// parcourt la grille
gridItem.forEach(function(item)
gridItems.forEach(function(item)
{
let input = item.querySelector("input.slider");
let qmin = parseFloat(item.querySelector("span.qmin").textContent);
......@@ -33,34 +34,40 @@ gridItem.forEach(function(item)
let unite = prixQuantite.querySelector("span.unite").textContent;
let quantite = item.querySelector("span.quantite");
// lorsqu'on actionne un slider
input.addEventListener('input', function()
// correspondance du contexte de la grille et du formulaire
for (let formItem of formItems) if (formItem.dataset.legumeId === item.dataset.legumeId)
{
let prix = parseFloat((this.value * prixUnitr).toFixed(2));
if (this.value >= qmin)
// lorsqu'on actionne un slider
input.addEventListener('input', function()
{
// rafraichit l'affichage de l'item
prixQuantite.innerHTML = this.value
+ ' ' + unite + (unite !== 'kg' && this.value > 1 ? 's' : '')
+ ' <span class="prix">(' + prix + '€)</span>'
;
quantite.innerHTML = this.value + ' ' + unite + (unite !== 'kg' && this.value > 1 ? 's' : '');
let prix = parseFloat((this.value * prixUnitr).toFixed(2));
} else {
if (this.value >= qmin)
{
// rafraichit l'affichage de l'item
prixQuantite.innerHTML = this.value
+ ' ' + unite + (unite !== 'kg' && this.value > 1 ? 's' : '')
+ ' <span class="prix">(' + prix + '€)</span>'
;
quantite.innerHTML = this.value + ' ' + unite + (unite !== 'kg' && this.value > 1 ? 's' : '');
// reset l'affichage de l'item
quantite.innerHTML = null;
prixQuantite.innerHTML = `<span class="prixUnitr">${prixUnitr}</span><span class="devise">€</span>/<span class="unite">${unite}</span>`;
}
} else {
console.log(prix);
});
// reset l'affichage de l'item
quantite.innerHTML = null;
prixQuantite.innerHTML = `<span class="prixUnitr">${prixUnitr}</span><span class="devise">€</span>/<span class="unite">${unite}</span>`;
}
// rafraîchit les champs du formulaire
formItem.querySelector("input[id$=quantite]").value = this.value;
formItem.querySelector("input[id$=prix]").value = prix;
});
}
});
console.log(gridItem);
console.log(form);
console.log(formItem);
// console.log(gridItems);
// console.log(form);
// console.log(formItems);
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment