Commit 89e80d8c authored by Mat's avatar Mat

today: resume la quantité sélectionnée pour chaque légume

parent 5131a989
......@@ -33,6 +33,7 @@
/<span class="unite">{{ legume.unite }}</span>
</div>
</div>
<span class="quantite"></span>
</div>
{% endfor %}
......
......@@ -31,23 +31,31 @@ gridItem.forEach(function(item)
let prixQuantite = item.querySelector("div.prixQuantite");
let prixUnitr = parseFloat(prixQuantite.querySelector("span.prixUnitr").textContent);
let unite = prixQuantite.querySelector("span.unite").textContent;
let quantite = item.querySelector("span.quantite");
// lorsqu'on actionne un slider
input.addEventListener('input', function()
{
let prix = parseFloat((this.value * prixUnitr).toFixed(2));
if (this.value >= qmin)
{
// rafraichit l'affichage de l'item
let pu = (this.value * prixUnitr).toFixed(2) + '';
prixQuantite.innerHTML = this.value
+ ' ' + unite + (unite !== 'kg' && this.value > 1 ? 's' : '')
+ ' <span class="pu">(' + pu + ')</span>'
+ ' <span class="prix">(' + prix + ')</span>'
;
quantite.innerHTML = this.value + ' ' + unite + (unite !== 'kg' && this.value > 1 ? 's' : '');
} else {
// 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>`;
}
console.log(prix);
});
});
......
......@@ -401,12 +401,22 @@ body[id^='today'] #offre.grid div.item .overlay {
.overlay div.texte {
margin-left: 2.5em;
}
body[id^='today'] #offre.grid div.item span.quantite,
.overlay div.prixQuantite {
position: absolute;
padding: 1em;
bottom: 0;
right: 0;
}
body[id^='today'] #offre.grid div.item:hover span.quantite {
display: none;
}
body[id^='today'] #offre.grid div.item span.quantite {
background-color: black;
padding: 0 10px;
color: white;
opacity: 0.7;
}
.overlay div.prixQuantite {
font-size: 14px;
}
......@@ -416,8 +426,9 @@ body[id^='today'] #offre.grid div.item .overlay {
.overlay div.prixQuantite span.prixUnitr {
font-size: 22px;
}
.overlay div.prixQuantite span.pu {
.overlay div.prixQuantite span.prix {
color: #40e859;
font-size: 85%;
}
.overlay div.texte p {
font-size: 10px;
......
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