From ee656370678805d3a45598afe61e729ea11c7061 Mon Sep 17 00:00:00 2001 From: Axel Viala Date: Sat, 10 Oct 2015 13:58:50 +0200 Subject: [PATCH] Ajoute des indications lorsque une de masse est invalide. MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Changement de nom de tdechet_write pour masse_write. Reecriture du code de tdechet_add pour utiliser masse_write. Ajout de CSS pour gérer les saisie invalides. Ajout de JS pour avoir un message d'erreur lorsque la saisie depasse la masse maximale admise ou le minimum du bac. --- css/oressource.css | 15 +++++-- ifaces/collecte.php | 41 +++++++++--------- ifaces/sorties.php | 72 +++++++++++++++---------------- ifaces/sortiesc.php | 74 ++++++++++++++++---------------- ifaces/sortiesd.php | 41 +++++++++--------- ifaces/sortiesp.php | 14 +++---- js/utilitaire.js | 100 ++++++++++++++++---------------------------- 7 files changed, 164 insertions(+), 193 deletions(-) diff --git a/css/oressource.css b/css/oressource.css index f68e5a66..34201130 100644 --- a/css/oressource.css +++ b/css/oressource.css @@ -2,8 +2,17 @@ body { padding-top: 50px; padding-bottom: 20px; +} + +textarea { + resize:none; +} + +/* Style for valid or Invalid form entry */ +input:invalid { + border: 1px solid red; +} +input:valid { + border: 1px solid green; } -textarea{ - resize:none; - } \ No newline at end of file diff --git a/ifaces/collecte.php b/ifaces/collecte.php index c93b1ed4..2bd7b6e7 100644 --- a/ifaces/collecte.php +++ b/ifaces/collecte.php @@ -155,10 +155,6 @@ function tdechet_clear() - - - - @@ -304,27 +300,28 @@ function tdechet_clear()

-
- - - - query('SELECT * FROM type_dechets WHERE visible = "oui"'); - - // On affiche chaque entree une à une - while ($donnees = $reponse->fetch()) - { - ?> +
+query('SELECT * FROM type_dechets WHERE visible = "oui"'); + // On affiche chaque entree une à une + while ($donnees = $reponse->fetch()) { + ?>
- -
- - closeCursor(); // Termine le traitement de la requête - ?> +closeCursor(); // Termine le traitement de la requête +?>
diff --git a/ifaces/sorties.php b/ifaces/sorties.php index 72bc3684..f1a164e0 100644 --- a/ifaces/sorties.php +++ b/ifaces/sorties.php @@ -390,57 +390,53 @@ function tdechet_clear()

-
- - - - query('SELECT * FROM type_dechets WHERE visible = "oui"'); - - // On affiche chaque entree une à une - while ($donnees = $reponse->fetch()) - { - ?> +
+query('SELECT * FROM type_dechets WHERE visible = "oui"'); + // On affiche chaque entree une à une + while ($donnees = $reponse->fetch()) { +?>
- -
- - closeCursor(); // Termine le traitement de la requête - ?> -
- - - +closeCursor(); // Termine le traitement de la requête +?> +
-

-
- - - - query('SELECT * FROM type_dechets_evac WHERE visible = "oui"'); - - // On affiche chaque entree une à une - while ($donnees = $reponse->fetch()) - { - ?> +
+query('SELECT * FROM type_dechets_evac WHERE visible = "oui"'); + // On affiche chaque entree une à une + while ($donnees = $reponse->fetch()) { +?>
- -
- closeCursor(); // Termine le traitement de la requête ?> diff --git a/ifaces/sortiesc.php b/ifaces/sortiesc.php index 605a7134..959e0c3a 100644 --- a/ifaces/sortiesc.php +++ b/ifaces/sortiesc.php @@ -414,28 +414,28 @@ function tdechet_clear()

-
- - - - query('SELECT * FROM type_dechets WHERE visible = "oui"'); - - // On affiche chaque entree une à une - while ($donnees = $reponse->fetch()) - { - ?> +
+query('SELECT * FROM type_dechets WHERE visible = "oui"'); + // On affiche chaque entree une à une + while ($donnees = $reponse->fetch()) { +?>
- -
- - closeCursor(); // Termine le traitement de la requête - ?> -
+closeCursor(); // Termine le traitement de la requête +?> +
@@ -451,27 +451,27 @@ function tdechet_clear() - query('SELECT * FROM type_dechets_evac WHERE visible = "oui"'); - - // On affiche chaque entree une à une - while ($donnees = $reponse->fetch()) - { - ?> +query('SELECT * FROM type_dechets_evac WHERE visible = "oui"'); + // On affiche chaque entree une à une + while ($donnees = $reponse->fetch()) { +?>
- -
- - closeCursor(); // Termine le traitement de la requête - ?> -
- - - +closeCursor(); // Termine le traitement de la requête +?> +
diff --git a/ifaces/sortiesd.php b/ifaces/sortiesd.php index c6900614..f63ec372 100644 --- a/ifaces/sortiesd.php +++ b/ifaces/sortiesd.php @@ -304,31 +304,28 @@ function tdechet_clear()

