From 0b976b7568c4cf7e7b920e2f6e6d643684f19ce9 Mon Sep 17 00:00:00 2001
From: Alessio Comi <alessio.comi@he-arc.ch>
Date: Thu, 21 Mar 2024 09:00:45 +0100
Subject: [PATCH 1/2] creation of the form allowing to add a community question

---
 frontend/src/views/AddQuestionView.vue | 59 +++++++++++++++++++++++++-
 1 file changed, 58 insertions(+), 1 deletion(-)

diff --git a/frontend/src/views/AddQuestionView.vue b/frontend/src/views/AddQuestionView.vue
index 3010d0f..90f5c47 100644
--- a/frontend/src/views/AddQuestionView.vue
+++ b/frontend/src/views/AddQuestionView.vue
@@ -1,5 +1,62 @@
+<script setup>
+import CustomInput from '@/components/CustomInput.vue';
+import { ref } from 'vue';
+import axios from 'axios';
+
+const API_SERVER = import.meta.env.VITE_API_SERVER;
+
+const question = ref('');
+const updateQuestion = (value) => {
+    question.value = value;
+};
+
+const correctAnswer = ref('');
+const updateCorrectAnswer = (value) => {
+    correctAnswer.value = value;
+};
+
+const wrongAnswer1 = ref('');
+const updateWrongAnswer1 = (value) => {
+    wrongAnswer1.value = value;
+};
+
+const wrongAnswer2 = ref('');
+const updateWrongAnswer2 = (value) => {
+    wrongAnswer2.value = value;
+};
+
+const wrongAnswer3 = ref('');
+const updateWrongAnswer3 = (value) => {
+    wrongAnswer3.value = value;
+};
+
+const submitForm = () => {
+    axios.post(`${API_SERVER}/api/question/new_community/`, {
+        question: question.value,
+        options: [correctAnswer.value, wrongAnswer1.value, wrongAnswer2.value, wrongAnswer3.value],
+        answer: '0' // Indicate which option is the correct answer.
+    })
+    .then(response => {
+        console.log('Question saved successfully:', response.data);
+        // Vous pouvez ajouter une logique ici pour rediriger l'utilisateur vers une autre page ou afficher un message de succès
+    })
+    .catch(error => {
+        console.error('Error saving question:', error);
+        // Vous pouvez gérer les erreurs ici, par exemple afficher un message d'erreur à l'utilisateur
+    });
+};
+</script>
+
 <template>
     <section class="add-question container">
         <h1>Add your question on this page</h1>
+        <form @submit.prevent="submitForm">
+            <CustomInput label="Question" :value="question.value" @input="updateQuestion" required />
+            <CustomInput label="Correct Answer" :value="correctAnswer.value" @input="updateCorrectAnswer" required />
+            <CustomInput label="Wrong Answer 1" :value="wrongAnswer1.value" @input="updateWrongAnswer1" required />
+            <CustomInput label="Wrong Answer 2" :value="wrongAnswer2.value" @input="updateWrongAnswer2" required/>
+            <CustomInput label="Wrong Answer 3" :value="wrongAnswer3.value" @input="updateWrongAnswer3" required/>
+            <button type="submit" class="btn">Submit</button>
+        </form>
     </section>
-</template>
\ No newline at end of file
+</template>

From ec4c1d91c26b631c4d60f54ccafdb0e580ba2473 Mon Sep 17 00:00:00 2001
From: Alessio Comi <alessio.comi@he-arc.ch>
Date: Thu, 21 Mar 2024 12:48:44 +0100
Subject: [PATCH 2/2] add TODO for next version

---
 frontend/src/views/AddQuestionView.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/AddQuestionView.vue b/frontend/src/views/AddQuestionView.vue
index 90f5c47..0c44859 100644
--- a/frontend/src/views/AddQuestionView.vue
+++ b/frontend/src/views/AddQuestionView.vue
@@ -38,11 +38,11 @@ const submitForm = () => {
     })
     .then(response => {
         console.log('Question saved successfully:', response.data);
-        // Vous pouvez ajouter une logique ici pour rediriger l'utilisateur vers une autre page ou afficher un message de succès
+        // TODO redirect user or show success message
     })
     .catch(error => {
         console.error('Error saving question:', error);
-        // Vous pouvez gérer les erreurs ici, par exemple afficher un message d'erreur à l'utilisateur
+        // TODO handle error
     });
 };
 </script>