ADHogu/SpiceCalc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

j'ai retiré des commentaires pas utiles

Browse Source
This commit is contained in:
Hogu
2026-03-05 18:27:49 +01:00
parent eac927d70c
commit b56713cfb4
1 changed files with 493 additions and 474 deletions
Download Patch File Download Diff File Expand all files Collapse all files

103
index.html
View File

@@ -1,15 +1,13 @@
<!DOCTYPE html> <!doctype html>
<html> <html>
<head>
<head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="assets/style.css" /> <link rel="stylesheet" href="assets/style.css" />
<title>Calculateur d'épices</title> <title>Calculateur d'épices</title>
</head> </head>
<body> <body>
<!-- div contenant le titre -->
<div id="titre"> <div id="titre">
<h1 id="grandTitre">Calcul des épices</h1> <h1 id="grandTitre">Calcul des épices</h1>
</div> </div>
@@ -70,19 +68,20 @@
const propAil = getElementValue("Prop_ail"); const propAil = getElementValue("Prop_ail");
let qteSel; let qteSel;
if (!document.getElementById("isCouenne" + ligne).checked) { if (!document.getElementById("isCouenne" + ligne).checked) {
qteSel = net * propSel qteSel = net * propSel;
} else { } else {
qteSel = net * (propSel / 2) qteSel = net * (propSel / 2);
}; }
document.getElementById("Sel (Kg)" + ligne).innerHTML = ( document.getElementById("Sel (Kg)" + ligne).innerHTML =
qteSel qteSel.toFixed(3);
).toFixed(3);
document.getElementById("Poivre (g)" + ligne).innerHTML = ( document.getElementById("Poivre (g)" + ligne).innerHTML = (
(net * propPoivre) * 0.6 net *
).toFixed(3); propPoivre *
document.getElementById("Poivre concassé (g)" + ligne).innerHTML = ( 0.6
(net * propPoivre) * 0.4
).toFixed(3); ).toFixed(3);
document.getElementById(
"Poivre concassé (g)" + ligne,
).innerHTML = (net * propPoivre * 0.4).toFixed(3);
document.getElementById("Muscade (g)" + ligne).innerHTML = ( document.getElementById("Muscade (g)" + ligne).innerHTML = (
net * propMuscade net * propMuscade
).toFixed(3); ).toFixed(3);
@@ -90,11 +89,16 @@
net * propAil net * propAil
).toFixed(3); ).toFixed(3);
} else { } else {
["Net", "Sel (Kg)", "Poivre (g)", "Poivre concassé (g)", "Muscade (g)", "Ail (g)"].forEach( [
(colonne) => { "Net",
"Sel (Kg)",
"Poivre (g)",
"Poivre concassé (g)",
"Muscade (g)",
"Ail (g)",
].forEach((colonne) => {
document.getElementById(colonne + ligne).innerHTML = ""; document.getElementById(colonne + ligne).innerHTML = "";
} });
);
} }
calculerTotaux(); // Recalcul des totaux après chaque changement calculerTotaux(); // Recalcul des totaux après chaque changement
} }
@@ -117,20 +121,25 @@
totalNet += getElementText("Net" + i); totalNet += getElementText("Net" + i);
totalSel += getElementText("Sel (Kg)" + i); totalSel += getElementText("Sel (Kg)" + i);
totalPoivre += getElementText("Poivre (g)" + i); totalPoivre += getElementText("Poivre (g)" + i);
totalPoivreConcasse += getElementText("Poivre concassé (g)" + i); totalPoivreConcasse += getElementText(
"Poivre concassé (g)" + i,
);
totalMuscade += getElementText("Muscade (g)" + i); totalMuscade += getElementText("Muscade (g)" + i);
totalAil += getElementText("Ail (g)" + i); totalAil += getElementText("Ail (g)" + i);
} }
document.getElementById("Total_Net").innerHTML = totalNet.toFixed(3); document.getElementById("Total_Net").innerHTML =
document.getElementById("Total_Sel").innerHTML = totalSel.toFixed(3); totalNet.toFixed(3);
document.getElementById("Total_Sel").innerHTML =
totalSel.toFixed(3);
document.getElementById("Total_Poivre").innerHTML = document.getElementById("Total_Poivre").innerHTML =
totalPoivre.toFixed(3); totalPoivre.toFixed(3);
document.getElementById("Total_Poivre_Concasse").innerHTML = document.getElementById("Total_Poivre_Concasse").innerHTML =
totalPoivreConcasse.toFixed(3); totalPoivreConcasse.toFixed(3);
document.getElementById("Total_Muscade").innerHTML = document.getElementById("Total_Muscade").innerHTML =
totalMuscade.toFixed(3); totalMuscade.toFixed(3);
document.getElementById("Total_Ail").innerHTML = totalAil.toFixed(3); document.getElementById("Total_Ail").innerHTML =
totalAil.toFixed(3);
// Calcul du total assaisonné et rendement // Calcul du total assaisonné et rendement
calculerTotalAssaisonne(); calculerTotalAssaisonne();
@@ -140,18 +149,26 @@
const totalNet = getElementText("Total_Net"); const totalNet = getElementText("Total_Net");
const totalSel = getElementText("Total_Sel"); const totalSel = getElementText("Total_Sel");
const totalPoivre = getElementText("Total_Poivre"); const totalPoivre = getElementText("Total_Poivre");
const totalPoivreConcasse = getElementText("Total_Poivre_Concasse"); const totalPoivreConcasse = getElementText(
"Total_Poivre_Concasse",
);
const totalMuscade = getElementText("Total_Muscade"); const totalMuscade = getElementText("Total_Muscade");
const totalAil = getElementText("Total_Ail"); const totalAil = getElementText("Total_Ail");
const totalAssaisonne = const totalAssaisonne =
totalNet + totalSel + totalPoivre / 1000 + totalPoivreConcasse / 1000 + totalMuscade / 1000 + totalAil / 1000; totalNet +
totalSel +
totalPoivre / 1000 +
totalPoivreConcasse / 1000 +
totalMuscade / 1000 +
totalAil / 1000;
document.getElementById("Total_Assaisonne").innerHTML = document.getElementById("Total_Assaisonne").innerHTML =
totalAssaisonne.toFixed(3); totalAssaisonne.toFixed(3);
const totalAchete = getElementValue("Total_Achete"); const totalAchete = getElementValue("Total_Achete");
if (totalAchete > 0) { if (totalAchete > 0) {
const totalNet = document.getElementById("Total_Net").innerHTML; const totalNet =
document.getElementById("Total_Net").innerHTML;
const rendement = (totalNet / totalAchete) * 100; const rendement = (totalNet / totalAchete) * 100;
document.getElementById("Rendement").innerHTML = document.getElementById("Rendement").innerHTML =
rendement.toFixed(3) + " %"; rendement.toFixed(3) + " %";
@@ -164,15 +181,15 @@
const formulaire = document.createElement("form"); const formulaire = document.createElement("form");
formulaire.setAttribute("class", "form-grid"); formulaire.setAttribute("class", "form-grid");
/*test*/
// ---- Début Intégration LocalStorage ---- // ---- Début Intégration LocalStorage ----
const STORAGE_KEY = 'calculateurEpices'; const STORAGE_KEY = "calculateurEpices";
const MAX_AGE = 48 * 60 * 60 * 1000; // 72h const MAX_AGE = 48 * 60 * 60 * 1000; // 72h
function sauvegarderFormulaire() { function sauvegarderFormulaire() {
const data = { timestamp: Date.now(), values: {} }; const data = { timestamp: Date.now(), values: {} };
document.querySelectorAll('input').forEach(input => { document.querySelectorAll("input").forEach((input) => {
data.values[input.id] = input.type === 'checkbox' ? input.checked : input.value; data.values[input.id] =
input.type === "checkbox" ? input.checked : input.value;
}); });
localStorage.setItem(STORAGE_KEY, JSON.stringify(data)); localStorage.setItem(STORAGE_KEY, JSON.stringify(data));
} }
@@ -183,7 +200,8 @@
for (const [id, value] of Object.entries(saved.values)) { for (const [id, value] of Object.entries(saved.values)) {
const input = document.getElementById(id); const input = document.getElementById(id);
if (input) { if (input) {
if (input.type === 'checkbox') input.checked = value; if (input.type === "checkbox")
input.checked = value;
else input.value = value; else input.value = value;
} }
} }
@@ -192,13 +210,13 @@
} }
} }
window.addEventListener('DOMContentLoaded', () => { window.addEventListener("DOMContentLoaded", () => {
restaurerFormulaire(); restaurerFormulaire();
recalculerToutesLignes(); recalculerToutesLignes();
}); });
document.body.addEventListener('input', sauvegarderFormulaire); document.body.addEventListener("input", sauvegarderFormulaire);
document.body.addEventListener('change', sauvegarderFormulaire); document.body.addEventListener("change", sauvegarderFormulaire);
// Table des proportions et du poids de la planche // Table des proportions et du poids de la planche
const proportionTable = document.createElement("table"); const proportionTable = document.createElement("table");
proportionTable.setAttribute("id", "TableauProportions"); proportionTable.setAttribute("id", "TableauProportions");
@@ -247,7 +265,7 @@
{ {
label: "Proportion d'ail (g)", label: "Proportion d'ail (g)",
id: "Prop_ail", id: "Prop_ail",
defaultValue: 2 defaultValue: 2,
}, },
]; ];
@@ -276,7 +294,7 @@
}); });
const boutonDiv = document.createElement("div"); const boutonDiv = document.createElement("div");
boutonDiv.setAttribute("id", "button-wrapper") boutonDiv.setAttribute("id", "button-wrapper");
boutonDiv.style.display = "inline-block"; boutonDiv.style.display = "inline-block";
boutonDiv.style.verticalAlign = "top"; boutonDiv.style.verticalAlign = "top";
boutonDiv.style.marginLeft = "20px"; // espace entre le tableau et le bouton boutonDiv.style.marginLeft = "20px"; // espace entre le tableau et le bouton
@@ -286,7 +304,7 @@
boutonAction.textContent = "Imprimer la page"; boutonAction.textContent = "Imprimer la page";
boutonAction.type = "button"; boutonAction.type = "button";
boutonAction.onclick = () => { boutonAction.onclick = () => {
window.print() window.print();
alert("Page imprimée !"); alert("Page imprimée !");
}; };
@@ -420,13 +438,15 @@
// Première ligne : titres // Première ligne : titres
const rendementHeaderRow = document.createElement("tr"); const rendementHeaderRow = document.createElement("tr");
["Total acheté", "Total assaisonné", "Rendement"].forEach(titre => { ["Total acheté", "Total assaisonné", "Rendement"].forEach(
(titre) => {
const cell = document.createElement("td"); const cell = document.createElement("td");
cell.setAttribute("class", "tdRendement"); cell.setAttribute("class", "tdRendement");
const cellText = document.createTextNode(titre); const cellText = document.createTextNode(titre);
cell.appendChild(cellText); cell.appendChild(cellText);
rendementHeaderRow.appendChild(cell); rendementHeaderRow.appendChild(cell);
}); },
);
rendementBody.appendChild(rendementHeaderRow); rendementBody.appendChild(rendementHeaderRow);
// Deuxième ligne : contenu // Deuxième ligne : contenu
@@ -469,6 +489,5 @@
formulaire.appendChild(tabRendDiv); formulaire.appendChild(tabRendDiv);
body.appendChild(formulaire); body.appendChild(formulaire);
</script> </script>
</body> </body>
</html> </html>