-
- - - - query('SELECT * FROM type_dechets_evac WHERE visible = "oui"'); - - // On affiche chaque entree une à une - while ($donnees = $reponse->fetch()) - { - ?> +
+query('SELECT * FROM type_dechets_evac WHERE visible = "oui"'); + // On affiche chaque entree une à une + while ($donnees = $reponse->fetch()) { +?>
- -
- - closeCursor(); // Termine le traitement de la requête - ?> -
- - - +closeCursor(); // Termine le traitement de la requête +?> +
diff --git a/ifaces/sortiesp.php b/ifaces/sortiesp.php index 770ab089..24baaf38 100644 --- a/ifaces/sortiesp.php +++ b/ifaces/sortiesp.php @@ -285,23 +285,21 @@ function tdechet_clear() $reponse = $bdd->query('SELECT * FROM types_poubelles WHERE visible = "oui" '); // On affiche chaque entree une à une - while ($donnees = $reponse->fetch()) - { - + while ($donnees = $reponse->fetch()) { ?> closeCursor(); // Termine le traitement de la requête ?> -
diff --git a/js/utilitaire.js b/js/utilitaire.js index 2cfd31f3..e7235436 100644 --- a/js/utilitaire.js +++ b/js/utilitaire.js @@ -20,30 +20,9 @@ function number_write(x) { } function number_clear() { - document.getElementById("number").value = ""; -} - -// FIX: changer les parametres pour que cette fonction reçoive des elements DOM -// et non des ID. -function tdechet_write(nom, id, masse_max) { - const number = document.getElementById("number"); - const number_value = parseFloat(number.value); - - if (number_value > 0 - && number_value < masse_max) { - const masseTotale = document.getElementById("massetot"); - masseTotale.textContent = (parseFloat(masseTotale.textContent) + number_value).toFixed(2); - - var nom = document.getElementById(nom); - nom.textContent = (parseFloat(nom.textContent) + number_value).toFixed(2); - - var id = document.getElementById(id); - id.value = (parseFloat(id.value) + number_value).toFixed(2); - - number.value = ""; - const nAjout = document.getElementById("najout"); - nAjout.value = parseInt(nAjout.value) + 1; - } + const input = document.getElementById("number"); + input.value = ""; + input.setCustomValidity(""); } /* @@ -52,22 +31,30 @@ function tdechet_write(nom, id, masse_max) { * masse_max: float * masse_bac: float */ -function tdechet_write_poubelle(nom, id, masse_max, masse_bac) { - const number = document.getElementById("number"); - const number_value = parseFloat(number.value); - const new_number = number_value - masse_bac; - - if (new_number > 0.0 - && number_value <= masse_max) { - const masseTotale = document.getElementById("massetot"); - masseTotale.textContent = (parseFloat(masseTotale.textContent) + new_number).toFixed(2); - - id.value = (parseFloat(id.value) + new_number).toFixed(2); - nom.textContent = (parseFloat(nom.textContent) + new_number).toFixed(2); - number.value = ""; - - const nAjout = document.getElementById("najout"); - nAjout.value = parseInt(nAjout.value) + 1; + +function masse_write(nom, id, masse_max, masse_bac) { + const input = document.getElementById("number"); + const number_value = parseFloat(input.value); + const masse_reele = number_value - masse_bac; + + if (masse_reele > 0.00) { + if (number_value <= masse_max) { + const masseTotale = document.getElementById("massetot"); + masseTotale.textContent = (parseFloat(masseTotale.textContent) + masse_reele).toFixed(2); + + id.value = (parseFloat(id.value) + masse_reele).toFixed(2); + nom.textContent = (parseFloat(nom.textContent) + masse_reele).toFixed(2); + input.value = ""; + + const nAjout = document.getElementById("najout"); + nAjout.value = parseInt(nAjout.value) + 1; + + number_clear(); + } else { + input.setCustomValidity("Masse supérieure aux limites de pesée de la balance."); + } + } else { + input.setCustomValidity("Masse entrée inférieure au poids du conteneur ou inférieure ou égale à 0."); } } @@ -77,31 +64,18 @@ function recocom() { } function tdechet_add(pesee_max) { - const number = document.getElementById('number'); - const n = parseFloat(number.value); - - if (n > 0 - && n < pesee_max) { - const nAjout = document.getElementById('najout'); - nAjout.value = parseInt(nAjout.value) + 1; + const ref = document.getElementById("sel_filiere"); + const tabref = ref.value.split('|'); - const ref = document.getElementById("sel_filiere"); - const tabref = ref.value.split('|'); + const id_filiere = document.getElementById("id_filiere"); + id_filiere.value = tabref[0]; - const id_filiere = document.getElementById("id_filiere"); - id_filiere.value = tabref[0]; + const id_type_dechet = document.getElementById("id_type_dechet"); + id_type_dechet.value = tabref[1]; - const id_type_dechet = document.getElementById("id_type_dechet"); - id_type_dechet.value = tabref[1]; + const type_dechet = document.getElementById("type_dechet"); + type_dechet.value = tabref[2]; - const type_dechet = document.getElementById("type_dechet"); - type_dechet.value = tabref[2]; - - ref.disabled = true; - document.getElementById(tabref[1]).textContent = parseFloat(document.getElementById(tabref[1]).textContent) + n; - document.getElementById("m"+tabref[1]).value = parseFloat(document.getElementById("m"+tabref[1]).value) + n; - const masse_totale = document.getElementById("massetot"); - masse_totale.textContent = parseFloat(masse_totale.textContent) + n; - number.value = ""; - } + ref.disabled = true; + masse_write(document.getElementById(tabref[1]), document.getElementById("m"+tabref[1]), pesee_max, 0.0); }