Initial commit

.gitignore

@@ -0,0 +1,26 @@
+# Node.js
+node_modules/
+npm-debug.log
+yarn-error.log
+
+# Logs
+logs/
+*.log
+
+# Dependency directories
+jspm_packages/
+
+# TypeScript
+*.tsbuildinfo
+
+# IDE files
+.vscode/
+.idea/
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+
+# Build directories
+dist/
+build/

data/montant_precedent.txt

@@ -1 +1 @@
-155.34
+-1.56

data/suivi.csv

@@ -1,10 +1 @@
-2024-12-14T10:40:26.223Z,0.00,[{"montant":1.55,"quantite":2,"total":3.1},{"montant":2.36,"quantite":3,"total":7.08},{"montant":-10,"quantite":1,"total":-10},{"montant":3.56,"quantite":3,"total":10.68}],10.86,10.86
+2024-12-14T14:13:51.235Z,0.00,[{"montant":-1.56,"quantite":1,"total":-1.56}],-1.56,-1.56
-2024-12-14T10:41:47.522Z,10.86,[{"montant":25.68,"quantite":2,"total":51.36},{"montant":36.45,"quantite":3,"total":109.35000000000001},{"montant":-100,"quantite":1,"total":-100}],60.71,71.57
-2024-12-14T10:43:53.874Z,71.57,[{"montant":34.65,"quantite":2,"total":69.3}],69.30,140.87
-2024-12-14T10:57:05.724Z,140.87,[{"montant":10,"quantite":1,"total":10},{"montant":-25,"quantite":1,"total":-25},{"montant":-36,"quantite":3,"total":-108}],-123.00,17.87
-2024-12-14T11:55:54.185Z,17.87,[{"montant":25.56,"quantite":2,"total":51.12},{"montant":1.52,"quantite":1,"total":1.52},{"montant":36.52,"quantite":1,"total":36.52},{"montant":2,"quantite":1,"total":2}],91.16,109.03
-2024-12-14T12:01:57.014Z,109.03,[{"montant":1.25,"quantite":1,"total":1.25},{"montant":2.3,"quantite":1,"total":2.3},{"montant":1.56,"quantite":1,"total":1.56},{"montant":2.36,"quantite":1,"total":2.36},{"montant":0,"quantite":1,"total":0}],7.47,116.50
-2024-12-14T12:12:38.156Z,116.50,[{"montant":1.25,"quantite":2,"total":2.5},{"montant":1.85,"quantite":1,"total":1.85},{"montant":1.74,"quantite":1,"total":1.74},{"montant":2.58,"quantite":1,"total":2.58},{"montant":25,"quantite":1,"total":25}],33.67,150.17
-2024-12-14T12:29:22.160Z,150.17,[{"montant":1.52,"quantite":1,"total":1.52},{"montant":1.32,"quantite":2,"total":2.64},{"montant":1.65,"quantite":1,"total":1.65},{"montant":1.36,"quantite":1,"total":1.36},{"montant":0,"quantite":1,"total":0}],7.17,157.34
-2024-12-14T12:29:25.112Z,157.34,[],0.00,157.34
-2024-12-14T12:38:37.997Z,157.34,[{"montant":-2,"quantite":1,"total":-2}],-2.00,155.34

public/script.js

@@ -7,7 +7,7 @@ document.addEventListener("DOMContentLoaded", () => {
     const addRowButton = document.getElementById("add-row");
     const saveButton = document.getElementById("save");
 
-    // Mettre à jour la date et l'heure
+    // Mise à jour de la date et l'heure
     const updateDatetime = () => {
         const now = new Date();
         datetimeElement.textContent = now.toLocaleString("fr-FR");
@@ -32,6 +32,7 @@ document.addEventListener("DOMContentLoaded", () => {
         const montantInput = document.createElement("input");
         montantInput.type = "number";
         montantInput.step = "0.01";
+        montantInput.inputMode = "decimal"; // Forcer le clavier numérique
         montantInput.placeholder = "0.00";
         montantCell.appendChild(montantInput);
 
@@ -50,16 +51,16 @@ document.addEventListener("DOMContentLoaded", () => {
         const totalCell = document.createElement("td");
         totalCell.textContent = "0.00 €";
 
-        // Bouton Option
+        // Radio Option
         const optionCell = document.createElement("td");
-        const optionButton = document.createElement("button");
+        const radioInput = document.createElement("input");
-        optionButton.textContent = "Option";
+        radioInput.type = "radio";
-        optionButton.addEventListener("click", () => {
+        radioInput.addEventListener("change", () => {
             const montant = parseFloat(montantInput.value || "0");
-            montantInput.value = montant > 0 ? -montant : Math.abs(montant);
+            montantInput.value = radioInput.checked ? -Math.abs(montant) : Math.abs(montant);
             updateRowTotal();
         });
-        optionCell.appendChild(optionButton);
+        optionCell.appendChild(radioInput);
 
         // Calculer le total de la ligne
         const updateRowTotal = () => {

public/style.css

@@ -42,7 +42,7 @@ body {
     right: 15px;
     z-index: 2000;
     padding: 10px 22px;
-    background-color: #007bff; /* Bleu */
+    background-color: #007bff;
     color: white;
     border: none;
     border-radius: 5px;
@@ -72,37 +72,33 @@ body {
 }
 
 #articles-table {
-    width: calc(100% - 20px);
+    width: 100%; /* Ajuste la table à 100% de la zone disponible */
-    max-width: 600px;
     border-collapse: collapse;
     margin: auto;
 }
 
-#articles-table th, #articles-table td {
+#articles-table th,
+#articles-table td {
     border: 1px solid #ddd;
-    padding: 12px;
+    padding: 8px;
     text-align: center;
-    font-size: 16px;
+    font-size: 14px; /* Taille plus petite pour éviter les débordements */
 }
 
 #articles-table th {
-    width: 25%;
+    width: 20%;
 }
 
-#articles-table td input {
+#articles-table td input,
+#articles-table td select {
     padding: 5px;
+    font-size: 16px; /* Taille réduite */
     width: 90%;
-    font-size: 16px;
+    box-sizing: border-box; /* Pour garantir que la largeur reste contrôlée */
 }
 
-#articles-table td button {
+#articles-table td input[type="radio"] {
-    background-color: #ffc107;
-    border: none;
-    border-radius: 5px;
-    color: white;
     cursor: pointer;
-    padding: 5px 10px;
-    font-size: 14px;
 }
 
 #articles-table tbody tr:nth-child(even) {

readme.md

@@ -12,3 +12,4 @@ Cette application est une interface web simple permettant de :
    ```bash
    git clone <url_du_dépôt>
    cd <nom_du_dossier>
+