From 1c5868d33dafd371c6783bb15daa5a45436c8a7f Mon Sep 17 00:00:00 2001
From: "gwenael.planchon" <gwenael.planchon@etu.uca.fr>
Date: Fri, 29 Mar 2024 14:41:50 +0100
Subject: [PATCH] =?UTF-8?q?rendre=20champs=20obligatoires=20et=20choisir?=
 =?UTF-8?q?=20une=20difficult=C3=A9=20par=20d=C3=A9faut?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 science-quest/src/components/jeux/creerPartie.vue | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/science-quest/src/components/jeux/creerPartie.vue b/science-quest/src/components/jeux/creerPartie.vue
index 2ca5fbb..341c98e 100644
--- a/science-quest/src/components/jeux/creerPartie.vue
+++ b/science-quest/src/components/jeux/creerPartie.vue
@@ -28,7 +28,11 @@ export default {
     },
 	mounted(){
 		ListeJeux.get().then(jeux=>this.jeuxDispo=Object.values(jeux))
-        Difficultes.getPage(0,999).then(difficultes=>this.difficultesDispo=difficultes._embedded)
+        Difficultes.getPage(0,999).then(difficultes=>{
+            this.difficultesDispo=difficultes._embedded
+            //choisir une difficulté par défaut
+            this.choixDifficulte=this.difficultesDispo[0].id
+        })
         Thematiques.getPage(0,999).then(thematiques=>this.thematiquesDispo=thematiques._embedded)
 	}
 }
@@ -44,7 +48,7 @@ export default {
         </div>
         <div class="form-floating">
             <select name="idJeu">
-                <option v-for="jeu in jeuxDispo" :value="jeu.id">
+                <option v-for="jeu in jeuxDispo" :value="jeu.id" required>
                     {{ jeu.nom }}
                 </option>
             </select>
@@ -52,7 +56,7 @@ export default {
         <div class="checkbox mb-3">
             <label for="thematiquesInput">Thématiques</label>
             <br/>
-            <select v-model="choixThematiques" id="thematiquesInput" multiple>
+            <select v-model="choixThematiques" id="thematiquesInput" multiple required>
                 <option v-for="thematique in thematiquesDispo" :value="thematique.id">
                     {{ thematique.libelle }}
                 </option>
@@ -61,7 +65,7 @@ export default {
         <div class="checkbox mb-3">
             <label for="idDifficulteInput">Difficulté</label>
             <br/>
-            <select v-model="choixDifficulte" id="idDifficulteInput" name="idDifficulte">
+            <select v-model="choixDifficulte" id="idDifficulteInput" name="idDifficulte" required>
                 <option v-for="difficulte in difficultesDispo" :value="difficulte.id">
                     {{ difficulte.libelle }}
                 </option>