Calculator works!!!

Arquisoft · Apr 29, 2024 · 43ce04f · 43ce04f
1 parent 9af5072
commit 43ce04f
Showing 1 changed file with 29 additions and 16 deletions.
diff --git a/webapp/src/components/game/Calculator.js b/webapp/src/components/game/Calculator.js
@@ -15,6 +15,8 @@ let points = 0;
 const apiEndpoint = process.env.REACT_APP_API_ENDPOINT|| 'http://localhost:8000';
 let answeredQuestions = [];
 
+let savedGame = false;
+
 const Calculator = () => {
 
     //let questionIndex = -1
@@ -25,8 +27,6 @@ const Calculator = () => {
     const [remTime, setRemTime] = useState(0);
     const [totalTime, setTotalTime] = useState(0);
 
-    let id = generateGameId;
-
     if(questions.length === 0)
         generateQuestion();
 
@@ -38,12 +38,11 @@ const Calculator = () => {
                 setTotalTime(totalTime + progress/10)
                 console.log("Despues", totalTime)
 
-                //TODO: ALMACENAR JUEGO
                 gameStore();
 
                 return 0; 
             }
-            const diff = 5;
+            const diff = 0.5;
             return load? Math.min(progress + diff, 100) : progress;
         });
         }, 400);
@@ -61,8 +60,12 @@ const Calculator = () => {
             console.log(totalTime)
             var avgtime = totalTime/answeredQuestions.length
             console.log(avgtime)
-            const response = await axios.post(`${apiEndpoint}/storeGame`, { id, username,  points, questions: answeredQuestions, avgtime});
-            console.log(response)
+            const id = await generateGameId();
+            if(!savedGame){
+                savedGame = true;
+                const response = await axios.post(`${apiEndpoint}/storeGame`, { id, username,  points, questions: answeredQuestions, avgtime});
+                console.log(response)
+            }
         } catch (error) {
             console.error(error)
         } finally {
@@ -124,22 +127,22 @@ const Calculator = () => {
 
     //CAMBIAR ESTO EN FUNCIÓN DE CÓMO QUERAMOS QUE SEA EL JUEGO
     const handleOptionClick = async (selectedAnswer) => {
+        load = false;
         const numberAnswer = questions[questionIndex].options.indexOf(questions[questionIndex].correctAnswer);
+        const choiceNumber = questions[questionIndex].options.indexOf(selectedAnswer);
+
+        console.log(numberAnswer)
+        console.log(choiceNumber)
+
         //console.log(numberAnswer)
         const botonCorrecta = document.getElementById('option-' + numberAnswer);
         let botonIncorrecta = null;
         botonCorrecta.style.backgroundColor = 'green';
-        answeredQuestions.push({
-            pregunta: 'a',
-            respuesta_correcta: 'a',
-            respuestas_incorrectas: [
-                'a',
-                'a',
-                'a'
-            ]
-        });
+        /*title: allQuestions[currentQuestionIndex].question,
+        answers: allQuestions[currentQuestionIndex].options,
+        ansIndex: indexAnswers*/
+        storeQuestion(questions[questionIndex].q, questions[questionIndex].options, [choiceNumber, numberAnswer]);
         if (selectedAnswer !== questions[questionIndex].correctAnswer) {
-
             botonIncorrecta = document.getElementById('option-' + questions[questionIndex].options.indexOf(selectedAnswer));
             botonIncorrecta.style.backgroundColor = 'red';
         } else {
@@ -156,7 +159,17 @@ const Calculator = () => {
         if(botonIncorrecta != null){
             botonIncorrecta.style.backgroundColor = previousBackgroundColor;
         }
+
+        load = true;
     };
+
+    function storeQuestion(title, answers, ansIndex){
+        answeredQuestions.push({
+            title: title,
+            answers: answers,
+            ansIndex: ansIndex
+        });
+    }
 
 
     return (