From 30a56fcdafb576ac237c8bf2586ca072b597eaef Mon Sep 17 00:00:00 2001
From: lauratbg <UO275725@uniovi.es>
Date: Sat, 27 Apr 2024 17:41:30 +0200
Subject: [PATCH] Added to the instructions new functionalities and
 improvements of it

---
 webapp/src/components/Instructions.js         |  28 ++-
 .../questionView/QuestionGenerator.js         |  44 ++--
 webapp/src/translations/en/global.json        |  11 +-
 webapp/src/translations/es/global.json        |  13 +-
 webapp/src/translations/tk/global.json        | 223 ++++++++++--------
 5 files changed, 199 insertions(+), 120 deletions(-)

diff --git a/webapp/src/components/Instructions.js b/webapp/src/components/Instructions.js
index 50abfcb..7cd3536 100644
--- a/webapp/src/components/Instructions.js
+++ b/webapp/src/components/Instructions.js
@@ -35,8 +35,34 @@ function Instructions() {
                     <li>
                     {t("instructions.how_to_play_p4")}
                     </li>
+                    <li>
+                    {t("instructions.how_to_play_p5")}
+                    </li>
             </ul>
-      </article>   
+      </article>
+      <article>
+            <ul className='ins_ul'><p>{t("instructions.personalization")}</p>
+                    <li>
+                    {t("instructions.personalization_p1")}
+                    </li>
+                    <li>
+                    {t("instructions.personalization_p2")}
+                    </li>
+            </ul>
+      </article>
+      <article>
+            <ul className='ins_ul'><p>{t("instructions.guest")}</p>
+                    <li>
+                    {t("instructions.guest_p1")}
+                    </li>
+                    <li>
+                    {t("instructions.guest_p2")}
+                    </li>
+                    <li>
+                    {t("instructions.guest_p3")}
+                    </li>
+            </ul>
+      </article>
       <article>
       <ul className='ins_ul'><p>{t("instructions.scoring")}</p><li>
       {t("instructions.scoring_p1")}</li>
diff --git a/webapp/src/components/questionView/QuestionGenerator.js b/webapp/src/components/questionView/QuestionGenerator.js
index 3e0421a..2994fde 100644
--- a/webapp/src/components/questionView/QuestionGenerator.js
+++ b/webapp/src/components/questionView/QuestionGenerator.js
@@ -10,30 +10,30 @@ class QuestionGenerator{
 
     async generateQuestions(lang, type, amount, token) {
         
-    //     try {
-    //         //const response = await fetch(this.apiUrl);
-    //         //const receivedQuestions = await response.json();
+        // try {
+        //     //const response = await fetch(this.apiUrl);
+        //     //const receivedQuestions = await response.json();
 
-    //         //Mockup
-    //         console.log("type: "+type+" amount: "+amount)
-    //         const receivedQuestions = JSON.parse('{"0":{"question":"What is the population of Oviedo?","answers":["225089","191325","220587","121548"]},'+
-    //         '"1":{"question":"¿Cuál es la población de Gijón?","answers":["275274","159658","233982","305554"]},'+
-    //         '"2":{"question":"¿Cuál es la población de Avilés?","answers":["82568","115595","41284","122200"]},'+
-    //         '"3":{"question":"¿Cuál es la capital de Asturias?","answers":["Ciudad de Oviedo","a","b","c"]},'+
-    //         '"4":{"question":"¿Cuál es la capital de España?","answers":["Madrid","a","b","c"]},'+
-    //         '"5":{"question":"¿Cuál es la capital de Turquía?","answers":["Ankara","a","b","c"]}}')
+        //     //Mockup
+        //     console.log("type: "+type+" amount: "+amount)
+        //     const receivedQuestions = JSON.parse('{"0":{"question":"What is the population of Oviedo?","answers":["225089","191325","220587","121548"]},'+
+        //     '"1":{"question":"¿Cuál es la población de Gijón?","answers":["275274","159658","233982","305554"]},'+
+        //     '"2":{"question":"¿Cuál es la población de Avilés?","answers":["82568","115595","41284","122200"]},'+
+        //     '"3":{"question":"¿Cuál es la capital de Asturias?","answers":["Ciudad de Oviedo","a","b","c"]},'+
+        //     '"4":{"question":"¿Cuál es la capital de España?","answers":["Madrid","a","b","c"]},'+
+        //     '"5":{"question":"¿Cuál es la capital de Turquía?","answers":["Ankara","a","b","c"]}}')
             
-    //         let i = 0;
-    //         var questions = [];
-    //         for (const key in receivedQuestions) {
-    //             questions[i] = new Question(receivedQuestions[key]);
-    //             i += 1;
-    //         }
-    //         console.log(questions);
-    //         return questions;
-    //     } catch (error) {
-    //         throw new Error(error);
-    //     }
+        //     let i = 0;
+        //     var questions = [];
+        //     for (const key in receivedQuestions) {
+        //         questions[i] = new Question(receivedQuestions[key]);
+        //         i += 1;
+        //     }
+        //     console.log(questions);
+        //     return questions;
+        // } catch (error) {
+        //     throw new Error(error);
+        // }
         
         
         
diff --git a/webapp/src/translations/en/global.json b/webapp/src/translations/en/global.json
index f11ed42..495adbe 100644
--- a/webapp/src/translations/en/global.json
+++ b/webapp/src/translations/en/global.json
@@ -29,6 +29,15 @@
         "how_to_play_p2": "Read each question carefully.",
         "how_to_play_p3": "Choose the correct answer from the options provided.",
         "how_to_play_p4": "Click or tap on your selected answer to submit it.",
+
+        "how_to_play_p5": "If you are registered in the application, you will be able to see your position in the ranking and in the top 10 players of the 'Competitive' mode.",
+"guest": "Play as a guest:",
+"guest_p1": "You can play without registering in 'Guest' mode.",
+"guest_p2": "Please note that your result will not appear in any rankings, and you will not have a historical record.",
+"guest_p3": "If you wish to enjoy these features, please register.",
+        "personalization": "Customize the game:",
+"personalization_p1": "You can choose the type of questions you will face, as well as the number of questions to answer.",
+"personalization_p2": "You can play the competitive mode where you will have 10 seconds to answer 5 questions of different types.",
         "scoring": "Scoring:",
         "scoring_p1": "Each correct answer earns you 100 points.",
         "scoring_p2": "Incorrect answers deduct 50 points.",
@@ -36,7 +45,7 @@
         "time_limit_p1": "Some game modes may have a time limit for answering each question. Be quick and accurate to maximize your score.",
         "have_fun": "Have Fun!:",
         "have_fun_p1": "Enjoy the game and test your knowledge. Good luck!",
-        "voice": "Voice and Keyboard Accessibility",
+        "voice": "Voice and Keyboard Accessibility:",
 "voice_p1": "You have the option to listen to the question and the answer. By pressing a button, you can hear the question and then the answers with a number preceding each one.",
 "voice_p2": "By pressing a button, you can hear the question and then the answers with a number preceding each one.",
 "voice_p3": "This number is used to respond by pressing the corresponding number on the keyboard to the answer you choose.",
diff --git a/webapp/src/translations/es/global.json b/webapp/src/translations/es/global.json
index aca34f6..7073daa 100644
--- a/webapp/src/translations/es/global.json
+++ b/webapp/src/translations/es/global.json
@@ -31,7 +31,14 @@
         "how_to_play_p2": "Lee cada pregunta cuidadosamente.",
         "how_to_play_p3": "Elige la respuesta correcta de las opciones proporcionadas.",
         "how_to_play_p4": "Haz clic o toca tu respuesta seleccionada para enviarla.",
-    
+        "how_to_play_p5": "Si estas registrado en la aplicación, podrás ver tu posición en el ranking y en el top 10 de jugadores del modo 'Competitivo'.",
+        "personalization": "Customiza el juego a tu gusto:",
+        "guest": "Juega como invitado:",
+        "guest_p1": "Puedes jugar sin registrarte en el modo 'Invitado'.",
+        "guest_p2": "Ten en cuenta que tu resultado no aparecerá en ningún ranking y no tendrás un historial de partidas.",
+        "guest_p3": "Si deseas disfrutar de estas funcionalidades, regístrate.",
+        "personalization_p1": "Puedes elegir el tipo de preguntas a las que te enfrentarás, así como la cantidad de preguntas a responder.",
+        "personalization_p2": "Puedes jugar el modo competitivo en el que el tendrás 10 segundos para responder y tendrás 5 preguntas de distintos tipos.",
         "scoring": "Puntuación:",
         "scoring_p1": "Cada respuesta correcta te otorga 100 puntos.",
         "scoring_p2": "Las respuestas incorrectas restan 50 puntos.",
@@ -39,11 +46,11 @@
         "time_limit_p1": "Algunos modos de juego pueden tener un límite de tiempo para responder cada pregunta. Sé rápido y preciso para maximizar tu puntuación.",
         "have_fun": "¡Diviértete!",
         "have_fun_p1": "¡Disfruta del juego y pon a prueba tus conocimientos. Buena suerte!",
-        "voice": "Voz y accesibilidad por teclado",
+        "voice": "Voz y accesibilidad por teclado:",
         "voice_p1": "Tienes la opción de escuchar la pregunta y la respuesta. Pulsando un botón podrás escuchar la pregunta y seguidamente las respuestas con un número delante.",
         "voice_p2": "Pulsando un botón podrás escuchar la pregunta y seguidamente las respuestas con un número delante.",
         "voice_p3": "Este número sirve para responder pulsando por teclado el número correspondiente a la respuesta que desees.",
-        "voice_p4": "Además, podrás activar la voz pulsando la letra s"
+        "voice_p4": "Además, podrás activar la voz pulsando la letra 's'."
 
       },
     "login": {
diff --git a/webapp/src/translations/tk/global.json b/webapp/src/translations/tk/global.json
index 8302431..528dec3 100644
--- a/webapp/src/translations/tk/global.json
+++ b/webapp/src/translations/tk/global.json
@@ -1,95 +1,132 @@
+
 {
-  "home": {
-    "welcome": "WIQ'e hoş geldiniz!",
-    "how_to_play": "Nasıl Oynanır?",
-    "login": "Giriş Yap",
-    "register": "Hesabınız yok mu? Buradan kaydolun.",
-    "language": "Dil Türkçe olarak değiştirildi",
-    "msg1": "Bilgi meydan okumasına hoş geldiniz! Zihninizi test etmeye ve becerilerinizi göstermeye hazır olun. Bu heyecan verici oyunda, çeşitli konulardaki bilginizi test edecek bir dizi soruyla karşılaşacaksınız.",
-    "msg2": "Öyleyse ilerleyin, soruların ustası olduğunuzu kanıtlayın! Meydan okumayı kabul etmeye hazır mısınız?",
-    "clickOpen": "Devamı için tıklayınız",
-    "clickClose": "Kapatmak için tıklayın"
-},
-  
-    "navBar": {
-      "title": "Bilgi ve Kazan!",
-      "en": "İngilizce",
-      "es": "İspanyolca",
-      "tk": "Türkçe",
-      "language": "Dil",
-      "logout":"Log Out"
-    },
-    "instructions": {
-      "title": "WIQ Talimatları",
-      "objective": "Amaç:",
-      "objective_p1": "Oyunun amacı, mümkün olduğunca çok soruyu doğru cevaplamaktır.",
-      "how_to_play": "Nasıl Oynanır:",
-      "how_to_play_p1": "Oyun, bir dizi sorudan oluşur.",
-      "how_to_play_p2": "Her soruyu dikkatlice okuyun.",
-      "how_to_play_p3": "Sağlanan seçenekler arasından doğru cevabı seçin.",
-      "how_to_play_p4": "Seçtiğiniz cevabı göndermek için üzerine tıklayın veya dokunun.",
-      "scoring": "Puanlama:",
-      "scoring_p1": "Her doğru cevap size 100 puan kazandırır.",
-      "scoring_p2": "Yanlış cevaplar 50 puan keser.",
-      "time_limit": "Zaman Sınırı:",
-      "time_limit_p1": "Bazı oyun modları, her soruyu cevaplama için bir zaman sınırına sahip olabilir. Skorunuzu maksimize etmek için hızlı ve doğru olun.",
-      "have_fun": "İyi Eğlenceler!:",
-      "have_fun_p1": "Oyunun tadını çıkarın ve bilginizi test edin. İyi şanslar!",
-      "voice": "Ses ve Klavye Erişilebilirliği",
-"voice_p1": "Soruyu ve cevabı dinleme seçeneğiniz bulunmaktadır. Bir düğmeye basarak, soruyu dinleyebilir ve ardından her biri önünde bir numara olan cevapları dinleyebilirsiniz.",
-"voice_p2": "Bir düğmeye basarak, soruyu dinleyebilir ve ardından her biri önünde bir numara olan cevapları dinleyebilirsiniz.",
-"voice_p3": "Bu numara, seçtiğiniz cevaba klavyede karşılık gelen numarayı basarak yanıt vermek için kullanılır.",
-"voice_p4": "Ayrıca, 's' harfine basarak sesi aktive edebilirsiniz."
-    },
-    "login": {
-      "title": "Giriş",
-      "username_placeholder": "Kullanıcı Adı",
-      "password_placeholder": "Şifre",
-      "remember_me": "Beni hatırla",
-      "forgot_password": "Şifrenizi mi unuttunuz?",
-      "login_button": "Giriş",
-      "register_link": "Hesabınız yok mu? Buradan kaydolun."
-    },
-    "addUser": {
-      "title": "Kayıt Ol",
-      "username_placeholder": "Kullanıcı Adı",
-      "password_placeholder": "Şifre",
-      "repeat_password_placeholder": "Şifreyi Tekrar Girin",
-      "register_button": "Kayıt Ol",
-      "login_link": "Hesabınız var mı? Buradan giriş yapın.",
-      "very_weak_password": "Çok zayıf şifre",
-      "weak_password": "Zayıf şifre",
-      "good_password": "İyi şifre",
-      "strong_password": "Güçlü şifre",
-      "error_passwords_no_match": "Şifreler eşleşmiyor",
-      "error_password_spaces": "Şifre boşluk içeremez",
-      "error_username_spaces": "Kullanıcı adı boşluk içeremez.",
-      "error_password_minimum_length": "Şifre en az 8 karakter uzunluğunda olmalıdır",
-      "error_password_maximum_length": "Şifre en fazla 64 karakter uzunluğunda olabilir",
-      "error_username_in_use": "Kullanıcı adı zaten kullanımda"
-    },
-    "gameMenu": {
-      "history_button": "Tarihsel Verileri Görüntüle",
-      "new_game_button": "Yeni Oyun Oluştur",
-      "title": "Oyun Menüsü"
-    },
-    "questionView": {
-      "seconds": "saniye",
-      "question_counter": "Soru numarası ",
-      "end_countdown": "Süre doldu!",
-      "finished_game": "Oyun bitti!",
-      "point": "Puan",
-      "no_questions_message": "Lütfen biraz bekleyin"
-    },
-    "historicalView": {
-      "game": "Oyun",
-      "points": "puanlar",
-      "no_games_played": "Henüz oyun oynanmadı"
-    },
-  
-    "error":{
-      "error":"Hata",
-      "sorry":"Üzgünüz, bu sayfa mevcut değil. Kızma, ben sadece küçük bir kedicik."
-      }
+  "home":{
+  "welcome":"WIQ'a hoş geldiniz!",
+  "how_to_play":"Nasıl Oynanır?",
+  "login":"Giriş Yap",
+  "register":"Hesabınız yok mu? Buradan kaydolun.",
+  "language":"Dil İngilizce olarak değiştirildi",
+  "msg1":"Bilgi yarışmasına hoş geldiniz! Zihninizin sınanmasına ve becerilerinizi sergilemenize hazır olun. Bu heyecan verici oyunda, çeşitli konulardaki bilginizi test edecek bir dizi soruyla karşılaşacaksınız.",
+  "msg2":"Öyleyse ileri gidin, soruların ustası olduğunuzu kanıtlayın! Meydan okumayı kabul etmeye hazır mısınız?",
+  "clickOpen":"Devam etmek için tıklayın",
+  "clickClose":"Kapatmak için tıklayın",
+  "game":"Misafir olarak oyna"
+  },
+  "navBar":{
+  "title":"Bil ve Kazan!",
+  "en":"İngilizce",
+  "es":"İspanyolca",
+  "tk":"Türkçe",
+  "language":"Dil",
+  "logout":"Çıkış Yap"
+  },
+  "instructions":{
+  "title":"WIQ Talimatları",
+  "objective":"Hedef:",
+  "objective_p1":"Oyunun amacı, mümkün olduğunca çok soruyu doğru cevaplamaktır.",
+  "how_to_play":"Nasıl Oynanır:",
+  "how_to_play_p1":"Oyun bir dizi sorudan oluşur.",
+  "how_to_play_p2":"Her soruyu dikkatlice okuyun.",
+  "how_to_play_p3":"Sağlanan seçeneklerden doğru cevabı seçin.",
+  "how_to_play_p4":"Seçtiğiniz cevabı göndermek için üzerine tıklayın veya dokunun.",
+  "how_to_play_p5":"Uygulamaya kayıtlıysanız, 'Rekabetçi' modunun sıralamasında ve ilk 10 oyuncusunda pozisyonunuzu görebileceksiniz.",
+  "guest":"Misafir olarak oyna:",
+  "guest_p1":"'Misafir' modunda kayıt olmadan oynayabilirsiniz.",
+  "guest_p2":"Sonucunuzun herhangi bir sıralamada görünmeyeceğini ve bir geçmişinizin olmayacağını unutmayın.",
+  "guest_p3":"Bu özelliklerden yararlanmak istiyorsanız lütfen kaydolun.",
+  "personalization":"Oyunu Özelleştir:",
+  "personalization_p1":"Karşılaşacağınız soru türünü ve cevaplayacağınız soru sayısını seçebilirsiniz.",
+  "personalization_p2":"10 saniyeniz olacak ve farklı türlerden 5 sorunun olduğu rekabetçi modu oynayabilirsiniz.",
+  "scoring":"Puanlama:",
+  "scoring_p1":"Her doğru cevap size 100 puan kazandırır.",
+  "scoring_p2":"Yanlış cevaplar 50 puan düşürür.",
+  "time_limit":"Zaman Sınırı:",
+  "time_limit_p1":"Bazı oyun modlarında her soruya cevap vermek için bir zaman sınırı olabilir. Puanınızı maksimuma çıkarmak için hızlı ve doğru olun.",
+  "have_fun":"Keyfini Çıkarın!:",
+  "have_fun_p1":"Oyunun tadını çıkarın ve bilginizi test edin. İyi şanslar!",
+  "voice":"Ses ve Klavye Erişilebilirliği:",
+  "voice_p1":"Soruyu ve cevabı dinleme seçeneğiniz vardır. Bir düğmeye basarak soruyu ve ardından her birinin önünde bir numara olan cevapları duyabilirsiniz.",
+  "voice_p2":"Bir düğmeye basarak soruyu ve ardından her birinin önünde bir numara olan cevapları duyabilirsiniz.",
+  "voice_p3":"Bu numara, seçtiğiniz cevaba karşılık gelen klavyede ilgili numarayı basarak yanıt vermek için kullanılır.",
+  "voice_p4":"Ek olarak, 's' harfine basarak sesi etkinleştirebilirsiniz."
+  },
+  "login":{
+  "title":"Giriş",
+  "username_placeholder":"Kullanıcı Adı veya E-posta",
+  "password_placeholder":"Şifre",
+  "remember_me":"Beni hatırla",
+  "forgot_password":"Şifrenizi mi unuttunuz?",
+  "login_button":"Giriş Yap",
+  "register_link":"Hesabınız yok mu? Buradan kaydolun."
+  },
+  "addUser":{
+  "title":"Kayıt Ol",
+  "username_placeholder":"Kullanıcı Adı",
+  "password_placeholder":"Şifre",
+  "repeat_password_placeholder":"Şifreyi Tekrar Girin",
+  "register_button":"Kaydol",
+  "login_link":"Hesabınız var mı? Buradan giriş yapın.",
+  "email_placeholder":"E-posta",
+  "very_weak_password":"Çok zayıf şifre",
+  "weak_password":"Zayıf şifre",
+  "good_password":"İyi şifre",
+  "strong_password":"Güçlü şifre",
+  "error_passwords_no_match":"Şifreler uyuşmuyor",
+  "error_password_spaces":"Şifre boşluk içeremez",
+  "error_username_spaces":"Kullanıcı adı boşluk içeremez",
+  "error_password_minimum_length":"Şifre en az 8 karakter uzunluğunda olmalıdır",
+  "error_password_maximum_length":"Şifre en fazla 64 karakter uzunluğunda olabilir",
+  "error_username_in_use":"Kullanıcı adı zaten kullanımda",
+  "error_wrong_email_format":"Yanlış e-posta formatı (user@example.com)"
+  },
+  "gameMenu":{
+  "history_button":"Geçmiş Verileri Görüntüle",
+  "new_game_button":"Yeni Oyun Oluştur",
+  "view_ranking":"Sıralama",
+  "title":"Oyun Menüsü",
+  "back":"Geri"
+  },
+  "questionView":{
+  "seconds":"saniye",
+  "question_counter":"Soru numarası ",
+  "end_countdown":"Süre doldu!",
+  "finished_game":"Oyun bitti!",
+  "point":"Puan",
+  "no_questions_message":"Lütfen biraz bekleyin"
+  },
+  "historicalView":{
+  "game":"Oyun",
+  "points":"puan",
+  "no_games_played":"Henüz oyun oynanmamış"
+  },
+  "gameConfigurator":{
+  "game_config":"Oyun yapılandırması",
+  "type_quest":"Soru Türü: ",
+  "num_quest":"Soru Sayısı: ",
+  "play_custom":"Özelleştirilmiş Oyunu Oyna",
+  "rules_competi":"Tüm türlerdeki sorularla ve 5 adetle oyna",
+  "play_competi":"Rekabetçi Oyunu Oyna",
+  "option_all":"Hepsi",
+  "option_population":"Nüfus",
+  "option_capital":"Başkent",
+  "option_language":"Dil",
+  "option_size":"Boyut",
+  "option_head_of_goverment":"Hükümet Başkanı",
+  "custo_game":"Özel oyun oluştur",
+  "competi_game":"Rekabetçi Oyna",
+  "randomize":"Parametreleri Rastgeleleştir"
+  },
+  "ranking":{
+  "ranking":"Sıralama",
+  "position":"Pozisyon",
+  "username":"Kullanıcı Adı",
+  "points":"Puanlar",
+  "num_games":"Rekabetçi oyunlar",
+  "search":"Ara",
+  "enter_username":"Kullanıcı Adını Girin..."
+  },
+  "error":{
+  "error":"Hata",
+  "sorry":"Üzgünüz, bu sayfa mevcut değil. Kızma, ben sadece küçük bir kediğim."
   }
-  
\ No newline at end of file
+  }
\ No newline at end of file