From 30d94e8d2ba04c3bdd43c1399314cd4fa2b81709 Mon Sep 17 00:00:00 2001
From: stiti <moncef.stiti@gmail.com>
Date: Sat, 25 May 2024 02:51:25 +0200
Subject: [PATCH] =?UTF-8?q?Correction=20des=20=C3=A9toiles=20des=20comment?=
 =?UTF-8?q?aires?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../application/views/accueil.php             | 35 ++-----------
 .../assets/js/script_accueil.js               | 49 +++++++++++++++++++
 2 files changed, 53 insertions(+), 31 deletions(-)
 create mode 100644 CodeIgniter-3.1.13/assets/js/script_accueil.js

diff --git a/CodeIgniter-3.1.13/application/views/accueil.php b/CodeIgniter-3.1.13/application/views/accueil.php
index 557f4d5..c84b8d2 100644
--- a/CodeIgniter-3.1.13/application/views/accueil.php
+++ b/CodeIgniter-3.1.13/application/views/accueil.php
@@ -59,8 +59,9 @@
                 <form action="<?php echo site_url('utilisateur/ajouter_avis'); ?>" method="post">
                     <textarea name="commentaire" rows="3" placeholder="Écrivez votre commentaire ici..." required></textarea>
                     <!-- Ajout des étoiles pour la notation -->
+                    <h3>Note :</h3>
                     <div class="rating">
-                        <input type="radio" id="star1" name="rating" value="1"><label for="star1">&#9733;</label>
+                        <input type="radio" id="star1" name="rating" value="1" checked><label for="star1">&#9733;</label>
                         <input type="radio" id="star2" name="rating" value="2"><label for="star2">&#9733;</label>
                         <input type="radio" id="star3" name="rating" value="3"><label for="star3">&#9733;</label>
                         <input type="radio" id="star4" name="rating" value="4"><label for="star4">&#9733;</label>
@@ -96,33 +97,5 @@
         </div>
     </div>
 </body>
-<script>
-    // Sélectionnez tous les boutons radio d'étoiles
-    const stars = document.querySelectorAll('.rating input[type="radio"]');
-    // Sélectionnez le champ caché pour la notation
-    const notationInput = document.getElementById('notation');
-
-    // Parcourez tous les boutons radio d'étoiles
-    stars.forEach(star => {
-        // Ajoutez un écouteur d'événement pour le clic sur chaque étoile
-        star.addEventListener('click', function() {
-            // Obtenez le numéro de l'étoile sélectionnée
-            const selectedStar = parseInt(this.value);
-
-            // Mettez à jour la valeur du champ caché "notation" avec la valeur de l'étoile sélectionnée
-            notationInput.value = selectedStar;
-
-            // Parcourez toutes les étoiles
-            stars.forEach(star => {
-                // Si l'étoile est inférieure ou égale à l'étoile sélectionnée, colorez-la en jaune, sinon, laissez-la grise
-                if (parseInt(star.value) <= selectedStar) {
-                    star.nextElementSibling.style.color = '#FFD700'; // Colorez l'étoile en jaune
-                } else {
-                    star.nextElementSibling.style.color = '#ccc'; // Laissez l'étoile grise
-                }
-            });
-        });
-    });
-</script>
-
-</html>
+    <script src="<?php echo base_url('assets/js/script_accueil'); ?>"></script>
+</html>
\ No newline at end of file
diff --git a/CodeIgniter-3.1.13/assets/js/script_accueil.js b/CodeIgniter-3.1.13/assets/js/script_accueil.js
new file mode 100644
index 0000000..cf5ad8e
--- /dev/null
+++ b/CodeIgniter-3.1.13/assets/js/script_accueil.js
@@ -0,0 +1,49 @@
+document.addEventListener("DOMContentLoaded", function() {
+    // Sélectionnez tous les boutons radio d'étoiles
+    const stars = document.querySelectorAll('.rating input[type="radio"]');
+    // Sélectionnez le champ caché pour la notation
+    const notationInput = document.getElementById('notation');
+
+    // Vérifiez si une étoile est déjà sélectionnée par défaut
+    const defaultStar = document.querySelector('.rating input[type="radio"]:checked');
+
+    if (defaultStar) {
+        // Obtenez le numéro de l'étoile sélectionnée
+        const selectedStar = parseInt(defaultStar.value);
+
+        // Parcourez toutes les étoiles
+        stars.forEach(star => {
+            // Si l'étoile est inférieure ou égale à l'étoile sélectionnée, colorez-la en jaune, sinon, laissez-la grise
+            if (parseInt(star.value) <= selectedStar) {
+                star.nextElementSibling.style.color = '#FFD700'; // Colorez l'étoile en jaune
+            } else {
+                star.nextElementSibling.style.color = '#ccc'; // Laissez l'étoile grise
+            }
+        });
+
+        // Mettez à jour la valeur du champ caché "notation" avec la valeur de l'étoile sélectionnée
+        notationInput.value = selectedStar;
+    }
+
+    // Parcourez tous les boutons radio d'étoiles
+    stars.forEach(star => {
+        // Ajoutez un écouteur d'événement pour le clic sur chaque étoile
+        star.addEventListener('click', function() {
+            // Obtenez le numéro de l'étoile sélectionnée
+            const selectedStar = parseInt(this.value);
+
+            // Mettez à jour la valeur du champ caché "notation" avec la valeur de l'étoile sélectionnée
+            notationInput.value = selectedStar;
+
+            // Parcourez toutes les étoiles
+            stars.forEach(star => {
+                // Si l'étoile est inférieure ou égale à l'étoile sélectionnée, colorez-la en jaune, sinon, laissez-la grise
+                if (parseInt(star.value) <= selectedStar) {
+                    star.nextElementSibling.style.color = '#FFD700'; // Colorez l'étoile en jaune
+                } else {
+                    star.nextElementSibling.style.color = '#ccc'; // Laissez l'étoile grise
+                }
+            });
+        });
+    });
+});