Merge branch 'master' into weeklyDaily

.drone.yml

@@ -42,7 +42,7 @@ steps:
         IMAGENAME: mysql:latest
         CONTAINERNAME: mysql
         COMMAND: create
-        #OVERWRITE: true
+        OVERWRITE: true
         PRIVATE: false
         CODEFIRST_CLIENTDRONE_ENV_MYSQL_ROOT_PASSWORD:    
           from_secret: MYSQL_ROOT_PASSWORD
@@ -53,9 +53,6 @@ steps:
         CODEFIRST_CLIENTDRONE_ENV_MYSQL_PASSWORD:
           from_secret: MYSQL_PASSWORD
         ADMINS: thomaschazot2,pierreferreira,baptistemarcel
-    when:
-      branch:
-      - CI/CD
 
   - name: container-web
     image: plugins/docker
@@ -73,7 +70,7 @@ steps:
     #depends_on: [ build ]
     when:
       branch:
-      - CI/CD
+      - master
 
 
 #container deployment

cryptide_project/Scripts/social_graph.sh

@@ -1,6 +1,5 @@
 #!/bin/sh 
 
-npm install --force
 
 SCRIPT_DIR="$( cd "$( dirname "${BASH_SOURCE[0]}" )" && pwd )"
 

cryptide_project/package.json

@@ -1,6 +1,7 @@
 {
   "name": "cryptide",
   "version": "1.0.0",
+  "homepage": "/containers/Crypteam-website/",
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^6.4.2",
     "@fortawesome/free-regular-svg-icons": "^6.4.2",

cryptide_project/server/api/controllers/AuthController.js

@@ -67,9 +67,6 @@ class AuthController {
 
         // Stocker l'utilisateur dans la session)
         req.session.user = user;
-        req.session.user.nbNodes = 25
-        req.session.user.nbIndices = 3
-
 
         // Envoyer une réponse réussie
         console.log("[" + hour + ":" + minutes + "] " + user.pseudo + " have been connected.");
@@ -85,20 +82,6 @@ class AuthController {
     }
   }
 
-  static async UpdateNbNodesIndices(req, res){
-    try{
-        if (req.session.user){
-            req.session.user.nbNodes = req.body.nbNodes;
-            req.session.user.nbIndices = req.body.nbIndices;
-            res.status(200).json({ message: 'Nombre de noeuds mis à jour.' });
-        }
-    }
-    catch(error){
-        console.error(error);
-        res.status(500).json({ error: 'Erreur lors de la mise à jour du nombre de noeuds.' });
-    }
-}
-
   static async logout(req, res) {
     const pseudo = req.session.user.pseudo;
     const date = new Date();

cryptide_project/server/api/controllers/SessionController.js

@@ -37,7 +37,7 @@ class SessionController {
             nbGamesEF = nbGamesEF.nbGames || 0;
             let nbWinsEF = await db.getNbWinsEnigmeByUserId(req.session.user.idUser, ENIGME_FACILE);
             nbWinsEF = nbWinsEF.nbWins || 0;
-            let ratioEF = (nbWinsEF.nbWins / nbGamesEF.nbGames) * 100 || 0;
+            let ratioEF = (nbWinsEF / nbGamesEF) * 100 || 0;
             let bestTimeEF = await db.getBestTimeEnigmeByUserId(req.session.user.idUser, ENIGME_FACILE);
             bestTimeEF = bestTimeEF.bestTime || 0;
             let avgTimeEF = await db.getAvgTimeEnigmeByUserId(req.session.user.idUser, ENIGME_FACILE);
@@ -66,7 +66,7 @@ class SessionController {
             nbGamesED = nbGamesED.nbGames || 0;
             let nbWinsED = await db.getNbWinsEnigmeByUserId(req.session.user.idUser, ENIGME_DIFFICILE);
             nbWinsED = nbWinsED.nbWins || 0;
-            let ratioED = (nbWinsED.nbWins / nbGamesED.nbGames) * 100 || 0;
+            let ratioED = (nbWinsED / nbGamesED) * 100 || 0;
             let bestTimeED = await db.getBestTimeEnigmeByUserId(req.session.user.idUser, ENIGME_DIFFICILE);
             bestTimeED = bestTimeED.bestTime || 0;
             let avgTimeED = await db.getAvgTimeEnigmeByUserId(req.session.user.idUser, ENIGME_DIFFICILE);
@@ -83,11 +83,11 @@ class SessionController {
             nbGamesOL = nbGamesOL.nbGames || 0;
             let nbWinsOL = await db.getNbWinsOnlineByUserId(req.session.user.idUser);
             nbWinsOL = nbWinsOL.nbWins || 0;
-            let ratioOL = (nbWinsOL.nbWins / nbGamesOL.nbGames) * 100 || 0;
+            let ratioOL = (nbWinsOL / nbGamesOL) * 100 || 0;
             req.session.user.onlineStats = {nbGames: nbGamesOL, 
                                             nbWins: nbWinsOL, 
                                             ratio: ratioOL};
-
+            
             res.status(200).json({ user: req.session.user });
         }
         catch(error){

cryptide_project/server/api/routes/AuthRoutes.js

@@ -11,7 +11,6 @@ router.delete('/auth/logout', AuthController.logout)
 router.delete('/auth/delAccount', AuthController.delAccount)
 router.post('/auth/validatePassword', AuthController.validatePassword);
 router.put('/auth/updatePassword', AuthController.updatePassword);
-router.put('/session/updateNbNodes', AuthController.UpdateNbNodesIndices);
 
 // Routes pour les sessions
 router.get('/session', SessionController.getUserInformation);
@@ -22,7 +21,6 @@ router.post('/session/addHardEnigmaStats', SessionController.addHardEnigmaStats)
 router.post('/session/addOnlineStats', SessionController.addOnlineStats);
 router.put('/session/updatePseudo', SessionController.UpdatePseudo);
 
-
 // Routes pour le daily scoreboard
 router.get('/scoreboard/getDailyMastermind', ScoreboardController.getDailyMastermind);
 router.get('/scoreboard/getDailyEasyEnigma', ScoreboardController.getDailyEasyEnigma);

cryptide_project/server/api/services/DatabaseService.js

@@ -176,7 +176,7 @@ class DatabaseService {
             const currentDate = new Date().toISOString().slice(0, 10);
     
             this.client.all(
-                'SELECT pseudo, COUNT(*) AS wins FROM users INNER JOIN games ON users.idUser = games.idUser WHERE gameType = ? AND SUBSTR(playedDate, 1, 10) = ? AND win = ? GROUP BY users.idUser ORDER BY wins ASC LIMIT 10',
+                'SELECT pseudo, COUNT(*) AS wins FROM users INNER JOIN games ON users.idUser = games.idUser WHERE gameType = ? AND SUBSTR(playedDate, 1, 10) = ? AND win = ? GROUP BY users.idUser ORDER BY wins DESC LIMIT 10',
                 "multijoueur", currentDate, 1,
                 (err, result) => {
                     if (err) {
@@ -245,7 +245,7 @@ class DatabaseService {
             const firstDayOfWeek = new Date(new Date().setDate(new Date().getDate() - currentDay)).toISOString().slice(0, 10);
 
             this.client.all(
-                'SELECT pseudo, COUNT(*) as wins FROM users INNER JOIN games ON users.idUser = games.idUser WHERE gameType = ? AND SUBSTR(playedDate, 1, 10) BETWEEN ? AND ? AND win = ? ORDER BY wins ASC LIMIT 10',
+                'SELECT pseudo, COUNT(*) as wins FROM users INNER JOIN games ON users.idUser = games.idUser WHERE gameType = ? AND SUBSTR(playedDate, 1, 10) BETWEEN ? AND ? AND win = ? GROUP BY users.idUser ORDER BY wins DESC LIMIT 10',
                 "multijoueur",
                 firstDayOfWeek,
                 currentDate,

cryptide_project/src/AdressSetup.ts

@@ -9,7 +9,7 @@ const tmp2 = ADRESSE_WEBSERVER
 
 const ADRESSE_WEBSITE = ""
 
-const basePath = process.env.REACT_APP_BASE_PATH || '';
+const basePath = process.env.REACT_APP_BASE_PATH || '/containers/Crypteam-website';
 
 const tmp3 = basePath
 

cryptide_project/src/App.tsx

@@ -94,11 +94,11 @@ function App() {
                   <Route path={`${basePath}/signup`} element={<SignUp />} />
                   <Route path={`${basePath}/presentation`} element={<Home />} />
                   <Route path={`${basePath}/lobby`} element={<Lobby/>} />
-                  <Route path={`${basePath}/endgame`} element={<EndGame lang={locale}/>} />
+                  <Route path={`${basePath}/endgame`} element={<EndGame/>} />
                   <Route path={`${basePath}/game`} element={<InGame locale={locale} changeLocale={changeLocale}/>}/>
                   <Route path={`${basePath}/info`} element={<InfoPage locale={locale} changeLocale={changeLocale}/>} />
                   <Route path={`${basePath}/tutorial`} element={<Tutorial locale={locale} changeLocale={changeLocale}/>} />
-                  <Route path={`${basePath}/deduc`} element={<DeducCheck lang={locale}/>} />
+                  <Route path={`${basePath}/deduc`} element={<DeducCheck/>} />
                   <Route path={`${basePath}/TheRealDeduc`} element={<DeducGrid/>} />
                   <Route path={`${basePath}/profile`} element={<Profile/>} />
                   <Route path={`${basePath}/join`} element={<Lobbies/>}/>

cryptide_project/src/Components/GraphContainer.tsx

@@ -21,10 +21,6 @@ import { json } from "body-parser";
 import html2canvas from 'html2canvas';
 import jsPDF from 'jspdf';
 import {basePath} from "../AdressSetup"
-import GameCreator from "../model/GameCreator";
-import Stub from "../model/Stub";
-import EnigmeDuJourCreator from "../model/EnigmeDuJourCreator";
-import { useIntl } from "react-intl";
 
 interface MyGraphComponentProps {
   onNodeClick: (shouldShowChoiceBar: boolean) => void;
@@ -36,7 +32,7 @@ interface MyGraphComponentProps {
   addToHistory: (message : string) => void
   solo : boolean
   isDaily : boolean
-  difficulty: string
+  isEasy: boolean
   setNetwork: (network: Network) => void
   showLast: boolean
   setNetworkEnigme: (networkEnigme: Map<number, Pair<Indice, boolean>[]>) => void
@@ -54,15 +50,10 @@ interface MyGraphComponentProps {
   putGreyBackground : () => void
   putCorrectBackground : () => void
   putImposssibleGrey : () => void
-  setChangeGraph : (func: (nbNodes: number, nbIndices: number) => void) => void
 
   handleTurn :() => void
-
-  lang: string
 }
 
-let askedWrongBot = false
-let lastSocketId= ""
 let lastAskingPlayer = 0
 let lastNodeId = -1
 let first = true
@@ -70,46 +61,41 @@ let askedWrongLocal = false
 let mapIndexPersons: Map<number, Person[]> = new Map<number, Person[]>()
 let touchedPlayer = -1
 let botIndex = -1
+let askedWrongBot = false
+let lastSocketId= ""
 let firstLap = true
 let cptHistory = 0
 let lastNodes: NodePerson[] = []
 let cptEndgame = 0
+let firstEnigme = true
+let firstIndex = true
 let endgame= false
+let firstHistory = true
 let cptSquare = 0
 let cptOnAskedWrong = 0
 let cptPlayerLeft = 0
 let firstPlayer = 0
 let cptBug = 0
+let cptUseEffect = 0
 let testPlayers: Player[] = []
 let testTemps = 0
 let testFirst = false
-let gameStartTmp = true
-let index = 0
-let firstHistory = true
 
-const MyGraphComponent: React.FC<MyGraphComponentProps> = ({onNodeClick, handleShowTurnBar, handleTurnBarTextChange, playerTouched, setPlayerTouched, changecptTour, solo, isDaily, difficulty, addToHistory, showLast, setNetwork, setNetworkEnigme, setPlayerIndex, askedWrong, setAskedWrong, importToPdf, setImportToPdf, importToJSON, setImportToJSON, setPutCorrectBackground, setPutGreyBackground, setPutImposssibleGrey, putCorrectBackground, putGreyBackground, putImposssibleGrey, handleTurn, setChangeGraph, lang}) => {
-  let cptTour: number = 1
+
+const MyGraphComponent: React.FC<MyGraphComponentProps> = ({onNodeClick, handleShowTurnBar, handleTurnBarTextChange, playerTouched, setPlayerTouched, changecptTour, solo, isDaily, isEasy, addToHistory, showLast, setNetwork, setNetworkEnigme, setPlayerIndex, askedWrong, setAskedWrong, importToPdf, setImportToPdf, importToJSON, setImportToJSON, setPutCorrectBackground, setPutGreyBackground, setPutImposssibleGrey, putCorrectBackground, putGreyBackground, putImposssibleGrey, handleTurn}) => {
+  let cptTour: number = 0
 
   //* Gestion du temps :
   let initMtn = 0
 
-  
-  //* traduction
-  const intl = useIntl();
-
-
   const {isLoggedIn, user, manager} = useAuth();
-  const { indices, indice, person, personNetwork, setNodeIdData, players, setPlayersData, askedPersons, setActualPlayerIndexData, room, actualPlayerIndex, turnPlayerIndex, setIndicesData, setWinnerData, dailyEnigme, setNbCoupData, settempsData, setNetworkDataData, setSeedData, nodesC, temps, setPersonData, setPersonNetworkData, setDailyEnigmeData, gameStart, setGameStartData} = useGame();
+  const { indices, indice, person, personNetwork, setNodeIdData, players, setPlayersData, askedPersons, setActualPlayerIndexData, room, actualPlayerIndex, turnPlayerIndex, setTurnPlayerIndexData, setWinnerData, dailyEnigme, setNbCoupData, settempsData, setNetworkDataData, setSeedData, nodesC, temps} = useGame();
   const params = new URLSearchParams(window.location.search);
 
   const navigate = useNavigate();
   const [lastIndex, setLastIndex] = useState(-1)
 
   const [elapsedTime, setElapsedTime] = useState(0);
-  const [netEnigme, setNetEnigme] = useState<Map<number, Pair<Indice, boolean>[]> | null>(null)
-  const [downloaded, setDownloaded] = useState(false)
-
-  const [updateHistory, setUpdateHistory] = useState<() => void>(() => {})
 
   useEffect(() => {
     if (testFirst){
@@ -123,12 +109,10 @@ const MyGraphComponent: React.FC<MyGraphComponentProps> = ({onNodeClick, handleS
       settempsData(testTemps)
       testTemps += 0.5
 
-      if (!solo){
-        cptBug ++
-        if (cptBug > 10){
-          cptBug = 0
-          socket.emit("who plays", room)
-        }
+      cptBug ++
+      if (cptBug > 10){
+        cptBug = 0
+        socket.emit("who plays", room)
       }
 
 
@@ -146,10 +130,12 @@ const MyGraphComponent: React.FC<MyGraphComponentProps> = ({onNodeClick, handleS
 
   useEffect(() => {
     testPlayers = players
+    console.log(testPlayers)
   }, [players])
 
   useEffect(() =>{
     touchedPlayer=playerTouched
+    console.log(playerTouched)
     if (touchedPlayer == -1){
       if (!askedWrongLocal){
         putCorrectBackground()
@@ -188,44 +174,17 @@ const MyGraphComponent: React.FC<MyGraphComponentProps> = ({onNodeClick, handleS
 
   let playerIndex: number = turnPlayerIndex
 
-  useEffect(() => {
-    gameStartTmp=gameStart
-    if (gameStartTmp){
-      setGameStartData(false)
-      setLastIndex(turnPlayerIndex)
-      setPlayerIndex(playerIndex)
-    }
-    for (let i=0; i<players.length; i++){
-      if(players[i].id == socket.id){
-          index=i
-          break
-      }
-    }
-    first = false
-    endgame= false
-    if (!solo){
-      for(let i = 0; i<indices.length; i++){
-        mapIndexPersons.set(i, [])
-      }
-      if (actualPlayerIndex==0){
-        players.forEach((p, index) =>{
-          if (p instanceof Bot && personNetwork!=null){
-            p.index=index
-            p.initiateMap(personNetwork)
-          }
-        })
-      }
-      setActualPlayerIndexData(index)
-      if (playerIndex == actualPlayerIndex){
-        handleTurnBarTextChange(intl.formatMessage({ id: 'game.yourTurn' }))
-        handleShowTurnBar(true)
-      }
+  if (firstIndex){
+    firstIndex=false
+    setPlayerIndex(playerIndex)
+  }
+  let index = 0
+  for (let i=0; i<players.length; i++){
+    if(players[i].id == socket.id){
+        index=i
+        break
     }
-  }, [gameStart])
-
-
-  
-
+  }
 
   useEffect(() =>{
     //* Gestion du sound des tours :
@@ -342,6 +301,31 @@ const MyGraphComponent: React.FC<MyGraphComponentProps> = ({onNodeClick, handleS
     }
   }, [lastIndex])
 
+
+  
+  if (first){
+    first = false
+    endgame= false
+    if (!solo){
+      for(let i = 0; i<indices.length; i++){
+        mapIndexPersons.set(i, [])
+      }
+      if (actualPlayerIndex==0){
+        players.forEach((p, index) =>{
+          if (p instanceof Bot && personNetwork!=null){
+            p.index=index
+            p.initiateMap(personNetwork)
+          }
+        })
+      }
+      setActualPlayerIndexData(index)
+      if (playerIndex == actualPlayerIndex){
+        handleTurnBarTextChange("À vous de jouer")
+        handleShowTurnBar(true)
+      }
+    }
+  }
+
   useEffect(() => {
     if (importToPdf){
       setImportToPdf(false)
@@ -356,54 +340,7 @@ const MyGraphComponent: React.FC<MyGraphComponentProps> = ({onNodeClick, handleS
           format: 'a4', // Format du papier (par exemple, a4)
         });
         pdf.addImage(canvas.toDataURL('image/png'), 'PNG', 0, 0, pdf.internal.pageSize.getWidth(), pdf.internal.pageSize.getHeight());
-        
-        if (isDaily){
-          pdf.addPage();
-          let text = ""
-
-          if (difficulty === "easy"){
-            indices.forEach((indice, index) => {
-              text += `Indice ${index + 1} : ${indice.ToString('fr')}.\n`
-            })
-          }
-          else{
-            const personIndice = new Map<number, string[]>()
-            indices.forEach((i, index) => {
-                personIndice.set(index, [])
-            })
-        
-            netEnigme?.forEach((pairs, index) => {
-                pairs.forEach((pair) => {
-                  const person = personNetwork?.getPersons().find((n) => index == n.getId())
-                  const indice = indices.findIndex((i) => pair.first.getId() == i.getId())
-                  if (person != undefined && indice != -1){
-                    let string = "L'indice numéro " + (indice + 1) + " répond "
-                    if (pair.second){
-                        string += "vrai "
-                    }
-                    else{
-                        string += "faux "
-                    }
-                    string += "pour " + person.getName()
-                    personIndice.get(indice)?.push(string)
-                  }
-                })
-              });
-        
-            personIndice.forEach((indices, index) => {
-                text += `Indice ${index + 1}:\n`
-                indices.forEach((string) => {
-                    text += `${string}.\n`
-                })
-            })
-          }
-          pdf.text(text, 10, 10);
-        }
-        setDownloaded(true)
         pdf.save('graph.pdf');
-
-        
-
       });
     }
   }, [importToPdf])
@@ -417,7 +354,6 @@ const MyGraphComponent: React.FC<MyGraphComponentProps> = ({onNodeClick, handleS
     link.click();
     URL.revokeObjectURL(url);
   }
-  
 
 
   useEffect(() => {
@@ -428,27 +364,10 @@ const MyGraphComponent: React.FC<MyGraphComponentProps> = ({onNodeClick, handleS
     }
   }, [importToJSON])
 
-  const changeGraph = (nbNodes: number, nbIndices: number) => {
-    //todo différencier les deux
-    const [networkPerson, choosenPerson, choosenIndices] = GameCreator.CreateGame(nbIndices, nbNodes)
-    setPersonData(choosenPerson)
-    setPersonNetworkData(networkPerson)
-    setIndicesData(choosenIndices)
-    const map = EnigmeDuJourCreator.createEnigme(networkPerson, choosenIndices, choosenPerson, Stub.GenerateIndice())
-    setDailyEnigmeData(map)
-
-    changecptTour(1)
-    testTemps=0
-  }
-
   useEffect(() => {
     if (personNetwork == null){
       return
     }
-
-    if (solo){
-      setChangeGraph(() => changeGraph)
-    }
     const graph = GraphCreator.CreateGraph(personNetwork)
 
     let n = graph.nodesPerson;
@@ -494,7 +413,6 @@ const MyGraphComponent: React.FC<MyGraphComponentProps> = ({onNodeClick, handleS
             }
         }
     };
-    
 
     const networkData = { nodes: nodes, edges: graph.edges };
     const network = new Network(container, networkData, initialOptions);
@@ -502,23 +420,9 @@ const MyGraphComponent: React.FC<MyGraphComponentProps> = ({onNodeClick, handleS
     setNetwork(network)
     setSeedData(network.getSeed())
 
-    if (solo){
-      if (solo && (difficulty === "intermediate" || !isDaily)){
-        addToHistory("<----- ["+ intl.formatMessage({ id: 'turn' }) +" " + 1  +"/"+networkData.nodes.length + "] ----->");
-      }
-      else{
-        indices.forEach((indice, index) => {
-          addToHistory(intl.formatMessage({ id: 'indice' }) + positionToEmoji(index, true) + " : " + indice.ToString(lang))
-        })
-      }
-    }
-
     if (isDaily){
       setNetworkEnigme(dailyEnigme)
-      setNetEnigme(dailyEnigme)
-      console.log(difficulty)
-      if (difficulty === "hard" || difficulty=== "intermediate"){
-        console.log(dailyEnigme)
+      if (!isEasy){
         dailyEnigme.forEach((pairs, index) => {
           pairs.forEach((pair) => {
             //@ts-ignore
@@ -531,6 +435,15 @@ const MyGraphComponent: React.FC<MyGraphComponentProps> = ({onNodeClick, handleS
           })
         });
       }
+      else{
+        if (firstHistory){
+          firstHistory=false
+          indices.forEach((indice, index) => {
+            addToHistory("Indice " + positionToEmoji(index, true) + " : " + indice.ToString("fr"))
+          })
+        }
+        
+      }
     }
 
     socket.on("give network", (playerId) => {
@@ -600,7 +513,7 @@ const MyGraphComponent: React.FC<MyGraphComponentProps> = ({onNodeClick, handleS
           setPlayerIndex(playerIndex)
           setLastIndex(playerIndex)
           if (playerIndex===actualPlayerIndex){
-            handleTurnBarTextChange(intl.formatMessage({ id: 'game.yourTurn' }))
+            handleTurnBarTextChange("À vous de jouer")
             handleShowTurnBar(true)
           }
         }
@@ -621,6 +534,7 @@ const MyGraphComponent: React.FC<MyGraphComponentProps> = ({onNodeClick, handleS
         setPlayerIndex(index)
         setLastIndex(index)
         if (actualPlayerIndex==index){
+          handleTurnBarTextChange("À vous de jouer")
           handleShowTurnBar(true)
         }
       })
@@ -651,6 +565,7 @@ const MyGraphComponent: React.FC<MyGraphComponentProps> = ({onNodeClick, handleS
       })
       
       socket.on("node checked",(id, works, askedIndex, newPlayerIndex, socketId) => {
+        console.log("coucou")
         cptBug=0
         //@ts-ignore
         const node = nodes.get().find((n) => id == n.id)
@@ -659,6 +574,7 @@ const MyGraphComponent: React.FC<MyGraphComponentProps> = ({onNodeClick, handleS
           playerIndex = newPlayerIndex
           setPlayerIndex(playerIndex)
           setLastIndex(newPlayerIndex)
+          console.log(newPlayerIndex)
           //@ts-ignore
           if (mapIndexPersons.get(askedIndex)?.find((p) => p.getId() == id) == undefined){
             //@ts-ignore
@@ -681,12 +597,12 @@ const MyGraphComponent: React.FC<MyGraphComponentProps> = ({onNodeClick, handleS
             cptHistory++
             if (cptHistory % 2 >= 0){
               lastNodes.push(node)
-              addToHistory(testPlayers[askedIndex].pseudo + intl.formatMessage({ id: 'history.mis' }) + positionToEmoji(askedIndex, works) + intl.formatMessage({ id: 'à' }) + personNetwork.getPersons()[id].getName())
+              addToHistory(testPlayers[askedIndex].pseudo + " à mis un " + positionToEmoji(askedIndex, works) + " à " + personNetwork.getPersons()[id].getName())
             }
           }
 
           if (playerIndex === actualPlayerIndex){
-            handleTurnBarTextChange(intl.formatMessage({ id: 'game.yourTurn' }))
+            handleTurnBarTextChange("À vous de jouer")
             handleShowTurnBar(true)
           }
           else{
@@ -731,7 +647,7 @@ const MyGraphComponent: React.FC<MyGraphComponentProps> = ({onNodeClick, handleS
             setAskedWrong(true)
             askedWrongBot=true
             handleShowTurnBar(true)
-            handleTurnBarTextChange(intl.formatMessage({ id: 'game.wrong' }))
+            handleTurnBarTextChange("Mauvais choix, posez un carré !")
             touchedPlayer = actualPlayerIndex
             putGreyBackgroud()
           }
@@ -745,7 +661,7 @@ const MyGraphComponent: React.FC<MyGraphComponentProps> = ({onNodeClick, handleS
         cptBug=0
         cptOnAskedWrong ++
         if (cptOnAskedWrong % 2 >= 0){
-          addToHistory(testPlayers[askingPlayer].pseudo + intl.formatMessage({ id: 'history.cantPose' }))
+          addToHistory(testPlayers[askingPlayer].pseudo + " ne peut plus poser de carré")
           playerIndex = askingPlayer + 1
           if(playerIndex == players.length){
             playerIndex = 0
@@ -753,7 +669,7 @@ const MyGraphComponent: React.FC<MyGraphComponentProps> = ({onNodeClick, handleS
           setPlayerIndex(playerIndex)
           setLastIndex(playerIndex)
           if (playerIndex === actualPlayerIndex){
-            handleTurnBarTextChange(intl.formatMessage({ id: 'game.yourTurn' }))
+            handleTurnBarTextChange("À vous de jouer")
             handleShowTurnBar(true)
           }
           else{
@@ -809,6 +725,14 @@ const MyGraphComponent: React.FC<MyGraphComponentProps> = ({onNodeClick, handleS
         
       })
     }
+    else {
+      if (firstLap){
+        firstLap=false
+        if (!isDaily){
+          addToHistory("<----- [Tour " + 1  +"/"+networkData.nodes.length + "] ----->");
+        }
+      }
+    }
 
 
     const putCorrectBackground = () => {
@@ -893,7 +817,6 @@ const MyGraphComponent: React.FC<MyGraphComponentProps> = ({onNodeClick, handleS
         setLastIndex(-1)
         setPlayerTouched(-1)
         setWinnerData(winner)
-        firstHistory=true
         
 
         first = true
@@ -902,6 +825,7 @@ const MyGraphComponent: React.FC<MyGraphComponentProps> = ({onNodeClick, handleS
         setAskedWrong(false)
         askedWrongBot=false
         endgame = true
+        firstHistory=true
         cptBug=0
         try{
           if(isLoggedIn){
@@ -927,7 +851,6 @@ const MyGraphComponent: React.FC<MyGraphComponentProps> = ({onNodeClick, handleS
         }
         finally{
           setElapsedTime(0)
-          putCorrectBackground()
           socket.off("end game")
           socket.off("asked all")
           socket.off("opacity activated")
@@ -944,6 +867,24 @@ const MyGraphComponent: React.FC<MyGraphComponentProps> = ({onNodeClick, handleS
       }
     })
 
+
+
+      personNetwork.getPersons().forEach(p => {
+        let a = 0
+        for (let i of indices){
+          let tester = IndiceTesterFactory.Create(i)
+          if (tester.Works(p)){
+            a++
+          }
+        }
+        if (a==indices.length){
+          //networkData.nodes.update({id: p.getId(), label: p.getName() + "\n🔵"})
+          //console.log(p)
+        }
+        
+      });
+      
+
       // Gérer le changement entre la physique et le déplacement manuel
       network.on("dragging", (params) => {
           if (params.nodes.length > 0) {
@@ -1081,14 +1022,15 @@ const MyGraphComponent: React.FC<MyGraphComponentProps> = ({onNodeClick, handleS
           const personTest = personNetwork?.getPersons().find((p) => p.getId() == params.nodes[0]) //person sélectionnée
           const node = nodes.get().find((n: any) => params.nodes[0] == n.id)
           if(node == undefined)return;
-          if (node.label.includes(colorToEmoji(positionToColor(0), true)) || node.label.includes(colorToEmoji(positionToColor(0), false))) return
-          if (personTest != undefined){ //si la personne existe et que le noeud n'a pas déjà été cliqué
+          if (personTest != undefined && !node.label.includes(positionToEmoji(index, true)) && !node.label.includes(positionToEmoji(index, false))){ //si la personne existe et que le noeud n'a pas déjà été cliqué
             let index =0
+            let works = true
+            const statsTime = elapsedTime;
             for (const i of indices){
               const tester = IndiceTesterFactory.Create(i)
               const test = tester.Works(personTest)
                 //@ts-ignore
-              if (node!=undefined && !node.label.includes(positionToEmoji(index, true)) && !node.label.includes(positionToEmoji(index, false))){
+              if (node!=undefined){
                 const nodeNode = nodes.get().find((n: any) => params.nodes[0] == n.id)
                 if(nodeNode == undefined)return;
                 networkData.nodes.update({id: params.nodes[0], label: nodeNode.label + positionToEmoji(index, test)})
@@ -1106,16 +1048,14 @@ const MyGraphComponent: React.FC<MyGraphComponentProps> = ({onNodeClick, handleS
 
               try{
                 console.log("time: " + testTemps)
-                if(user && isLoggedIn && !downloaded){
+                if(user && isLoggedIn){
                   if(solo){
                     if(isDaily){
                       // TODO: verif difficulté et add les stats
                       // TODO: verif pour facile et difficile, si réussi en one shot ou non
-                      if(difficulty==="easy"){
+                      if(isEasy){
                         manager.userService.addEasyEnigmaStats(user.pseudo, 1, testTemps - 0.5);
                       }
-                      else if (difficulty === "intermediate"){
-                      }
                       else{
                         manager.userService.addHardEnigmaStats(user.pseudo, 1, testTemps - 0.5);
                       }
@@ -1130,7 +1070,7 @@ const MyGraphComponent: React.FC<MyGraphComponentProps> = ({onNodeClick, handleS
                 }       
                 else{
                   // add stats mastermind
-                  if(user && user.mastermindStats && !downloaded){
+                  if(user && user.mastermindStats){
                     manager.userService.addMastermindStats(user.pseudo, cptTour, elapsedTime);
                   }
                 }
@@ -1145,29 +1085,11 @@ const MyGraphComponent: React.FC<MyGraphComponentProps> = ({onNodeClick, handleS
               navigate(`${basePath}/endgame?solo=true&daily=${isDaily}`)
             }
             else{
-              if (isDaily){
-                if (difficulty==="intermediate"){
-                  addToHistory(personTest.getName() + intl.formatMessage({ id: 'history.NotCoupable' }));
-                  cptTour ++; // On Incrémente le nombre de tour du joueur
-                  addToHistory("<----- ["+ intl.formatMessage({ id: 'turn' }) + " " + cptTour  +"/"+networkData.nodes.length);
-                  changecptTour(cptTour); // On le transmet a la page précédente avec la fonction
-                }
-                else if (difficulty==="easy"){
-                  cptTour ++; // On Incrémente le nombre de tour du joueur
-                  changecptTour(cptTour); // On le transmet a la page précédente avec la fonction
-                }
-                else{
-                  navigate(`${basePath}/endgame?solo=true&daily=true`)
-                  setNetworkDataData(networkData)
-                  setWinnerData(null)
-                }
-              }
-              else{
-                  addToHistory(personTest.getName() + intl.formatMessage({ id: 'history.NotCoupable' })); //TODO préciser le nombre d'indice qu'il a de juste
-                  cptTour ++; // On Incrémente le nombre de tour du joueur
-                  addToHistory("<----- [Tour " + cptTour  +"/"+networkData.nodes.length + "] ----->");
-                  changecptTour(cptTour); // On le transmet a la page précédente avec la fonction
-              }
+              addToHistory(personTest.getName() + " n'est pas le coupable !"); //TODO préciser le nombre d'indice qu'il a de juste
+              cptTour ++; // On Incrémente le nombre de tour du joueur
+              const tour = cptTour+1;
+              addToHistory("<----- [Tour " + tour  +"/"+networkData.nodes.length + "] ----->");
+              changecptTour(cptTour); // On le transmet a la page précédente avec la fonction
             }
           }
         }
@@ -1179,7 +1101,7 @@ const MyGraphComponent: React.FC<MyGraphComponentProps> = ({onNodeClick, handleS
         setPlayerTouched(-1)
       }
     });
-  }, [personNetwork]); // Le tableau vide signifie que cela ne s'exécutera qu'une fois après le premier rendu
+  }, []); // Le tableau vide signifie que cela ne s'exécutera qu'une fois après le premier rendu
 
   return (
     <>

cryptide_project/src/Components/NavBar.tsx

@@ -1,7 +1,7 @@
 import React, {useEffect, useState} from 'react';
 
 /* Naviagtion */
-import { Navbar, Container, Nav, NavDropdown } from 'react-bootstrap';
+import { Navbar, Container, Nav, NavDropdown  } from 'react-bootstrap';
 
 /* Lang */
 import { FormattedMessage } from 'react-intl';
@@ -51,20 +51,20 @@ function AppNavbar({changeLocale, locale}) {
     return (
         <Navbar expand="lg" className="custom-navbar" style={{ backgroundColor: theme.colors.primary }}>
             <Container>
-                <Navbar.Brand onClick={navigateToHome}>
+                <Nav.Link href={`${basePath}/`}>
                     <img src={logo} alt="logo" className="logo" />
-                </Navbar.Brand>
+                </Nav.Link>
                 <Navbar.Toggle aria-controls="basic-navbar-nav" />
                 <Navbar.Collapse id="basic-navbar-nav">
                     <Nav className="me-auto">
                         <Nav.Link href={`${basePath}/`} style={{ color: theme.colors.text }}>
-                            <FormattedMessage id="navbar.play" />
+                            Jouer
                         </Nav.Link>
                         <Nav.Link href={`${basePath}/presentation`} style={{ color: theme.colors.text }}>
-                            <FormattedMessage id="navbar.presentation" />
+                            Présentation
                         </Nav.Link>
                         <Nav.Link href={`${basePath}/info`} style={{ color: theme.colors.text }}>
-                            <FormattedMessage id="navbar.info" />
+                            Info
                         </Nav.Link>
                     </Nav>
                     <div className='leftdiv'>

cryptide_project/src/Components/PlayerItemList.tsx

@@ -20,7 +20,6 @@ import Bot from '../model/Bot';
 
 /* server */
 import { socket } from '../SocketConfig';
-import { Form } from 'react-router-dom';
 
 interface MyPlayerItemListProps {
     player : Player,
@@ -59,13 +58,13 @@ const PlayerItemList:React.FC<MyPlayerItemListProps> =({ player, room }) => {
             {isBot && (
                 <ToggleButtonGroup type='radio' name={`options-${player.id}`} defaultValue={1}>
                     <ToggleButton id={`tbg-radio-1-${player.id}`} value={1}>
-                        <FormattedMessage id='easy' />
+                        Facile
                     </ToggleButton>
                     <ToggleButton id={`tbg-radio-2-${player.id}`} value={2}>
-                        <FormattedMessage id='medium' />
+                        Intermédiaire
                     </ToggleButton>
                     <ToggleButton id={`tbg-radio-3-${player.id}`} value={3}>
-                        <FormattedMessage id='strong' />
+                        Fort
                     </ToggleButton>
                 </ToggleButtonGroup>
             )}

cryptide_project/src/Components/PlayerList.tsx

@@ -8,7 +8,6 @@ import Person from '../res/img/Person.png'
 import BotImg from '../res/img/bot.png'
 
 import { socket } from '../SocketConfig';
-import { FormattedMessage } from 'react-intl';
 
 
 //@ts-ignore
@@ -70,7 +69,7 @@ const PlayerList: React.FC<PlayerListProps> = ({ players, playerTouched, setPlay
                             textAlign: "center",
                             color: "white",
                             padding: "10px"}}
-                            onClick={() => askEveryone()}><FormattedMessage id='askeveryone'/></button>
+                            onClick={() => askEveryone()}>Ask everyone</button>
                         ):
                         (
                             <button style={{ 
@@ -81,7 +80,7 @@ const PlayerList: React.FC<PlayerListProps> = ({ players, playerTouched, setPlay
                                 textAlign: "center",
                                 color: "white",
                                 padding: "10px"}}
-                            onClick={() => askEveryone()}><FormattedMessage id='askeveryone'/></button>
+                            onClick={() => askEveryone()}>Ask everyone</button>
                         )
                     }
             </div>

cryptide_project/src/Components/ScoreBoard.css

@@ -12,17 +12,4 @@
   }
   
   /* Personnalisez davantage selon vos préférences */
-
-  .carousselButton{
-    border:none;
-    background-color:darkgray;
-    color:white;
-    opacity: 60%;
-    width: 50px;
-    height: 70px;
-    font-size: 40px;
-    border-radius: 5px;
-    padding: 5px;
-    margin: 5px;
-    cursor: pointer;
-  }
+  

cryptide_project/src/Components/ScoreBoard.tsx

@@ -27,8 +27,6 @@ import { BiLineChart, BiLineChartDown } from 'react-icons/bi';
 import { CarouselCaption } from 'react-bootstrap';
 import { BsLine } from 'react-icons/bs';
 
-import { FormattedMessage, useIntl } from 'react-intl';
-
 //@ts-ignore
 const ScoreBoard: React.FC<{ Player: User }> = ({ Player }) => {
     const theme=useTheme();
@@ -92,21 +90,6 @@ const ScoreBoard: React.FC<{ Player: User }> = ({ Player }) => {
         fetchWeeklyStats();
     }, []);
 
-    const intl = useIntl();
-
-
-    //@ts-ignore
-    const CustomPrevButton = ({ previousSlide }) => (
-        <button className='carousselButton' onClick={previousSlide}>&lt;</button>
-    );
-    
-    //@ts-ignore
-    const CustomNextButton = ({ nextSlide }) => (
-    <button className='carousselButton' onClick={nextSlide}>&gt;</button>
-    );
-
-
-
     return (
         <Tabs
             activeKey={activeTab}
@@ -117,66 +100,56 @@ const ScoreBoard: React.FC<{ Player: User }> = ({ Player }) => {
             }}
             id="ScoreBoard"
             className="tabsStats justify-content-around">
-            <Tab eventKey="perso"
-            title={intl.formatMessage({ id: 'score.tab.stat' })}
-            disabled={!Player.pseudo.startsWith("Guest_") ? false : true}>
+            <Tab eventKey="perso" title="Vos Stats" disabled={!Player.pseudo.startsWith("Guest_") ? false : true}>
                 <Tab.Content className={`tabsStats ${activeTab !== 'perso' ? 'hidden' : ''}`}>
-                    <Carousel
-                        renderCenterLeftControls={({ previousSlide }) => <CustomPrevButton previousSlide={previousSlide} />}
-                        renderCenterRightControls={({ nextSlide }) => <CustomNextButton nextSlide={nextSlide} />}
-                        adaptiveHeight
-                        wrapAround
-                        slidesToShow={1}
-                        cellSpacing={10}
-                        key={carouselKey}
-                        >
+                    <Carousel adaptiveHeight wrapAround slidesToShow={1} cellSpacing={10} key={carouselKey}>
                         <div className="stats">
-                            <h5><FormattedMessage id='info.mdj.mastermind'/></h5>
+                            <h5>Mastermind</h5>
                             <hr />
-                            <p><FormattedMessage id='score.nbPlayed'/> : {Player.mastermindStats.nbGames}</p>
-                            <p><FormattedMessage id='score.best'/>: {Player.mastermindStats.bestScore}</p>
-                            <p><FormattedMessage id='score.moy'/>: {Player.mastermindStats.avgNbTry.toFixed(2)}</p>
+                            <p>Parties Jouées: {Player.mastermindStats.nbGames}</p>
+                            <p>Best-Score: {Player.mastermindStats.bestScore}</p>
+                            <p>Moyenne d'essai: {Player.mastermindStats.avgNbTry.toFixed(2)}</p>
                         </div>
                         <div className="stats">
-                            <h5><FormattedMessage id='score.titre.easy'/></h5>
+                            <h5>Enigme facile</h5>
                             <hr />
-                            <p><FormattedMessage id='score.nbPlayed'/>: {Player.easyEnigmaStats.nbGames}</p>
-                            <p><FormattedMessage id='score.NbWin'/>: {Player.easyEnigmaStats.nbWins}</p>
-                            <p><FormattedMessage id='score.ratio'/>: {Player.easyEnigmaStats.ratio.toFixed(2) + "%"}</p>
-                            <p><FormattedMessage id='score.bestTmp'/>: {Player.easyEnigmaStats.bestTime + "s"}</p>
-                            <p><FormattedMessage id='score.moyTmp'/>: {Player.easyEnigmaStats.avgTime.toFixed(2) + "s"}</p>
+                            <p>Parties Jouées: {Player.easyEnigmaStats.nbGames}</p>
+                            <p>Nombre de victoires: {Player.easyEnigmaStats.nbWins}</p>
+                            <p>Ratio V/D: {Player.easyEnigmaStats.ratio.toFixed(2) + "%"}</p>
+                            <p>Meilleur temps: {Player.easyEnigmaStats.bestTime + "s"}</p>
+                            <p>Moyenne de temps: {Player.easyEnigmaStats.avgTime.toFixed(2) + "s"}</p>
                         </div>
                         <div className="stats">
-                            <h5><FormattedMessage id='score.titre.int'/></h5>
+                            <h5>Enigme moyenne</h5>
                             <hr />
-                            <p><FormattedMessage id='score.nbPlayed'/>: {Player.mediumEnigmaStats.nbGames}</p>
-                            <p><FormattedMessage id='score.best'/>: {Player.mediumEnigmaStats.bestScore}</p>
-                            <p><FormattedMessage id='score.moy'/>: {Player.mediumEnigmaStats.avgNbTry.toFixed(2)}</p>
+                            <p>Parties Jouées: {Player.mediumEnigmaStats.nbGames}</p>
+                            <p>Best-Score: {Player.mediumEnigmaStats.bestScore}</p>
+                            <p>Moyenne d'essai: {Player.mediumEnigmaStats.avgNbTry.toFixed(2)}</p>
                         </div>
                         <div className="stats">
-                            <h5><FormattedMessage id='score.titre.hard'/></h5>
+                            <h5>Enigme difficile</h5>
                             <hr />
-                            <p><FormattedMessage id='score.nbPlayed'/>: {Player.hardEnigmaStats.nbGames}</p>
-                            <p><FormattedMessage id='score.NbWin'/>: {Player.hardEnigmaStats.nbWins}</p>
-                            <p><FormattedMessage id='score.ratio'/>: {Player.hardEnigmaStats.ratio.toFixed(2) + "%"}</p>
-                            <p><FormattedMessage id='score.bestTmp'/>: {Player.hardEnigmaStats.bestTime + "s"}</p>
-                            <p><FormattedMessage id='score.moyTmp'/>: {Player.hardEnigmaStats.avgTime.toFixed(2) + "s"}</p>
+                            <p>Parties Jouées: {Player.hardEnigmaStats.nbGames}</p>
+                            <p>Nombre de victoires: {Player.hardEnigmaStats.nbWins}</p>
+                            <p>Ratio V/D: {Player.hardEnigmaStats.ratio.toFixed(2) + "%"}</p>
+                            <p>Meilleur temps: {Player.hardEnigmaStats.bestTime + "s"}</p>
+                            <p>Moyenne de temps: {Player.hardEnigmaStats.avgTime.toFixed(2) + "s"}</p>
                         </div>
                         <div className="stats">
-                            <h5><FormattedMessage id='score.online'/></h5>
+                            <h5>En ligne</h5>
                             <hr />
-                            <p><FormattedMessage id='score.nbPlayed'/>: {Player.onlineStats.nbGames}</p>
-                            <p><FormattedMessage id='score.NbWin'/>: {Player.onlineStats.nbWins}</p>
-                            <p><FormattedMessage id='score.ratio'/>: {Player.onlineStats.ratio.toFixed(2) + "s"}</p>
+                            <p>Parties Jouées: {Player.onlineStats.nbGames}</p>
+                            <p>Nombre de victoires: {Player.onlineStats.nbWins}</p>
+                            <p>Ratio V/D: {Player.onlineStats.ratio.toFixed(2) + "%"}</p>
                         </div>
                     </Carousel>
                 </Tab.Content>
             </Tab>
-            <Tab eventKey="daily" title={intl.formatMessage({ id: 'score.tab.quoti' })}>
+            <Tab eventKey="daily" title="Daily">
                 <Tab.Content className={`tabsStats ${activeTab !== 'daily' ? 'hidden' : ''}`}>
                     <Carousel adaptiveHeight wrapAround slidesToShow={1} cellSpacing={10} key={carouselKey}>
                         <div className="stats">
-                            <h5><FormattedMessage id='info.mdj.mastermind'/></h5>
+                            <h5>Mastermind</h5>
                             <hr />
                             {dailyMastermindStats !== null ? (dailyMastermindStats.tab.length !== 0 ? dailyMastermindStats.tab.map((stats: any, index: number) => (
                                 <>
@@ -190,13 +163,13 @@ const ScoreBoard: React.FC<{ Player: User }> = ({ Player }) => {
                                     </Row>
                                 </>
                             )) : (
-                                <p className='text-warning'><FormattedMessage id='score.nothing'/></p>
+                                <p className='text-warning'>Nothing for the moment</p>
                             )) : (
-                                <p className='text-warning'><FormattedMessage id='score.nothing'/></p>
+                                <p className='text-warning'>Nothing for the moment</p>
                             )}
                         </div>
                         <div className="stats">
-                            <h5><FormattedMessage id='score.titre.easy'/></h5>
+                            <h5>Enigme facile</h5>
                             <hr />
                             {dailyEasyEnigmaStats !== null ? (dailyEasyEnigmaStats.tab.length !== 0 ? dailyEasyEnigmaStats.tab.map((stats: any, index: number) => (
                                 <>
@@ -210,13 +183,13 @@ const ScoreBoard: React.FC<{ Player: User }> = ({ Player }) => {
                                     </Row>
                                 </>
                             )) : (
-                                <p className='text-warning'><FormattedMessage id='score.nothing'/></p>
+                                <p className='text-warning'>Nothing for the moment</p>
                             )) : (
-                                <p className='text-warning'><FormattedMessage id='score.nothing'/></p>
+                                <p className='text-warning'>Nothing for the moment</p>
                             )}
                         </div>
                         <div className="stats">
-                            <h5><FormattedMessage id='score.titre.int'/></h5>
+                            <h5>Enigme moyenne</h5>
                             <hr />
                             {dailyMediumEnigmaStats !== null ? (dailyMediumEnigmaStats.tab.length !== 0 ? dailyMediumEnigmaStats.tab.map((stats: any, index: number) => (
                                 <>
@@ -230,13 +203,13 @@ const ScoreBoard: React.FC<{ Player: User }> = ({ Player }) => {
                                     </Row>
                                 </>
                             )) : (
-                                <p className='text-warning'><FormattedMessage id='score.nothing'/></p>
+                                <p className='text-warning'>Nothing for the moment</p>
                             )) : (
-                                <p className='text-warning'><FormattedMessage id='score.nothing'/></p>
+                                <p className='text-warning'>Nothing for the moment</p>
                             )}
                         </div>
                         <div className="stats">
-                            <h5><FormattedMessage id='score.titre.hard'/></h5>
+                            <h5>Enigme difficile</h5>
                             <hr />
                             {dailyHardEnigmaStats !== null ? (dailyHardEnigmaStats.tab.length !== 0 ? dailyHardEnigmaStats.tab.map((stats: any, index: number) => (
                                 <>
@@ -250,13 +223,13 @@ const ScoreBoard: React.FC<{ Player: User }> = ({ Player }) => {
                                     </Row>
                                 </>
                             )) : (
-                                <p className='text-warning'><FormattedMessage id='score.nothing'/></p>
+                                <p className='text-warning'>Nothing for the moment</p>
                             )) : (
-                                <p className='text-warning'><FormattedMessage id='score.nothing'/></p>
+                                <p className='text-warning'>Nothing for the moment</p>
                             )}
                         </div>
                         <div className="stats">
-                            <h5><FormattedMessage id='score.online'/></h5>
+                            <h5>En ligne</h5>
                             <hr />
                             {dailyOnlineStats !== null ? (dailyOnlineStats.tab.length !== 0 ? dailyOnlineStats.tab.map((stats: any, index: number) => (
                                 <>
@@ -270,19 +243,19 @@ const ScoreBoard: React.FC<{ Player: User }> = ({ Player }) => {
                                     </Row>
                                 </>
                             )) : (
-                                <p className='text-warning'><FormattedMessage id='score.nothing'/></p>
+                                <p className='text-warning'>Nothing for the moment</p>
                             )) : (
-                                <p className='text-warning'><FormattedMessage id='score.nothing'/></p>
+                                <p className='text-warning'>Nothing for the moment</p>
                             )}
                         </div>
                     </Carousel>
                 </Tab.Content>
             </Tab>
-            <Tab eventKey="weekly" title={intl.formatMessage({ id: 'score.tab.hebdo' })}>
+            <Tab eventKey="weekly" title="Weekly">
                 <Tab.Content className={`tabsStats ${activeTab !== 'weekly' ? 'hidden' : ''}`}>
                     <Carousel adaptiveHeight wrapAround slidesToShow={1} cellSpacing={10} key={carouselKey}>
                         <div className="stats">
-                            <h5><FormattedMessage id='info.mdj.mastermind'/></h5>
+                            <h5>Mastermind</h5>
                             <hr />
                             {weeklyMastermindStats !== null ? (weeklyMastermindStats.tab.length !== 0 ? weeklyMastermindStats.tab.map((stats: any, index: number) => (
                                 <>
@@ -296,13 +269,13 @@ const ScoreBoard: React.FC<{ Player: User }> = ({ Player }) => {
                                     </Row>
                                 </>
                             )) : (
-                                <p className='text-warning'><FormattedMessage id='score.nothing'/></p>
+                                <p className='text-warning'>Nothing for the moment</p>
                             )) : (
-                                <p className='text-warning'><FormattedMessage id='score.nothing'/></p>
+                                <p className='text-warning'>Nothing for the moment</p>
                             )}
                         </div>
                         <div className="stats">
-                            <h5><FormattedMessage id='score.titre.easy'/></h5>
+                            <h5>Enigme facile</h5>
                             <hr />
                             {weeklyEasyEnigmaStats !== null ? (weeklyEasyEnigmaStats.tab.length !== 0 ? weeklyEasyEnigmaStats.tab.map((stats: any, index: number) => (
                                 <>
@@ -316,13 +289,13 @@ const ScoreBoard: React.FC<{ Player: User }> = ({ Player }) => {
                                     </Row>
                                 </>
                             )) : (
-                                <p className='text-warning'><FormattedMessage id='score.nothing'/></p>
+                                <p className='text-warning'>Nothing for the moment</p>
                             )) : (
-                                <p className='text-warning'><FormattedMessage id='score.nothing'/></p>
+                                <p className='text-warning'>Nothing for the moment</p>
                             )}
                         </div>
                         <div className="stats">
-                            <h5><FormattedMessage id='score.titre.int'/></h5>
+                            <h5>Enigme moyenne</h5>
                             <hr />
                             {weeklyMediumEnigmaStats !== null ? (weeklyMediumEnigmaStats.tab.length !== 0 ? weeklyMediumEnigmaStats.tab.map((stats: any, index: number) => (
                                 <>
@@ -336,13 +309,13 @@ const ScoreBoard: React.FC<{ Player: User }> = ({ Player }) => {
                                     </Row>
                                 </>
                             )) : (
-                                <p className='text-warning'><FormattedMessage id='score.nothing'/></p>
+                                <p className='text-warning'>Nothing for the moment</p>
                             )) : (
-                                <p className='text-warning'><FormattedMessage id='score.nothing'/></p>
+                                <p className='text-warning'>Nothing for the moment</p>
                             )}
                         </div>
                         <div className="stats">
-                            <h5><FormattedMessage id='score.titre.hard'/></h5>
+                            <h5>Enigme difficile</h5>
                             <hr />
                             {weeklyHardEnigmaStats !== null ? (weeklyHardEnigmaStats.tab.length !== 0 ? weeklyHardEnigmaStats.tab.map((stats: any, index: number) => (
                                 <>
@@ -356,13 +329,13 @@ const ScoreBoard: React.FC<{ Player: User }> = ({ Player }) => {
                                     </Row>
                                 </>
                             )) : (
-                                <p className='text-warning'><FormattedMessage id='score.nothing'/></p>
+                                <p className='text-warning'>Nothing for the moment</p>
                             )) : (
-                                <p className='text-warning'><FormattedMessage id='score.nothing'/></p>
+                                <p className='text-warning'>Nothing for the moment</p>
                             )}
                         </div>
                         <div className="stats">
-                            <h5><FormattedMessage id='score.titre.online'/></h5>
+                            <h5>En ligne</h5>
                             <hr />
                             {weeklyOnlineStats !== null ? (weeklyOnlineStats.tab.length !== 0 ? weeklyOnlineStats.tab.map((stats: any, index: number) => (
                                 <>
@@ -376,9 +349,9 @@ const ScoreBoard: React.FC<{ Player: User }> = ({ Player }) => {
                                     </Row>
                                 </>
                             )) : (
-                                <p className='text-warning'><FormattedMessage id='score.nothing'/></p>
+                                <p className='text-warning'>Nothing for the moment</p>
                             )) : (
-                                <p className='text-warning'><FormattedMessage id='score.nothing'/></p>
+                                <p className='text-warning'>Nothing for the moment</p>
                             )}
                         </div>
                     </Carousel>

cryptide_project/src/Components/TurnBar.tsx

@@ -12,6 +12,7 @@ const TurnBar: React.FC<TurnBarProps> = ({text})=> {
             style={{ 
                 borderColor: theme.colors.secondary
             }}>
+            {/* texte changeable et a traduire */}
             <p>{text}</p>
         </div>
     );

cryptide_project/src/Components/TutorialGraph.tsx

@@ -22,7 +22,6 @@ import html2canvas from 'html2canvas';
 import jsPDF from 'jspdf';
 import {basePath} from "../AdressSetup"
 import PersonNetwork from "../model/PersonsNetwork";
-import { useIntl } from "react-intl";
 
 interface TutorialGraphProps {
   setNetwork: (network: Network) => void
@@ -54,9 +53,6 @@ const TutorialGraph: React.FC<TutorialGraphProps> = ({showLast, setNetwork, setP
   //* Gestion du temps :
   let initMtn = 0
 
-    //* traduction
-    const intl = useIntl();
-
   const {isLoggedIn, user, manager} = useAuth();
   const {setIndiceData, setIndicesData, setActualPlayerIndexData, setWinnerData, setPlayersData, setNetworkDataData, setPersonData} = useGame();
   const params = new URLSearchParams(window.location.search);
@@ -67,7 +63,7 @@ const TutorialGraph: React.FC<TutorialGraphProps> = ({showLast, setNetwork, setP
   if (first){
     first = false
     setActualPlayerIndexData(0)
-    handleTurnBarTextChange(intl.formatMessage({ id: 'game.yourTurn' }))
+    handleTurnBarTextChange("C'est à vous de jouer !")
     handleShowTurnBar(true)
   }
   
@@ -238,7 +234,7 @@ const TutorialGraph: React.FC<TutorialGraphProps> = ({showLast, setNetwork, setP
             nodes.update({id: node.id, label: node.label + positionToEmoji(2, false)})
             setPlayerTouched(-1)
             displayModalstep(2);
-            handleTurnBarTextChange(intl.formatMessage({ id: 'game.wrong' }))
+            handleTurnBarTextChange("Mauvais choix, posez un carré !")
             const tabGrey = [7, 0, 4, 1, 8]
             for (const id of tabGrey){
               const node = nodes.get().find((n: NodePerson) => n.id === id)
@@ -276,7 +272,7 @@ const TutorialGraph: React.FC<TutorialGraphProps> = ({showLast, setNetwork, setP
             if (node4 === undefined)return;
             nodes.update({id: node4.id, label: node4.label + positionToEmoji(2, false)})
             setPlayerIndex(0)
-            handleTurnBarTextChange(intl.formatMessage({ id: 'game.yourTurn' }))
+            handleTurnBarTextChange("A vous de jouer !")
             handleShowTurnBar(true)
             setTutoStep(3)
             displayModalstep(3);

cryptide_project/src/Contexts/GameContext.tsx

@@ -26,8 +26,6 @@ interface GameContextProps {
   networkData: any
   seed: number | string;
   nodesC: NodePerson[]
-  gameStart: boolean
-  setGameStartData : (newStart: boolean) => void
   setIndicesData: (newIndices: Indice[]) => void;
   setIndiceData: (newIndice: Indice) => void;
   setPersonData: (newPerson: Person) => void;
@@ -39,7 +37,7 @@ interface GameContextProps {
   setTurnPlayerIndexData: (newTurnPlayerIndex: number) => void;
   setRoomData: (newRoom: string) => void;
   setOnlyFalseData: (newOnlyFalse: boolean) => void
-  setWinnerData: (winner: Player | null) => void
+  setWinnerData: (winner: Player) => void
   reset: () => void
   setDailyEnigmeData: (map: Map<number, Pair<Indice, boolean>[]>) => void
   setNbCoupData: (newNbCoup : number) => void
@@ -74,13 +72,8 @@ export const GameProvider: React.FC<GameProviderProps> = ({ children }) => {
   const [networkData, setNetworkData] = useState<any>(null);
   const [seed, setSeed] = useState<number | string>(0);
   const [nodesC, setNodes] = useState<NodePerson[]>([]);
-  const [gameStart, setGameStart] = useState<boolean>(true)
 
 
-  const setGameStartData = (newStart: boolean) => {
-    setGameStart(newStart)
-  }
-
   const setNodesData = (nodes: NodePerson[]) => {
     setNodes(nodes)
   }
@@ -138,7 +131,7 @@ export const GameProvider: React.FC<GameProviderProps> = ({ children }) => {
     setOnlyFalse(newOnlyFalse)
   }
 
-  const setWinnerData = (winner: Player | null) =>{
+  const setWinnerData = (winner: Player) =>{
     setWinner(winner)
   }
 
@@ -172,7 +165,7 @@ export const GameProvider: React.FC<GameProviderProps> = ({ children }) => {
   }
 
   return (
-    <GameContext.Provider value={{ indices, setIndicesData, indice, setIndiceData, person, setPersonData, personNetwork, setPersonNetworkData, players, setPlayersData, nodeId, setNodeIdData, askedPersons, setAskedPersonsData, actualPlayerIndex, setActualPlayerIndexData, turnPlayerIndex, setTurnPlayerIndexData, room, setRoomData, onlyFalse, setOnlyFalseData, winner, setWinnerData, reset, dailyEnigme, setDailyEnigmeData, nbCoup, setNbCoupData, temps, settempsData, setNetworkDataData, networkData, seed, setSeedData, nodesC, setNodesData, gameStart, setGameStartData}}>
+    <GameContext.Provider value={{ indices, setIndicesData, indice, setIndiceData, person, setPersonData, personNetwork, setPersonNetworkData, players, setPlayersData, nodeId, setNodeIdData, askedPersons, setAskedPersonsData, actualPlayerIndex, setActualPlayerIndexData, turnPlayerIndex, setTurnPlayerIndexData, room, setRoomData, onlyFalse, setOnlyFalseData, winner, setWinnerData, reset, dailyEnigme, setDailyEnigmeData, nbCoup, setNbCoupData, temps, settempsData, setNetworkDataData, networkData, seed, setSeedData, nodesC, setNodesData}}>
       {children}
     </GameContext.Provider>
   );

cryptide_project/src/Error/ErrorPage.tsx

@@ -28,7 +28,7 @@ function ErrorPage({ code = "", msg = "Something is wrong"}) {
             </div>
 
             <div className='centerDivH' style={{margin: "20px"}}>
-                <Button href={`${basePath}/`} variant='danger'><FormattedMessage id='BackHome'/></Button>
+                <Button href={`${basePath}/`} variant='danger'>Retour à l'accueil</Button>
             </div>
         </div>
     );

cryptide_project/src/Pages/DeducCheck.tsx

@@ -19,7 +19,7 @@ import Stub from '../model/Stub';
 import { useGame } from '../Contexts/GameContext';
 import { positionToEmoji } from '../ColorHelper';
 
-function DeducCheck({lang}: {lang: string}) {
+function DeducCheck() {
     const theme = useTheme();
     //const indices = Stub.GenerateIndice();
     
@@ -76,7 +76,7 @@ function DeducCheck({lang}: {lang: string}) {
                     <tbody>
                         {firstHalfIndices.map((indice, rowIndex) => (
                             <tr key={rowIndex}>
-                                <td>{indice.ToString(lang)}</td>
+                                <td>{indice.ToString("fr")}</td>
                                 {players.map((player, colIndex) => (
                                     <td key={colIndex}>
                                         {/* <input type="checkbox"/> */}
@@ -101,7 +101,7 @@ function DeducCheck({lang}: {lang: string}) {
                     <tbody>
                         {secondHalfIndices.map((indice, rowIndex) => (
                             <tr key={rowIndex}>
-                                <td>{indice.ToString(lang)}</td>
+                                <td>{indice.ToString("fr")}</td>
                                 {players.map((player, colIndex) => (
                                     <td key={colIndex}>
                                         {/* <input type="checkbox"/> */}

cryptide_project/src/Pages/EndGame.css

@@ -1,90 +1,124 @@
-/* Styles for the Winner and Indice section */
-.head {
+
+.head{
     display: flex;
     justify-content: center;
+    flex-direction: column;
     align-items: center;
-  }
-  
-  .leaderboard-header {
-    border: 2px solid;
-    border-color: #0064E0;
-    padding: 20px;
-    text-align: center;
-    border-radius: 0px 0px 10px 10px;
-  }
-  
-  /* Styles for the Winner's details */
-  .winner-details {
+}
+
+.leaderboard-header{
     display: flex;
-    align-items: center;
     justify-content: center;
-  }
-  
-  .winner-details img {
-    width: 75px;
-    height: 75px;
-    border-radius: 50%;
-    margin-right: 10px;
-  }
-  
-  /* Styles for the Indice Display */
-  .indiceDisplay {
-    border: 2px solid whitesmoke;
-    border-radius: 10px;
-    margin: 5px; /* Réduire la marge */
-    padding: 8px; /* Réduire le rembourrage */
-    box-shadow: 3px 3px 3px rgb(246, 246, 246); /* Réduire l'ombre */
-  }
-  
-  /* Styles for the Losing Players Container */
-  .losingPlayersContainer {
+    flex-direction: column;
+    align-items: center;
+
+    width: fit-content;
+
+    border-radius: 0px 0px 30px 30px;
+    border: solid;
+    border-width: 0 5px;
+
+    padding: 20px;
+}
+
+.bottomEnd{
     display: flex;
-    flex-wrap: wrap;
-    justify-content: space-evenly;
-    margin: 5px;
-  }
-  
-  /* Styles for individual Player Containers */
-  .playerContainer {
+    justify-content: space-around;
+}
+
+.winner{
     display: flex;
+    justify-content: center;
     flex-direction: column;
     align-items: center;
-    margin-top: 30px;
-    margin-bottom: 30px;
-    border: 1px solid whitesmoke;
-    border-radius: 15px;
-    background-color: white;
-  }
+}
 
-  .soloContainer {
+.playersContainer {
     display: flex;
-    justify-content: center;
+    flex-direction: column;
     align-items: center;
-    width: 100%; /* Ajoutez cette ligne pour occuper toute la largeur */
-  }
-  
-  .solostat{
+    /* padding-left: "5px"; */
+
+    width: 100px;
+    background-color: red;
+}
+
+.playerContainer{
+    /* display: flex;
+    align-items: center; */
+    /* flex-direction: column; */
+
+    /* width: 300px; */
+    width: 30%;
+    margin-bottom: 20px;
+    /* margin-bottom: 10px; */
+
     border: solid 1px whitesmoke;
     border-radius: 15px;
+    
     background-color: white;
-    padding: 10px;
-    margin: 5px;
-    width: fit-content; /* Ajoutez cette ligne pour ajuster la largeur au contenu */
-  }
+}
 
-  .center {
+.losingPlayersContainer{
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-evenly;
+    
+    margin: 10px 0; 
+    
+    max-width: 50%;
+    
+    overflow-y: scroll;
+    max-height: 200px;
+    /* background-color: yellow; */
+}
+
+.indiceDisplay{
+    border: solid 2px whitesmoke;
+    border-radius: 10px;
+    margin: 0 15px 0 15px;
+    padding: 10px;  
+    box-shadow: 5px 5px 5px rgb(246, 246, 246);    
+}
+
+.SoloContainer{
     display: flex;
-    justify-content: center;
     flex-direction: column;
     align-items: center;
-  }
+
+    border: solid 1px whitesmoke;
+    border-radius: 15px;
+    background-color: white;
+
+    max-width: 50%;
+}
+
+.indicesolo{
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-evenly;
     
+    /* margin: 10px 0;  */
+    /* max-height: 200px; */
+}
+
+.solostat{
+    display: flex;
+    justify-content: space-between;
+    width: 70%;
+}
+
+.solostat p {
+    border: solid 1px whitesmoke;
+    border-radius: 15px;
+    background-color: white;
+
+    padding: 10px;
+}
 
-  /* Styles for the Graph Container */
-  #vis-graph {
+#vis-graph {
     height: 500px;
-    margin: 5px;
+    margin: 50px; 
     border: 2px solid #ccc;
-    overflow: hidden;
-  }
-  
+    overflow: hidden; 
+}

cryptide_project/src/Pages/EndGame.tsx

@@ -35,13 +35,13 @@ import Player from '../model/Player';
 import { useGame } from '../Contexts/GameContext';
 
 /* Boostrap */
-import { Button, Col, Container, Row } from 'react-bootstrap';
+import { Button } from 'react-bootstrap';
 import Bot from '../model/Bot';
 import {basePath} from "../AdressSetup"
 
 
 
-function EndGame({lang}: {lang: string}) {
+function EndGame() {
     const {networkData, seed} = useGame();
     const params = new URLSearchParams(window.location.search);
     
@@ -147,191 +147,77 @@ function EndGame({lang}: {lang: string}) {
         }, 2000);
     };
     return (
-        <div style={{overflow:"hidden"}}>
+        <div>
             {playTurnSound && <audio src={WinSound} autoPlay />}
             {!IsSolo ? (
-                <Container>
-                    {/* Winner et son indice */}
-                    <Row>
-                        <Col>
-                            <div className="losingPlayersContainer">
-                                {/* Indices pairs */}
-                                {players.map((player, index) => (
-                                    index % 2 == 0 && (
-                                        <div className="playerContainer" key={index}>
-                                            <PersonStatus img={Person} state={Person} key={index} name={player.pseudo} playerTouched={1} setPlayerTouched={() => {}} index={index} playerIndex={-2} showCircle={false} askedWrong={false}/>
-                                            {!indicenull && (<h6 className='indiceDisplay'>{indices[players.findIndex((p) => p.id == player?.id)].ToString(lang)}</h6>)}
-                                        </div>
-                                    )
-                                ))}
-                            </div>
-                        </Col>
-
-                        <Col xs={6}>
-                            <Row>
-                                <div className="head">
-                                    <header className='leaderboard-header' style={{ borderColor: theme.colors.primary }}>
-                                        <h4>{winner?.pseudo} a gagné !</h4>
-                                        <h5>Le coupable était <u>{person?.getName()}</u></h5>
-                                    </header>
-                                </div>
-                            </Row>
-                            <Row>
-                                <div id="vis-graph"></div>
-                            </Row>
-
-                            <Row className="justify-content-md-center">
-                                <Button href={`${basePath}/`} style={{
-                                    width:"50%",
-                                    margin:"10px"
-                                }}>Retour à l'accueil</Button>
-                            </Row>
-                        </Col>
-
-                        <Col>
-                            <div className="losingPlayersContainer">
-                                {players.map((player, index) => (
-                                    index % 2 == 1 && (
-                                        <div className="playerContainer" key={index}>
-                                            <PersonStatus img={Person} state={Person} key={index} name={player.pseudo} playerTouched={1} setPlayerTouched={() => {}} index={index} playerIndex={-2} showCircle={false} askedWrong={false}/>
-                                            {!indicenull && (<h6 className='indiceDisplay'>{indices[players.findIndex((p) => p.id == player?.id)].ToString(lang)}</h6>)}
-                                        </div>
-                                    )
-                                ))}
-                            </div>
-                        </Col>
-                    </Row>
-                </Container>
-            ): (
-                <Container fluid>
-                    {/* Perd une énigme */}
-                    {!winner && (
-                        <Row>
-                            <Col>
-                                <Row>
-                                    <div className="head">
-                                        <header className='leaderboard-header' style={{ borderColor: theme.colors.primary }}>
-                                            <h4>Vous avez perdu !</h4>
-                                            <h5>Le coupable était <u>{person?.getName()}</u></h5>
-                                        </header>
+                <div>
+                    <div className="head">
+                        <header className='leaderboard-header' style={{ borderColor: theme.colors.primary }}>
+                            <h1>{winner?.pseudo} a gagné !</h1>
+                            <h3>Le coupable était <u>{person?.getName()}</u></h3>
+                        </header>
+                    </div>
+                    <div className='winner'>
+                        <img src={Person} width='250' height='250'/>
+
+                        {!indicenull && (<h3 className='indiceDisplay'>{indices[players.findIndex((p) => p.id == winner?.id)].ToString("fr")}</h3>)}
+                    </div>
+                    <div className='bottomEnd'>
+                        {/* <div className='centerDivH' onClick={resetAll}>
+                            <BigButtonNav dest="/play" img={Leave}/>
+                        </div> */}
+                        <div className="losingPlayersContainer">
+                            {players.map((player, index) => (
+                                player.id !== winner?.id && (
+                                    <div className="playerContainer" key={index}>
+                                        <PersonStatus img={Person} state={Person} key={index} name={player.pseudo} playerTouched={1} setPlayerTouched={() => {}} index={index} playerIndex={-2} showCircle={false} askedWrong={false}/>
+                                        {!indicenull && (<h6 className='indiceDisplay'>{indices[players.findIndex((p) => p.id == player?.id)].ToString("fr")}</h6>)}
                                     </div>
+                                )
+                            ))}
+                        </div>
+                    </div>
+                </div>
+            ): (
+            <div>
+                <div className="head">
+                            <header className='leaderboard-header' style={{ borderColor: theme.colors.primary }}>
+                                <h1>Vous avez gagné !</h1>
+                                <h3>Le coupable était <u>{person?.getName()}</u></h3>
+                            </header>
+                </div>
+                <div className='winner'>
+                    <img src={Person} width='250' height='250'/>
+                    <h1>{winner?.pseudo}</h1>
+                </div>
+
+                <div className='bottomEnd'>
+                    <div className="SoloContainer">
+                        <div className='solostat'>
+                            {!IsDaily && <p>Nombre de coups : {nbCoup}</p> }
+                            <p>Temps : {temps}s</p>
+                        </div>
+                        <div className='indicesolo'>
+                            {indices.map((indice, index) => (
+                                        // <div className="playerContainer" key={index}>
+                                            <div>
+                                                <h6 className='indiceDisplay'> <u>Indice {index+1}</u> : {indice.ToString("fr")}</h6>
+                                            </div>
+                                        //</div>
+                                    ))
+                            }
+                        </div>
+                    </div>
+                </div>
+            </div>
+            )}
 
-                                    <Row>
-                                        {!IsDaily && 
-                                            <Col className='center'>
-                                                <p className='solostat'>Nombre de coups : {nbCoup}</p>
-                                            </Col>
-                                        }
-
-                                        <Col className='center'>
-                                            <p className='solostat'>Temps : {temps}s</p>
-                                        </Col>
-                                    </Row>
-                                </Row>
-
-                                <Row>
-                                    <Col>
-                                        {indices.map((indice, index) => (
-                                            index % 2 == 0 && (
-                                                <div className='playerContainer'>
-                                                    <h6 className='indiceDisplay'> <u>Indice {index+1}</u> : {indice.ToString("fr")}</h6>
-                                                </div>
-                                            )
-                                        ))}
-                                    </Col>
-
-                                    <Col xs={6}>
-                                        <div id="vis-graph"></div>
-                                    </Col>
-
-                                    <Col>
-                                        <div className="losingPlayersContainer">
-                                            {indices.map((indice, index) => (
-                                                index % 2 == 1 && (
-                                                    <div className='playerContainer'>
-                                                        <h6 className='indiceDisplay'> <u>Indice {index+1}</u> : {indice.ToString("fr")}</h6>
-                                                    </div>  
-                                                )
-                                            ))}
-                                        </div>
-                                    </Col>
-                                </Row>
-
-                                <Row className="justify-content-md-center">
-
-                                    <Button href={`${basePath}/`} style={{
-                                        width:"50%",
-                                        margin:"10px"
-                                    }}>Retour à l'accueil</Button>
-                                </Row>
-                            </Col>
-                        </Row>
-                    )}        
-
-                    {/* Gagne une énigme */}
-                    {winner && (
-                        <Row>
-                            <Col>
-                                <Row>
-                                    <div className="head">
-                                        <header className='leaderboard-header' style={{ borderColor: theme.colors.primary }}>
-                                            <h4>Vous avez gagné !</h4>
-                                            <h5>Le coupable était <u>{person?.getName()}</u></h5>
-                                        </header>
-                                    </div>
+            <div id="vis-graph"/>
+
+            <div className='centerDivH' onClick={resetAll} style={{margin: "20px"}}>
+                <Button href={`${basePath}/`}>Retour à l'accueil</Button>
+            </div>
 
-                                    <Row>
-                                        {!IsDaily && 
-                                            <Col className='center'>
-                                                <p className='solostat'>Nombre de coups : {nbCoup}</p>
-                                            </Col>
-                                        }
-
-                                        <Col className='center'>
-                                            <p className='solostat'>Temps : {temps}s</p>
-                                        </Col>
-                                    </Row>
-                                </Row>
-
-                                <Row>
-                                    <Col>
-                                        {indices.map((indice, index) => (
-                                            index % 2 == 0 && (
-                                                <div className='playerContainer'>
-                                                    <h6 className='indiceDisplay'> <u>Indice {index+1}</u> : {indice.ToString("fr")}</h6>
-                                                </div>
-                                            )
-                                        ))}
-                                    </Col>
-
-                                    <Col xs={6}>
-                                        <div id="vis-graph"></div>
-                                    </Col>
-
-                                    <Col>
-                                        <div className="losingPlayersContainer">
-                                            {indices.map((indice, index) => (
-                                                index % 2 == 1 && (
-                                                    <div className='playerContainer'>
-                                                        <h6 className='indiceDisplay'> <u>Indice {index+1}</u> : {indice.ToString("fr")}</h6>
-                                                    </div>  
-                                                )
-                                            ))}
-                                        </div>
-                                    </Col>
-                                </Row>
-
-                                <Row className='justify-content-center'>
-                                    <Button href={`${basePath}/`} style={{
-                                        width:"50%",
-                                        margin:"10px"
-                                    }}>Retour à l'accueil</Button>   
-                                </Row>
-                            </Col>
-                        </Row>    
-                    )}        
-                </Container>
-            )}
         </div>
     );
 }

cryptide_project/src/Pages/Home.css

@@ -3,6 +3,8 @@
     justify-content: space-between;
     /* background-color: #D7D4C6; */
     background-color: #fff;
+    min-height: 100vh;
+    display: flex;
     font-size: calc(10px + 2vmin);
     /* color: #2A4541; */
 }

cryptide_project/src/Pages/Home.tsx

@@ -40,91 +40,77 @@ function Home() {
         }
     }, [isLoggedIn]);
 
-    return (        
-        <div className="home-container" style={{overflow:"hidden"}}>
-            <div className="left-section">
-                <div>
-                    {/* <h2><FormattedMessage id="home.histoire.title"/></h2> */}
-                    <h2>Introduction</h2>
-                    <p style={{fontSize:"14px"}}>
-                        {/* <FormattedMessage id="home.histoire" /> */}
-                        Bienvenue dans notre jeu de déduction captivant, où l'intrigue et la malice se rejoignent dans une aventure palpitante ! 
-                        Plongez-vous dans un monde de mystère et d'intrigue, où chaque interaction compte, et chaque indice vous rapproche de la vérité.
-                        Imaginez un graphique complexe où chaque sommet représente une personne, chaque axe une relation, et chaque détail compte. 
-                        Vous êtes plongé dans un défi stimulant pour découvrir qui parmi ces individus est le mystérieux coupable. 
-                        Chaque joueur détient un indice crucial, et seul le partage stratégique de ces indices vous mènera à la résolution du mystère. 
-                        Explorez notre page de règles pour comprendre les subtilités du jeu, découvrez les indices qui peuvent vous guider, et élaborez des stratégies intelligentes pour identifier le coupable. 
-                        Manipuler vos amis, afin d'être le premier à découvrir qui est le meurtrier ! 
-                        Êtes-vous prêt à relever le défi et à démasquer le coupable caché dans le graphe ? Que l'enquête commence !
-                    </p>
-                </div>
-
-                <hr/>
-
-                <div>
-                    <h2><FormattedMessage id="home.jeu.title"/></h2>
-                    <p style={{fontSize:"14px"}}>
-                        {/* <FormattedMessage id="home.jeu" /> */}
-                        Dans l'univers captivant de notre jeu de déduction, la tromperie et la ruse sont les maîtres mots de la réussite. Explorez le mystère qui se dissimule derrière chaque interaction de notre graphique complexe, dévoilant les liens entre les individus. 
-                    </p>
-
-                    <p style={{fontSize:"14px"}}>
-                        {/* <FormattedMessage id="home.jeu" /> */}
-                        Votre mission ultime ? Découvrir qui parmi les individus est le coupable, mais n'attendez pas une collaboration ouverte. Utilisez plutôt la manipulation subtile pour embrouiller les pistes, détourner l'attention de vos adversaires. Posez des questions stratégiques, répondez avec malice et plantez des indices trompeurs pour vous rapprocher du dénouement.
-                    </p>
-
-                    <p style={{fontSize:"14px"}}>
-                        {/* <FormattedMessage id="home.jeu" /> */}
-                        Chaque occasion offre la possibilité de semer le doute parmi vos adversaires. Lorsqu'un joueur vous interroge, répondez en plaçant adroitement un jeton carré pour suggérer que "selon votre indice, cette personne ne peut être le coupable", ou un jeton rond pour indiquer qu'elle reste dans la liste des suspects. Soyez vigilant, chaque geste peut être interprété, et la vérité se dissimule souvent derrière une façade d'indices trompeurs.
-                    </p>
-
-                    <p style={{fontSize:"14px"}}>
-                        {/* <FormattedMessage id="home.jeu" /> */}
-                        Si un joueur place un jeton carré, le questionneur doit également jouer son jeu en plaçant un jeton carré de sa couleur sur un nœud du graphique. La contre-manipulation devient ainsi une arme redoutable pour détourner l'accusation et semer la confusion. Pour en savoir plus, plongez-vous dans les détails de ce passionnant récit sur une autre page.
-                    </p>
-
-                    <h5>Pour des informations plus détaillées, consulter les <Link to={`${basePath}/info`}>règles</Link>.</h5>
-                    <hr/>
-                </div>
-                
-                <div>
-                    <h6>Jeu inspiré par le jeu de société "Cryptide"</h6>
-                </div>
+    return (
+        
+    <div className="home-container">
+
+        <div className="left-section">
+
+            <div>
+                {/* <h2><FormattedMessage id="home.histoire.title"/></h2> */}
+                <h2>Introduction</h2>
+                <p>
+                    {/* <FormattedMessage id="home.histoire" /> */}
+                    Bienvenue dans notre jeu de déduction captivant, où l'intrigue et la malice se rejoignent dans une aventure palpitante ! Plongez-vous dans un monde de mystère et d'intrigue, où chaque interaction compte, et chaque indice vous rapproche de la vérité.Imaginez un graphique complexe où chaque sommet représente une personne, chaque axe une relation, et chaque détail compte. Vous êtes plongé dans un défi stimulant pour découvrir qui parmi ces individus est le mystérieux coupable. Chaque joueur détient un indice crucial, et seul le partage stratégique de ces indices vous mènera à la résolution du mystère. Explorez notre page de règles pour comprendre les subtilités du jeu, découvrez les indices qui peuvent vous guider, et élaborez des stratégies intelligentes pour identifier le coupable. Manipuler vos amis, afin d'être le premier à découvrir qui est le meurtrier ! Êtes-vous prêt à relever le défi et à démasquer le coupable caché dans le graphe ? Que l'enquête commence !
+                </p>
             </div>
-                
-            <div className="vertical-divider"></div>
+            <div>
+                <h2><FormattedMessage id="home.jeu.title"/></h2>
+                <p>
+                    {/* <FormattedMessage id="home.jeu" /> */}
+                    Dans l'univers captivant de notre jeu de déduction, la tromperie et la ruse sont les maîtres mots de la réussite. Explorez le mystère qui se dissimule derrière chaque interaction de notre graphique complexe, dévoilant les liens entre les individus.
 
-            <div className="right-section">
-                {/* <h3><FormattedMessage id="game.time"/></h3>
-                <h3><FormattedMessage id="game.players"/></h3>
-                <h3><FormattedMessage id="game.age"/></h3> */}
-                <h3>
-                    Temps : 20 minutes<br/>
-                    Joueurs : 1 à 6<br/>
-                    Âge : 8ans et +<br/>
-                </h3>
+                    Votre mission ultime ? Découvrir qui parmi les individus est le coupable, mais n'attendez pas une collaboration ouverte. Utilisez plutôt la manipulation subtile pour embrouiller les pistes, détourner l'attention de vos adversaires. Posez des questions stratégiques, répondez avec malice et plantez des indices trompeurs pour vous rapprocher du dénouement.
 
-                <hr/>
-                
-                <h3> 
-                    <u><FormattedMessage id="game.createdBy"/></u><br/>
-                    Chazot Thomas<br/>
-                    Ferreira Pierre<br/>
-                    Marcel Baptiste<br/>
-                </h3>
-                {/* <h3> <u><FormattedMessage id="game.illustratedBy"/></u><br/> Kwanchai Moriya</h3> */}
-                {/* <button>Jouer au jeu</button> */}
-                <br/>
+                    Chaque occasion offre la possibilité de semer le doute parmi vos adversaires. Lorsqu'un joueur vous interroge, répondez en plaçant adroitement un jeton carré pour suggérer que "selon votre indice, cette personne ne peut être le coupable", ou un jeton rond pour indiquer qu'elle reste dans la liste des suspects. Soyez vigilant, chaque geste peut être interprété, et la vérité se dissimule souvent derrière une façade d'indices trompeurs.
 
-                <Link to={`${basePath}/`} className='button'
-                    style={{ 
-                        backgroundColor: theme.colors.primary,
-                        borderColor: theme.colors.secondary
-                    }}>
-                    <FormattedMessage id="play"/> 
-                </Link>
+                    Si un joueur place un jeton carré, le questionneur doit également jouer son jeu en plaçant un jeton carré de sa couleur sur un nœud du graphique. La contre-manipulation devient ainsi une arme redoutable pour détourner l'accusation et semer la confusion. Pour en savoir plus, plongez-vous dans les détails de ce passionnant récit sur une autre page.
+                </p>
+                <br/>
+                <p>Pour des informations plus détaillées, consulter les <Link to={`${basePath}/info`}>règles</Link>.</p>
+                <br/>
             </div>
+            <div>
+                {/* <h2><FormattedMessage id="home.plus.title"/></h2>
+                <ul>
+                    <li><FormattedMessage id="home.plus.1"/></li>
+                    <li><FormattedMessage id="home.plus.2"/></li>
+                    <li><FormattedMessage id="home.plus.3"/></li>
+                </ul> */}
+                <h2>Présentation Video :</h2>
+                (ici il y aura la vidéo)
+            </div>
+        </div>
+            
+        <div className="vertical-divider"></div>
+
+        <div className="right-section">
+            {/* <h3><FormattedMessage id="game.time"/></h3>
+            <h3><FormattedMessage id="game.players"/></h3>
+            <h3><FormattedMessage id="game.age"/></h3> */}
+            <h3>
+                Temps : 20 minutes<br/>
+                Joueurs : 1 à 6<br/>
+                Âge : 8ans et +<br/>
+            </h3>
+            <hr/>
+            <h3> <u><FormattedMessage id="game.createdBy"/></u><br/>
+            Chazot Thomas<br/>
+            Ferreira Pierre<br/>
+            Marcel Baptiste<br/>
+            </h3>
+            {/* <h3> <u><FormattedMessage id="game.illustratedBy"/></u><br/> Kwanchai Moriya</h3> */}
+            {/* <button>Jouer au jeu</button> */}
+            <br/>
+            <Link to={`${basePath}/`} className='button' 
+                style={{ 
+                    backgroundColor: theme.colors.primary,
+                    borderColor: theme.colors.secondary
+                }}>
+                <FormattedMessage id="play"/> 
+            </Link>
         </div>
+    </div>
     );
 }
 

cryptide_project/src/Pages/InGame.tsx

@@ -14,12 +14,14 @@ import PlayerList from '../Components/PlayerList';
 import TurnBar from '../Components/TurnBar';
 
 /* Icon */
+import Leave from "../res/icon/leave.png";
 import Param from "../res/icon/param.png";
+import Replay from "../res/icon/replay.png";
 import Info from "../res/icon/infoGreen.png";
 import Check from "../res/icon/checkboxGreen.png";
+import Alpha from "../res/GreekLetters/alphaW.png";
 import MGlass from "../res/icon/magnifying-glass.png";
-import Pdf from "../res/icon/pdf.png"
-import Tex from "../res/icon/tex.png"
+import Download from "../res/icon/download.png"
 import Reset from "../res/icon/reset.png";
 import Oeye from "../res/icon/eye.png";
 import Ceye from "../res/icon/hidden.png";
@@ -53,13 +55,6 @@ import {generateLatexCode, generateLatexCodeEnigme} from '../Script/LatexScript'
 import Pair from '../model/Pair';
 import Indice from '../model/Indices/Indice';
 import {basePath} from "../AdressSetup"
-import { useAuth } from '../Contexts/AuthContext';
-
-import ballonDeBasket from '../Script/ballon-de-basket.png';
-import ballonDeFoot from '../Script/ballon-de-foot.png';
-import baseball from '../Script/baseball.png';
-import bowling from '../Script/bowling.png';
-import tennis from '../Script/tennis.png';
 
 
 let cptNavigation = 0
@@ -70,7 +65,6 @@ const InGame = ({locale, changeLocale}) => {
   const theme = useTheme();
   
   const navigate = useNavigate()
-  const {user, manager} = useAuth()
   
   const params = new URLSearchParams(window.location.search);
 
@@ -98,25 +92,21 @@ const InGame = ({locale, changeLocale}) => {
   }
 
 
-  let difficulty: string = "";
-  let difficultyTmp = params.get('difficulty')
-  if (difficultyTmp !== null){
-    difficulty=difficultyTmp
+  let isEasy: boolean = true
+  const isEasytmp = params.get('easy');
+  if (isEasytmp == "false"){
+    isEasy=false
   }
-
   //* Historique
   const [history, setHistory] = useState<string[]>([]);
   const [showLast, setShowLast] = useState(false)
   const [askedWrong, setAskedWrong] = useState(false)
   const [importToPdf, setImportToPdf] = useState(false)
   const [importToJSON, setImportToJSON] = useState(false)
-  const [firstHistory, setFirstHistory] = useState(true)
 
   const [putCorrectBackground, setPutCorrectBackground] = useState<() => void>(() => {});
   const [putGreyBackgroud, setPutGreyBackground] = useState<() => void>(() => {});
   const [putImposssibleGrey, setPutImposssibleGrey] = useState<() => void>(() => {});
-  const [changeGraph, setChangeGraph] = useState<(nbNodes: number, nbIndices: number) => void>(() => {});
-
 
 
   const setPutCorrectBackgroundData = (func: () => void) => {
@@ -131,10 +121,6 @@ const InGame = ({locale, changeLocale}) => {
     setPutImposssibleGrey(func)
   }
 
-  const setChangeGraphData = (func: (nbNodes: number, nbIndices: number) => void) => {
-    setChangeGraph(func)
-  }
-
   const setImportToJSONData = (imp: boolean) => {
     setImportToJSON(imp)
   }
@@ -211,7 +197,7 @@ const InGame = ({locale, changeLocale}) => {
 
       const zip = new JSZip();
       
-      if (isDaily && (difficulty === "hard" || difficulty === "intermediate") && networkEnigme != null){
+      if (isDaily && networkEnigme != null){
         const tex = generateLatexCodeEnigme(personNetwork, person, indices, network, networkEnigme)
         const blob = new Blob([tex], { type: 'application/x-latex;charset=utf-8' });
         zip.file('socialGraph.tex', tex);
@@ -223,25 +209,17 @@ const InGame = ({locale, changeLocale}) => {
       }
 
       const imageNames = ['ballon-de-basket.png', 'ballon-de-foot.png', "baseball.png", "bowling.png", "tennis.png"]; // Liste des noms de fichiers d'images
-      
-      const imageNames2 = [ballonDeBasket, ballonDeFoot, baseball, bowling, tennis];
-
       const imagesFolder = 'Script';
-      let test = 0
-      for (const image of imageNames2) {
-        /*
-        const imageUrl = `localhost/${imagesFolder}/${imageName}`;
-        console.log(imageUrl)
+
+      for (const imageName of imageNames) {
+        const imageUrl = process.env.PUBLIC_URL + `/${imagesFolder}/${imageName}`;
         const response = await fetch(imageUrl);
-        */
-        const response = await fetch(image);
         
         if (response.ok) {
           const imageBlob = await response.blob();
-          zip.file(imageNames[test], imageBlob);
-          test++
+          zip.file(`${imageName}`, imageBlob);
         } else {
-          //  console.error(`Erreur de chargement de l'image ${imageName}`);
+          console.error(`Erreur de chargement de l'image ${imageName}`);
         }
       }
 
@@ -277,7 +255,7 @@ const InGame = ({locale, changeLocale}) => {
   const handleCloseS = () => setShowS(false);
   const handleShowS = () => setShowS(true);
 
-  const [cptTour, setcptTour] = useState(1);
+  const [cptTour, setcptTour] = useState(0);
 
   const [LastVisible, setLastVisible] = useState(false);
 
@@ -339,78 +317,6 @@ const InGame = ({locale, changeLocale}) => {
   const [playTurnSound, setPlayTurnSound] = useState(false);
   const [soundPreference, setSoundPreference] = useState(true); // utilisateur
 
-  const [enteredNumber, setEnteredNumber] = useState(user?.nbNodes || 25);
-  const [enteredNumberIndices, setEnteredNumberIndices] = useState(user?.nbIndices || 3);
-
-
-  //@ts-ignore
-  const handleNumberChange = (event) => {
-    if (parseInt(event.target.value)){
-      setEnteredNumber(parseInt(event.target.value));
-    }
-  };
-
-  //@ts-ignore
-  const handleKeyDown = (event) => {
-    // Vérifier si la touche appuyée est "Entrée"
-    if (event.key === 'Enter' && user!==null && parseInt(event.target.value)) {
-      const newNumber = Math.max(20, Math.min(50, parseInt(event.target.value, 10)));
-      user.nbNodes = newNumber;
-      setEnteredNumber(newNumber);
-    }
-  };
-  
-  const handleBlur = () => {
-    if (user!==null){
-      const newNumber = Math.max(20, Math.min(50, enteredNumber));
-      user.nbNodes = newNumber;
-      setEnteredNumber(newNumber);
-    }
-  };
-  
-
-  //@ts-ignore
-  const handleNumberIndicesChange = (event) => {
-    if (parseInt(event.target.value)){
-      setEnteredNumberIndices(parseInt(event.target.value));
-    }
-};
-
-useEffect(() => {
-  if (changeGraph){
-    if (enteredNumber>=20 && enteredNumber<=50 && enteredNumberIndices>=3 && enteredNumberIndices<=6){
-      console.log(enteredNumber)
-      console.log(enteredNumberIndices)
-      manager?.userService.changeNodesIndices(enteredNumber, enteredNumberIndices)
-      setHistory([]);
-      setFirstHistory(true)
-      changeGraph(enteredNumber, enteredNumberIndices)
-    }
-  }
-  else{
-    setEnteredNumber(user?.nbNodes || 25)
-    setEnteredNumberIndices(user?.nbIndices || 3)
-  }
-}, [enteredNumber, enteredNumberIndices])
-
-//@ts-ignore
-const handleKeyDownIndice = (event) => {
-  // Vérifier si la touche appuyée est "Entrée"
-  if (event.key === 'Enter' && user!=null && parseInt(event.target.value)) {
-    const newNumber = Math.max(3, Math.min(6, parseInt(event.target.value, 10)));
-    user.nbIndices = newNumber;
-    setEnteredNumberIndices(newNumber);
-  }
-};
-
-const handleBlurIndice = () => {
-  if (user!==null){
-    const newNumber = Math.max(3, Math.min(6, enteredNumberIndices));
-    setEnteredNumberIndices(newNumber);
-    user.nbIndices = newNumber;
-  }
-};
-
   const handleSoundPreferenceChange = () => {
     setSoundPreference(!soundPreference);
     console.log("changement des options du son : "+ soundPreference)
@@ -440,7 +346,7 @@ const handleBlurIndice = () => {
                           addToHistory={addToHistory}
                           solo={IsSolo} 
                           isDaily={isDaily} 
-                          difficulty={difficulty}
+                          isEasy={isEasy}
                           setPlayerTouched={handleSetPlayerTouched} 
                           playerTouched={playerTouched}
                           setNetwork={setNetworkData}
@@ -459,23 +365,21 @@ const handleBlurIndice = () => {
                           putCorrectBackground={putCorrectBackground}
                           putGreyBackground={putGreyBackgroud}
                           putImposssibleGrey={putImposssibleGrey}
-                          handleTurn={handleTurn}
-                          lang={locale}
-                          setChangeGraph={setChangeGraphData}/>
+                          handleTurn={handleTurn}/>
         </div>
         {playTurnSound && <audio src={turnSound} autoPlay />}
 
 
-        {IsSolo && (!isDaily || difficulty !== "hard") &&
+        {IsSolo && !isDaily &&
             <div className='nbLaps' style={{ 
                 backgroundColor: theme.colors.primary,
                 borderColor: theme.colors.secondary
             }}>
-              <FormattedMessage id='turn'/> : {cptTour}
+              Tour : {cptTour}
             </div>
         }
         
-        {(!isDaily || (isDaily && (difficulty==="easy" || difficulty==="intermediate"))) &&
+        {(!isDaily || (isDaily && isEasy)) &&
           <div className='historique' id="history-container">
               {history.map((item, index) => (
                   <div key={index}>{item}</div>
@@ -497,7 +401,6 @@ const handleBlurIndice = () => {
 
 
         <div className='menuGame'>
-
           <div className='resetDiv'>
             <button className='button'
               style={{ 
@@ -519,8 +422,6 @@ const handleBlurIndice = () => {
             </button>
           </div>
 
-          
-
 
 
 
@@ -571,7 +472,7 @@ const handleBlurIndice = () => {
                 backgroundColor: theme.colors.tertiary,
                 borderColor: theme.colors.secondary
               }}>
-              <img src={Tex} alt="indice" height="40"/>
+              <img src={Download} alt="indice" height="40"/>
             </button>
           }
 
@@ -581,7 +482,7 @@ const handleBlurIndice = () => {
                 backgroundColor: theme.colors.tertiary,
                 borderColor: theme.colors.secondary
               }}>
-              <img src={Pdf} alt="indice" height="40"/>
+              <img src={Download} alt="indice" height="40"/>
             </button>
           }
         </div>
@@ -599,7 +500,7 @@ const handleBlurIndice = () => {
                   backdrop={false}
                   style={{ height: '20%', width: '25%', top: '60vh' }}>
           <Offcanvas.Header closeButton>
-            <Offcanvas.Title><FormattedMessage id='indice'/></Offcanvas.Title>
+            <Offcanvas.Title>Indice</Offcanvas.Title>
           </Offcanvas.Header>
           <Offcanvas.Body>
             {indice?.ToString(locale)}
@@ -612,60 +513,15 @@ const handleBlurIndice = () => {
         <Offcanvas show={showS} 
                   onHide={handleCloseS} 
                   placement='top'
-                  style={{height: '80%', width: '30%', left: '70%' }}>
+                  style={{height: '30%', width: '30%', left: '70%' }}>
           <Offcanvas.Header closeButton>
-            <Offcanvas.Title><img src={Param} alt='param'/> <FormattedMessage id='param'/></Offcanvas.Title>
+            <Offcanvas.Title><img src={Param} alt='param'/> Paramètres</Offcanvas.Title>
           </Offcanvas.Header>
-          <Offcanvas.Body >
-            <div style={{display: "flex", justifyContent: "center", flexDirection: "column", alignItems: "center"}}>
-              <label style={{ display:'flex'}}>
-                <Switch checked={soundPreference} onChange={handleSoundPreferenceChange}/>
-                <p style={{ marginLeft:'20px'}}><FormattedMessage id='sfx'/></p>
-              </label>
-
-              {IsSolo && 
-              <div className='nbNodeDiv' style={{ padding:'20px'}}>
-                  <label htmlFor="numberInput"><FormattedMessage id='param.node'/> :</label>
-                  <div>
-                      <button className='valuebutton' onClick={() => { if (enteredNumber>20 && user !== null){ setEnteredNumber(enteredNumber-1); user.nbNodes = user.nbNodes-1; setHistory([]); }}}
-                          style={{borderColor:theme.colors.secondary}}> - </button>
-                      <input
-                          // type="number"
-                          style={{textAlign:'center', border: 'none', width: '100px'}}
-                          id="numberInput"
-                          value={enteredNumber}
-                          onChange={handleNumberChange}
-                          onKeyDown={handleKeyDown} // Ajout de l'événement onKeyDown
-                          onBlur={handleBlur} // Ajout de l'événement onBlur
-                          />
-                      <button className='valuebutton' onClick={() => { if (enteredNumber<50 && user!==null){ setEnteredNumber(enteredNumber+1); user.nbNodes = user.nbNodes+1 ;setHistory([]); }}}
-                          style={{borderColor:theme.colors.secondary}}> + </button>
-                  </div>
-              </div>}
-
-              {IsSolo && 
-              <div className='nbNodeDiv' style={{ padding:'20px'}}>
-                  <label htmlFor="numberInput"><FormattedMessage id='param.clue'/> :</label>
-                  <div>
-                      <button className='valuebutton' onClick={() => { if (enteredNumberIndices>3 && user!==null){ setEnteredNumberIndices(enteredNumberIndices - 1); user.nbIndices = user.nbIndices-1; setHistory([]); }}}
-                          style={{borderColor:theme.colors.secondary}}> - </button>
-                      <input
-                          // type="number"
-                          style={{textAlign:'center', border: 'none', width: '100px'}}
-                          id="numberInput"
-                          value={enteredNumberIndices}
-                          onChange={handleNumberIndicesChange}
-                          onKeyDown={handleKeyDownIndice} // Ajout de l'événement onKeyDown
-                          onBlur={handleBlurIndice}/>
-                      <button className='valuebutton' onClick={() => { if (enteredNumberIndices<6 && user!==null){ setEnteredNumberIndices(enteredNumberIndices + 1); user.nbIndices = user.nbIndices+1; setHistory([]); }}}
-                          style={{borderColor:theme.colors.secondary}}> + </button>
-                  </div>
-              </div>}
-              <div className='centerDivH' style={{margin: "20px"}}>
-                <Button variant="outline-warning" onClick={() => {setHistory([]); changeGraph(enteredNumber, enteredNumberIndices)}}><FormattedMessage id='regenerate'/></Button>
-              </div>
-                <Button variant="outline-danger" href={`${basePath}/`}><FormattedMessage id='BackHome'/></Button>
-            </div>
+          <Offcanvas.Body>
+            <label style={{ display:'flex'}}>
+              <Switch checked={soundPreference} onChange={handleSoundPreferenceChange}/>
+              <p style={{ marginLeft:'20px'}}>Activer les SFX</p>
+            </label>
           </Offcanvas.Body>
         </Offcanvas>
       </div>

cryptide_project/src/Pages/Lobbies.tsx

@@ -1,6 +1,5 @@
 import React, { useEffect, useState } from 'react';
 
-
 /* Style */
 import './Lobbies.css';
 import "../Style/Global.css"
@@ -12,7 +11,7 @@ import { socket } from '../SocketConfig';
 import JSONParser from '../JSONParser';
 import Person from '../model/Person';
 import { useNavigationType } from 'react-router-dom';
-import { FormattedMessage, useIntl } from 'react-intl';
+
 
 class LobbyDataProps {
     roomNum : string
@@ -42,7 +41,6 @@ function Lobbies() {
 
     const [showAvailable, setShowAvailable] = useState(true);
 
-
     const handleShowAllClick = () => {
         setShowAvailable(false);
     };
@@ -51,18 +49,7 @@ function Lobbies() {
         setShowAvailable(true);
     };
 
-    const handleSetFirst = () => {
-        setFirst(false);
-        socket.emit("request lobbies");
-    };
-    
-    const handleSetCptNavigation = () => {
-        cptNavigation++
 
-        if (cptNavigation % 2 >= 0 && navigationType.toString() === "POP") {
-            socket.emit("player quit");
-        }
-    };
     const filteredLobbies = lobbyData.filter((lobby) =>
         lobby.roomNum.toLowerCase().includes(searchTerm.toLowerCase()) ||
         lobby.headPlayer.pseudo.toLowerCase().includes(searchTerm.toLowerCase())
@@ -71,25 +58,26 @@ function Lobbies() {
     const filteredLobbiesToShow = showAvailable
     ? filteredLobbies.filter((lobby) => lobby.started == false && lobby.nbPlayer < 6) //* retire les lobbies pleins ou commencés
     : filteredLobbies;
-    
-    
-    
+
+
+
     const setFirstData = (first: boolean) => {
         setFirst(first)
     }
 
-    const navigationType = useNavigationType();
-    
-    
+    const navigationType = useNavigationType()
+    cptNavigation++
+    if (cptNavigation % 2 == 0){
+        if (navigationType.toString() == "POP"){
+            socket.emit("player quit")
+        }
+    }
 
-    handleSetCptNavigation();
-    
     if (first){
-        handleSetFirst();
+        setFirst(false)
+        socket.emit("request lobbies")
     }
-    
-    
-    
+
     useEffect(() => {
         socket.on("request lobbies", (map) => {
             const jsonMap = JSON.parse(map)
@@ -107,16 +95,12 @@ function Lobbies() {
         socket.emit("lobby created")
     }
 
-
-    const intl = useIntl();
-
-
     return(
         <div style={{display:'flex', flexDirection:'column', alignItems:'center'}}>
             <input
                 type="text"
                 className='searchLobby'
-                placeholder={intl.formatMessage({ id: 'placeholder.searchLobby' })}
+                placeholder="Rechercher un lobby..."
                 value={searchTerm}
                 onChange={(e) => setSearchTerm(e.target.value)}
                 style={{width:'80%', margin:'10px'}}
@@ -135,7 +119,7 @@ function Lobbies() {
                     }}
                     onClick={handleShowAllClick}
                 >
-                    <FormattedMessage id='lobbies.all'/>
+                    Tous
                 </button>
                 <button
                     style={{
@@ -148,12 +132,12 @@ function Lobbies() {
                     }}
                     onClick={handleShowAvailableClick}
                 >
-                    <FormattedMessage id='lobbies.dispo'/>
+                    Disponible
                 </button>
             </div>
 
                 {filteredLobbiesToShow.length === 0 ? (
-                        <button onClick={createLobby}  className='ButtonNav' style={{backgroundColor: theme.colors.primary, borderColor: theme.colors.secondary}}><FormattedMessage id='play.create' /></button>
+                        <button onClick={createLobby}  className='ButtonNav' style={{backgroundColor: theme.colors.primary, borderColor: theme.colors.secondary}}>Créer une partie</button>
                     ) : (
                         <div className="lobbyList">
                             {filteredLobbiesToShow.map((lobby, index) => (

cryptide_project/src/Pages/Lobby.tsx

@@ -48,7 +48,6 @@ import Overlay from 'react-bootstrap/Overlay';
 import { DataSet } from 'vis-network';
 import {basePath} from "../AdressSetup"
 
-import { FormattedMessage } from 'react-intl';
 
 
 let gameStarted = false
@@ -58,7 +57,7 @@ function Lobby() {
     const theme=useTheme();
     const navigate = useNavigate();
     
-    const { indices, setIndicesData, setGameStartData, indice, setIndiceData, person, setPersonData, personNetwork, setPersonNetworkData, players, setPlayersData, setActualPlayerIndexData, setTurnPlayerIndexData, setRoomData, setNodesData } = useGame();
+    const { indices, setIndicesData, indice, setIndiceData, person, setPersonData, personNetwork, setPersonNetworkData, players, setPlayersData, setActualPlayerIndexData, setTurnPlayerIndexData, setRoomData, setNodesData } = useGame();
     
     const {user, setUserData, manager, login} = useAuth()
     let first = true
@@ -139,7 +138,6 @@ function Lobby() {
         setPersonData(choosenOne)
         setPersonNetworkData(network)
         setIndicesData(choosenIndices)
-        setGameStartData(true)
         first = true
         gameStarted = true
         //socket.off("player left")
@@ -178,7 +176,6 @@ function Lobby() {
         setPersonData(choosenOne)
         setPersonNetworkData(networkPerson)
         setIndicesData(choosenIndices)
-        setGameStartData(true)
         first = true
         gameStarted = true
         navigate(`${basePath}/game?solo=false&daily=false`)
@@ -189,19 +186,23 @@ function Lobby() {
         for (const p of tab.tab){
             tmpTab.push(JSONParser.JSONToPlayer(p))
         }
+        console.log(tmpTab);
         setPlayersData(tmpTab);
 
     });
 
     socket.on("room full", () => {
+        //TODO POP UP pour quand la room est pleine
         navigate(`${basePath}/`)
     })
 
     socket.on("game started", () => {
+        //TODO POP UP pour quand la room est pleine
         navigate(`${basePath}/`)
     })
 
     socket.on("game already started", () => {
+        //TODO POP UP pour quand la room est pleine
         navigate(`${basePath}/`)
     })
 
@@ -210,6 +211,7 @@ function Lobby() {
         for (const p of tab.tab){
             tmpTab.push(JSONParser.JSONToPlayer(p))
         }
+        console.log(tmpTab)
         setPlayersData(tmpTab)
     })
 
@@ -275,9 +277,9 @@ function Lobby() {
                         </div>
                         <div className='NumbDiv'>
                             {players.length == 6 ? (
-                                    <p style={{color:'darkred'}}>6/6 <FormattedMessage id='lobby.players'/></p>
+                                    <p style={{color:'darkred'}}>6/6 Players</p>
                                 ) : (
-                                    <p>{players.length}/6 <FormattedMessage id='lobby.players'/></p>
+                                    <p>{players.length}/6 Players</p>
                                 )
                             }
                         </div>
@@ -306,12 +308,12 @@ function Lobby() {
                 <div className='lobbyR' 
                     style={{flexDirection:'column',
                             alignItems:'space-around'}}>
-                        <h3><FormattedMessage id='lobby.bienvenue'/></h3>
-                        <p><FormattedMessage id='lobby.wait'/></p>
+                        <h3>Bienvenue dans votre lobby !</h3>
+                        <p>Attendez que tous vos amis rejoignent avant de lancer la partie.</p>
                         {/* Bouton pour copier le lien */}
-                        {/* <Button variant="primary" ref={target} onClick={copyGameLink}>
-                            <FormattedMessage id='lobby.invite'/>
-                        </Button> */}
+                        <Button variant="primary" ref={target} onClick={copyGameLink}>
+                            Inviter des amis
+                        </Button>
                         <Overlay target={target.current} show={show} placement="top">
                             {({
                             placement: _placement,
@@ -332,13 +334,13 @@ function Lobby() {
                                 ...props.style,
                                 }}
                             >
-                            <FormattedMessage id='lobby.copyLink'/>
+                            Lien copié
                         </div>
                         )}
                     </Overlay>
 
                 <div className='nbNodeDiv'>
-                    <label htmlFor="numberInput"> <FormattedMessage id='lobby.nbNode'/> :</label>
+                    <label htmlFor="numberInput">Sélectionner le nombre de noeud (entre 20 et 60) :</label>
                     <div>
                         <button className='valuebutton' onClick={() => { if (enteredNumber>20) setEnteredNumber(enteredNumber-1)}}
                             style={{borderColor:theme.colors.secondary}}> - </button>
@@ -364,7 +366,7 @@ function Lobby() {
                             width: 'auto',
                             height: 'auto'
                         }}>
-                        <FormattedMessage id='lobby.start'/>
+                        Démarrer la partie !
                     </button>
                 </div>
             </div>

cryptide_project/src/Pages/NewPlay.tsx

@@ -31,7 +31,6 @@ import Button from 'react-bootstrap/Button';
 import ButtonGroup from 'react-bootstrap/ButtonGroup';
 import Lobbies from './Lobbies';
 import {basePath} from "../AdressSetup"
-import { FormattedMessage } from 'react-intl';
 
 
 
@@ -43,7 +42,7 @@ function NewPlay() {
 
     const theme=useTheme()
     const {isLoggedIn, login, user, setUserData, manager } = useAuth();
-    const {setDailyEnigmeData, setIndicesData, setPersonData, setPersonNetworkData, setGameStartData } = useGame()
+    const {setDailyEnigmeData, setIndicesData, setPersonData, setPersonNetworkData } = useGame()
 
     const target = useRef(null);
 
@@ -51,7 +50,6 @@ function NewPlay() {
     cptNavigation++
     if (cptNavigation % 2 == 0){
         if (navigationType.toString() == "POP"){
-            first=true
             socket.emit("player quit")
         }
     }
@@ -96,12 +94,11 @@ function NewPlay() {
     }
 
     function launchMastermind(){
-        const [networkPerson, choosenPerson, choosenIndices] = GameCreator.CreateGame(user?.nbIndices || 3, user?.nbNodes || 25)
+        const [networkPerson, choosenPerson, choosenIndices] = GameCreator.CreateGame(3, 30)
         setPersonData(choosenPerson)
         setPersonNetworkData(networkPerson)
         setIndicesData(choosenIndices)
         setIndicesData(choosenIndices)
-        setGameStartData(true)
         navigate(`${basePath}/game?solo=true&daily=false`);
     }
 
@@ -159,33 +156,13 @@ function NewPlay() {
 
         //* Mode facile 
         //todo différencier les deux
-        const [networkPerson, choosenPerson, choosenIndices] = GameCreator.CreateGame(user?.nbIndices || 3, user?.nbNodes || 25)
+        const [networkPerson, choosenPerson, choosenIndices] = GameCreator.CreateGame(3, 30)
         setPersonData(choosenPerson)
         setPersonNetworkData(networkPerson)
         setIndicesData(choosenIndices)
         setIndicesData(choosenIndices)
-        setGameStartData(true)
-        navigate(`${basePath}/game?solo=true&daily=true&difficulty=easy`);
-        setShowOverlay(false);
-    };
-
-    const handleStartMediumGame = () => {
-
-        //* Mode facile 
-        //todo différencier les deux
-        const [networkPerson, choosenPerson, choosenIndices] = GameCreator.CreateGame(user?.nbIndices || 3, user?.nbNodes || 25)
-        setPersonData(choosenPerson)
-        setPersonNetworkData(networkPerson)
-        setIndicesData(choosenIndices)
-        setGameStartData(true)
-
 
-        navigate(`${basePath}/game?solo=true&daily=true&difficulty=intermediate`);
-        if (first){
-            first = false
-            const map = EnigmeDuJourCreator.createEnigme(networkPerson, choosenIndices, choosenPerson, Stub.GenerateIndice())
-            setDailyEnigmeData(map)
-        }
+        navigate(`${basePath}/game?solo=true&daily=true&easy=true`);
         setShowOverlay(false);
     };
 
@@ -193,17 +170,17 @@ function NewPlay() {
         //* Mode difficile
 
         //todo différencier les deux
-        const [networkPerson, choosenPerson, choosenIndices] = GameCreator.CreateGame(user?.nbIndices || 3, user?.nbNodes || 25)
+        const [networkPerson, choosenPerson, choosenIndices] = GameCreator.CreateGame(3, 30)
         setPersonData(choosenPerson)
         setPersonNetworkData(networkPerson)
         setIndicesData(choosenIndices)
-        setGameStartData(true)
+        setIndicesData(choosenIndices)
         if (first){
             first = false
             const map = EnigmeDuJourCreator.createEnigme(networkPerson, choosenIndices, choosenPerson, Stub.GenerateIndice())
             setDailyEnigmeData(map)
         }
-        navigate(`${basePath}/game?solo=true&daily=true&difficulty=hard`);
+        navigate(`${basePath}/game?solo=true&daily=true&easy=false`);
         setShowOverlay(false);
     };
 
@@ -226,9 +203,9 @@ function NewPlay() {
             <div className="leftContainer">
                 {/* Boutons pour jouer */}
                 <div className='NewbuttonGroupVertical'>
-                    <button onClick={launchMastermind} className="ButtonNav" style={{backgroundColor: theme.colors.primary, borderColor: theme.colors.secondary}}> <FormattedMessage id="play.jouerseul"/> </button>
-                    <button ref={target} onClick={launchEngimeJour} className="ButtonNav" style={{backgroundColor: theme.colors.primary, borderColor: theme.colors.secondary}}> <FormattedMessage id="play.enigme"/> </button>
-                    <Overlay show={showOverlay} target={target.current} placement="bottom" rootClose={true} rootCloseEvent='click' onHide={() => setShowOverlay(false)}>
+                    <button onClick={launchMastermind} className="ButtonNav" style={{backgroundColor: theme.colors.primary, borderColor: theme.colors.secondary}}> Jouer seul </button>
+                    <button ref={target} onClick={launchEngimeJour} className="ButtonNav" style={{backgroundColor: theme.colors.primary, borderColor: theme.colors.secondary}}> Résoudre une énigme</button>
+                    <Overlay show={showOverlay} target={target.current} placement="bottom" rootClose={true} rootCloseEvent='click'>
                         {({ placement, arrowProps, show: _show, popper, ...props }) => (
                             <div
                                 {...props}
@@ -240,22 +217,23 @@ function NewPlay() {
                                 }}>
 
                                 <ButtonGroup aria-label="difficulty">
-                                    <Button onClick={handleStartEasyGame}><FormattedMessage id='play.enigme.easy'/></Button>
-                                    <Button onClick={handleStartMediumGame}><FormattedMessage id='play.enigme.medium'/></Button>
-                                    <Button onClick={handleStartHardGame}><FormattedMessage id='play.enigme.hard'/></Button>
+                                    <Button onClick={handleStartEasyGame}>Facile</Button>
+                                    <Button onClick={handleStartHardGame}>Difficile</Button>
                                 </ButtonGroup>
                             </div>
                         )}
                     </Overlay>
 
-                    <button onClick={createLobby} className="ButtonNav" style={{backgroundColor: theme.colors.primary, borderColor: theme.colors.secondary}}> <FormattedMessage id='play.create'/> </button>
-                    <button onClick={launchTuto} className="ButtonNav" style={{backgroundColor: theme.colors.primary, borderColor: theme.colors.secondary}}> <FormattedMessage id='play.tuto'/> </button>
-                    <button onClick={goBack} className="ButtonNavRejoin" style={{ display:returnVisibility}}><FormattedMessage id='play.return'/> </button>
+                    <button onClick={createLobby} className="ButtonNav" style={{backgroundColor: theme.colors.primary, borderColor: theme.colors.secondary}}> Créer une partie </button>
+                    <button onClick={launchTuto} className="ButtonNav" style={{backgroundColor: theme.colors.primary, borderColor: theme.colors.secondary}}> Tutoriel </button>
+                    {/* <button onClick= {() => navigate("/join")} className="ButtonNav" style={{backgroundColor: theme.colors.primary, borderColor: theme.colors.secondary}}> Rejoindre </button> */}
+                    {/* {goBackRoom != -1 && <button onClick={goBack} className="ButtonNav" style={{backgroundColor: theme.colors.primary, borderColor: theme.colors.secondary}}>Retourner à la partie</button>} */}
+                    <button onClick={goBack} className="ButtonNavRejoin" style={{ display:returnVisibility}}>Retourner à la partie</button>
 
                 </div>
             
                 {/* Lobbies */}
-                <div style={{border:'solid 1px lightgray', borderRadius:'15px', marginTop:'20px', minHeight:'400px'}}>
+                <div style={{border:'solid 1px lightgray', borderRadius:'15px', marginTop:'20px'}}>
                     <Lobbies/>
                 </div>
             </div>

cryptide_project/src/Pages/Tutorial.tsx

@@ -56,7 +56,6 @@ import TutorialGraph from '../Components/TutorialGraph';
 import { useAuth } from '../Contexts/AuthContext';
 import EasyBot from '../model/EasyBot';
 import { set } from 'lodash';
-import { FormattedMessage } from 'react-intl';
 
 
 let cptNavigation = 0
@@ -363,7 +362,7 @@ const Tutorial = ({locale, changeLocale}) => {
           </Button> */}
 
           <Button variant="primary" onClick={handleShowHelp}>
-            <FormattedMessage id='aide'/>
+            Aide
           </Button>
           <Link to={`${basePath}/info`} target='_blank'>
             <button className='button' 
@@ -405,7 +404,7 @@ const Tutorial = ({locale, changeLocale}) => {
                   backdrop={false}
                   style={{ height: '20%', width: '25%', top: '60vh' }}>
           <Offcanvas.Header closeButton>
-            <Offcanvas.Title><FormattedMessage id='indice'/></Offcanvas.Title>
+            <Offcanvas.Title>Indice</Offcanvas.Title>
           </Offcanvas.Header>
           <Offcanvas.Body>
             {indice?.ToString(locale)}
@@ -422,7 +421,7 @@ const Tutorial = ({locale, changeLocale}) => {
           size="lg"
           style={{ maxHeight: '100vh'}}>
           <Modal.Header>
-            <Modal.Title><FormattedMessage id='tutorial.title'/></Modal.Title>
+            <Modal.Title>Tutoriel</Modal.Title>
           </Modal.Header>
           <Modal.Body style={{ display:'flex', justifyContent:'center', alignItems:'center', flexDirection:'column'}}>
 
@@ -430,14 +429,14 @@ const Tutorial = ({locale, changeLocale}) => {
             <Card style={{ width: '90%', display:'flex', justifyContent:'center', alignItems:'center', flexDirection:'column'}}>
               <Card.Img variant="top" src={detective} style={{width:'300px', height:'300px'}}/>
               <Card.Body>
-                <Card.Title> <FormattedMessage id='tuto.title.1'/> </Card.Title>
+                <Card.Title> Bienvenue dans SocialGraph</Card.Title>
                 <Card.Text>
-                  <FormattedMessage id='tuto.txt.1.1'/> <br/>
-                  <FormattedMessage id='tuto.txt.1.2'/> <br/>
-                  <FormattedMessage id='tuto.txt.1.3'/> <br/>
-                  <FormattedMessage id='tuto.txt.1.4'/> <br/>
-                  <FormattedMessage id='tuto.txt.1.5'/> <br/>
-                  <i><FormattedMessage id='tuto.txt.1.6'/></i>
+                Vous incarnez un détective assoiffé de gloire, confronté à un crime. <br/>
+                Cependant, d'autres enquêteurs sont également sur le coup, tous cherchant à décrocher le titre de meilleur détective du monde. <br/>
+                Chacun possède un indice crucial pour identifier le coupable, il va falloir déduire l'indice de vos concurrents si vous souhaitez l'emporter ! <br/>
+                Interrogez vos concurrents pour obtenir des réponses par oui ou non, mais méfiez-vous, un refus a des conséquences. <br/>
+                Soyez le premier à déduire les indices des autres et à trouver le coupable pour remporter la reconnaissance tant convoitée. <br />
+                <i>Si vous avez le moindre doute, cliquer sur le bouton "aide" pour afficher l'étape actuel du tuto</i>
                 </Card.Text>
               </Card.Body>
             </Card>
@@ -446,11 +445,11 @@ const Tutorial = ({locale, changeLocale}) => {
               <Card style={{ width: '90%', display:'flex', justifyContent:'center', alignItems:'center', flexDirection:'column'}}>
                 <Card.Img variant="top" src={ava} style={{width:'300px', height:'300px'}}/>
                 <Card.Body>
-                  <Card.Title> <FormattedMessage id='tuto.title.2'/> </Card.Title>
+                  <Card.Title>Les Suspects</Card.Title>
                   <Card.Text>
-                    <FormattedMessage id='tuto.txt.2.1'/>
+                    Voici comment est représenté un suspect, chaque suspect possède différentes caractéristiques, que ce soit leur nom, âge, sport et leur couleur de cheveux.
                     <br />
-                    <FormattedMessage id='tuto.txt.2.2' /><b>Ava</b><FormattedMessage id='tuto.txt.2.2.1'/><b>40 <FormattedMessage id='age_indice_end'/></b><FormattedMessage id='tuto.txt.2.2.2'/><b><FormattedMessage id='basketball'/></b><FormattedMessage id='tuto.txt.2.2.3'/><b><FormattedMessage id='tennis'/></b><FormattedMessage id='tuto.txt.2.2.4'/><b><FormattedMessage id='redhead'/></b><FormattedMessage id='tuto.txt.2.2.5'/><b>2 <FormattedMessage id='nb_friends_indice_end'/></b> : Carter <FormattedMessage id='and'/> Liam.
+                    Par exemple, ici, nous avons <b>Ava</b>, qui a <b>40 ans</b>, qui pratique du <b>Basket</b> et du <b>Tennis</b>, qui a les cheveux <b>Roux</b> et qui possède <b>2 amis</b> : Carter et Liam.
                   </Card.Text>
                 </Card.Body>
               </Card>
@@ -460,11 +459,11 @@ const Tutorial = ({locale, changeLocale}) => {
               <Card style={{ width: '90%', display:'flex', justifyContent:'center', alignItems:'center', flexDirection:'column'}}>
                 <Card.Img variant="top" src={indicetxt} style={{width:'300px', height:'auto'}}/>
                 <Card.Body>
-                  <Card.Title><FormattedMessage id='tuto.title.3'/></Card.Title>
+                  <Card.Title>Les indices</Card.Title>
                   <Card.Text>
-                    <FormattedMessage id='tuto.txt.3.1'/>
+                    Dans ce jeu, chaque détective possède un indice, qui permet d'identifier une caractéristique du coupable, votre indice est le suivant :
                     <br />
-                    "<u><FormattedMessage id='tuto.txt.3.2'/></u>".
+                    "<u>Le suspect a entre 20 et 29 ans</u>".
                   </Card.Text>
                 </Card.Body>
               </Card>
@@ -474,11 +473,11 @@ const Tutorial = ({locale, changeLocale}) => {
               <Card style={{ width: '90%', display:'flex', justifyContent:'center', alignItems:'center', flexDirection:'column'}}>
                 <Card.Img variant="top" src={joueurs} style={{width:'auto', height:'300px'}}/>
                 <Card.Body>
-                  <Card.Title><FormattedMessage id='tuto.title.4'/></Card.Title>
+                  <Card.Title>Les Détectives</Card.Title>
                   <Card.Text>
-                    <FormattedMessage id='tuto.txt.4.1'/>
+                    Il est possible de voir les détectives sur le côté gauche de l'écran, ils sont représentés par des cercles de couleurs différentes. Le contour carré signifie que ce détective est en pleine réflexion.
                     <br />
-                    <FormattedMessage id='tuto.txt.4.2'/>
+                    Pour interroger un détective à propos d'un suspect, il suffit de le sélectionner, puis de cliquer sur le suspect que vous souhaitez. Il vous répondra donc ce qu'il pense de ce suspect selon son indice.
                   </Card.Text>
                 </Card.Body>
               </Card>
@@ -488,22 +487,22 @@ const Tutorial = ({locale, changeLocale}) => {
               <Card style={{ width: '90%', display:'flex', justifyContent:'center', alignItems:'center', flexDirection:'column'}}>
                 <Card.Img variant="top" src={rep} style={{width:'300px', height:'300px'}}/>
                 <Card.Body>
-                  <Card.Title><FormattedMessage id='tuto.title.5'/></Card.Title>
+                  <Card.Title>Les réponses</Card.Title>
                   <Card.Text>
-                    <FormattedMessage id='tuto.txt.5.1'/>
+                    Les détéctives vous répondrons que par des ronds ou des carrés de leur couleur.
                     <br />
                     <ul>
                       <li>
-                        <FormattedMessage id='majUn'/> <u><FormattedMessage id='square'/></u> <FormattedMessage id='tuto.txt.5.2'/>.
+                        Un <u>carré</u> signifie que son indice innocente le suspect.
                       </li>
                       <li>
-                        <FormattedMessage id='majUn'/> <u><FormattedMessage id='round'/></u> <FormattedMessage id='tuto.txt.5.3'/>.
+                        Un <u>rond</u> signifie que son indice peut incréminer le suspect.
                       </li>
                     </ul>
-                    <FormattedMessage id='tuto.txt.5.4'/><br />
-                    <FormattedMessage id='tuto.txt.5.5.1'/>(<u><FormattedMessage id='color.green'/></u>) <FormattedMessage id='tuto.txt.5.5.2'/>.
-                    <br/><FormattedMessage id='tuto.txt.5.6'/> (<u><FormattedMessage id='color.yellow'/></u>).
-                    <br/><FormattedMessage id='tuto.txt.5.7.1'/><u><FormattedMessage id='tuto.txt.5.7.2'/></u>.
+                    Par exemple, ici :<br />
+                    l'indice du détéctive Scooby-Doo (<u>Vert</u>) permet d'innocenter Logan.
+                    <br/>Eleanor peut être suspectée par l'indice du détective Batman (<u>Jaune</u>).
+                    <br/>Evelyn est innocentée par l'indice de <u>3 détéctive différents</u>.
                   </Card.Text>
                 </Card.Body>
               </Card>
@@ -521,9 +520,9 @@ const Tutorial = ({locale, changeLocale}) => {
                   </button>
                 </Card.Header>
                 <Card.Body>
-                  <Card.Title><FormattedMessage id='tuto.title.6'/></Card.Title>
+                  <Card.Title>Les règles du jeu</Card.Title>
                   <Card.Text>
-                    <FormattedMessage id='tuto.txt.6.1.1'/><b><FormattedMessage id='tuto.txt.6.1.2'/></b><FormattedMessage id='tuto.txt.6.1.3'/>
+                    Ce bouton vous mène à la page d'<b>information du jeu</b>, avec toutes les règles du jeu, que ce soit les objectifs, les indices, le déroulement, etc.
                   </Card.Text>
                 </Card.Body>
               </Card>
@@ -541,9 +540,9 @@ const Tutorial = ({locale, changeLocale}) => {
                   </button>
                 </Card.Header>
                 <Card.Body>
-                  <Card.Title><FormattedMessage id='tuto.title.7'/></Card.Title>
+                  <Card.Title>L'indice</Card.Title>
                   <Card.Text>
-                    <FormattedMessage id='tuto.txt.7.1'/>
+                    Ce bouton vous permet d'afficher votre indice personnel, gardez le secret ! Il s'agit de votre meilleur atout pour gagner.
                   </Card.Text>
                 </Card.Body>
               </Card>
@@ -553,13 +552,13 @@ const Tutorial = ({locale, changeLocale}) => {
               <Card style={{ width: '90%', display:'flex', justifyContent:'center', alignItems:'center', flexDirection:'column'}}>
                 <Card.Img variant="top" src={graph} style={{width:'auto', height:'300px'}}/>
                 <Card.Body>
-                  <Card.Title><FormattedMessage id='tuto.title.8'/></Card.Title>
+                  <Card.Title>Place à la pratique !</Card.Title>
                   <Card.Text>
-                    <FormattedMessage id='tuto.txt.8.1'/>
+                    Bien joué ! Vous avez maintenanttoutes les bases d'un veritable détéctive.
                     <br/>
-                    <FormattedMessage id='tuto.txt.8.2'/>
+                    Vous allez à présent avoir un exercice pratique pour la résolution d'une enquête, au côté de ces très chère Batman et Scooby-Doo.
                     <br/>
-                    <FormattedMessage id='tuto.txt.8.3'/>
+                    Cliquer sur "Poursuivre" pour commencer votre première partie.
                   </Card.Text>
                 </Card.Body>
               </Card>
@@ -570,11 +569,11 @@ const Tutorial = ({locale, changeLocale}) => {
           </Modal.Body>
           <Modal.Footer style={{display:'flex'}}>
             <div style={{ width:'100%', display:'flex', justifyContent:'start'}}>
-              <label style={{ color:'gray'}}><FormattedMessage id='step'/> {step+1}/7</label>
+              <label style={{ color:'gray'}}>Étape {step+1}/7</label>
             </div>
-            { step != -1 && (<Button variant="primary" onClick={() => setStep(step - 1)}><FormattedMessage id='previous'/></Button>)}
-            { step === 6 ? (<Button variant="primary" onClick={handleCloseM}><FormattedMessage id='continue'/></Button>) : 
-            <Button variant="primary" onClick={() => setStep(step + 1)}><FormattedMessage id='next'/></Button>}
+            { step != -1 && (<Button variant="primary" onClick={() => setStep(step - 1)}>Précédent</Button>)}
+            { step === 6 ? (<Button variant="primary" onClick={handleCloseM}>Poursuivre</Button>) : 
+            <Button variant="primary" onClick={() => setStep(step + 1)}>Suivant</Button>}
             
           </Modal.Footer>
         </Modal>
@@ -587,25 +586,25 @@ const Tutorial = ({locale, changeLocale}) => {
           size="lg"
           style={{ maxHeight: '100vh'}}>
           <Modal.Header>
-            <Modal.Title><FormattedMessage id='tutorial.title'/></Modal.Title>
+            <Modal.Title>Tutoriel</Modal.Title>
           </Modal.Header>
           <Modal.Body style={{ display:'flex', justifyContent:'center', alignItems:'center', flexDirection:'column'}}>
 
               <Card style={{ width: '100%', display:'flex', justifyContent:'center', alignItems:'center', flexDirection:'column'}}>
                 <Card.Img variant="top" src={step1} style={{width:'auto', height:'300px'}}/>
                 <Card.Body>
-                  <Card.Title><FormattedMessage id='tuto.title.9'/></Card.Title>
+                  <Card.Title>Premier pas</Card.Title>
                   <Card.Text>
-                    <FormattedMessage id='tuto.txt.9.1'/>
+                    Bienvenue dans cette seconde partie, où nous allons apprendre le déroulé d'une veritable enquête.
                     <br/>
-                    <FormattedMessage id='tuto.txt.9.2.1'/><b>Scooby-Doo</b><FormattedMessage id='tuto.txt.9.2.2'/><b>Violet</b><FormattedMessage id='tuto.txt.9.2.3'/>
+                    Dans un premier temps, sélectionnez le joueur <b>Scooby-Doo</b> et questionnez le à propos du suspect nommé <b>Violet</b> en cliquant sur cette dernière.
                   </Card.Text>
                 </Card.Body>
               </Card>
 
           </Modal.Body>
           <Modal.Footer style={{display:'flex'}}>
-            <Button variant="primary" onClick={handleCloseTuto2}><FormattedMessage id='compris'/></Button>
+            <Button variant="primary" onClick={handleCloseTuto2}>Compris !</Button>
           </Modal.Footer>
         </Modal>
 
@@ -617,18 +616,18 @@ const Tutorial = ({locale, changeLocale}) => {
           size="lg"
           style={{ maxHeight: '100vh'}}>
           <Modal.Header>
-            <Modal.Title><FormattedMessage id='tutorial.title'/></Modal.Title>
+            <Modal.Title>Tutoriel</Modal.Title>
           </Modal.Header>
           <Modal.Body style={{ display:'flex', justifyContent:'center', alignItems:'center', flexDirection:'column'}}>
             {step === 0 && (
               <Card style={{ width: '100%', display:'flex', justifyContent:'center', alignItems:'center', flexDirection:'column'}}>
                 <Card.Img variant="top" src={step2} style={{width:'300px', height:'auto'}}/>
                 <Card.Body>
-                  <Card.Title><FormattedMessage id='tuto.title.10'/></Card.Title>
+                  <Card.Title>Votre premier tour</Card.Title>
                   <Card.Text>
-                    <FormattedMessage id='tuto.txt.10.1.1'/> <u><FormattedMessage id='tuto.txt.10.1.2'/></u><FormattedMessage id='tuto.txt.10.1.3'/><i><FormattedMessage id='tuto.txt.10.1.4'/></i><FormattedMessage id='tuto.txt.10.1.5'/>
+                    Super, <u>Violet a été identifié par l'indice de Scooby-Doo</u>, c'est une information essentielle ! Cependant, cela ne signifie <i>pas forcément</i> qu'elle est coupable.
                     <br/>
-                    <FormattedMessage id='tuto.txt.10.2'/>
+                    C'est à présent le tour aux autres joueurs de jouer, regardons ce qu'ils ont fait.
                   </Card.Text>
                 </Card.Body>
               </Card>
@@ -638,13 +637,15 @@ const Tutorial = ({locale, changeLocale}) => {
               <Card style={{ width: '100%', display:'flex', justifyContent:'center', alignItems:'center', flexDirection:'column'}}>
                 <Card.Img variant="top" src={step3} style={{width:'200px', height:'auto'}}/>
                 <Card.Body>
-                  <Card.Title><FormattedMessage id='tuto.title.11'/></Card.Title>
+                  <Card.Title>Premier tour des autres joueurs</Card.Title>
                   <Card.Text>
-                    <FormattedMessage id='tuto.txt.11.1.1'/><b><FormattedMessage id='non'/></b><FormattedMessage id='tuto.txt.11.1.2'/>
+                    Il semblerait que Scooby-Doo ait lui aussi interrogé Batman à propos de Violet, et que ce dernier ait répondu <b>non</b> par un carré.
+                    Cela signifie que Violet n'est pas coupable, et qu'elle est donc innocente !
                     <br/>
-                    <FormattedMessage id='tuto.txt.11.2.1'/><b><FormattedMessage id='tuto.txt.11.2.2'/></b><FormattedMessage id='tuto.txt.11.2.3'/>
+                    Scooby-Doo a donc fait une erreur, en questionnant quelqu'un pouvant innocenter Violet. En guise de <b>punition</b>, il doit, lui aussi, poser un carré sur un autre joueur, révélant aussi plus d'information sur son indice.
+                    Nous savons donc maintenant que l'indice de Scooby-Doo ne permet pas d'identifier Sebastian.
                     <br/>
-                    <FormattedMessage id='tuto.txt.11.3'/>
+                    Ensuite, Batman a questionné Scooby-Doo à propos de Charlotte, qui est identifié par l'indice de Scooby-Doo.
                   </Card.Text>
                 </Card.Body>
               </Card>
@@ -654,11 +655,11 @@ const Tutorial = ({locale, changeLocale}) => {
               <Card style={{ width: '100%', display:'flex', justifyContent:'center', alignItems:'center', flexDirection:'column'}}>
                 <Card.Img variant="top" src={step4} style={{width:'300px', height:'auto'}}/>
                 <Card.Body>
-                  <Card.Title><FormattedMessage id='tuto.title.12'/></Card.Title>
+                  <Card.Title>Second tour</Card.Title>
                   <Card.Text>
-                    <FormattedMessage id='tuto.txt.12.1.1'/><u><FormattedMessage id='tuto.txt.12.1.2'/></u><FormattedMessage id='tuto.txt.12.1.3'/>
+                    Vous remarquez que <u>votre indice identifie lui aussi Charlotte</u>, et si nous demandions à Batman, si ce dernier pense que Charlotte est la coupable ?
                     <br/>
-                    <FormattedMessage id='tuto.txt.12.2'/>
+                    Cela nous permettrait donc de mettre fin à la partie !
                   </Card.Text>
                 </Card.Body>
               </Card>
@@ -668,11 +669,11 @@ const Tutorial = ({locale, changeLocale}) => {
           </Modal.Body>
           <Modal.Footer style={{display:'flex'}}>
             <div style={{ width:'100%', display:'flex', justifyContent:'start'}}>
-              <label style={{ color:'gray'}}><FormattedMessage id='step'/> {step+1}/3</label>
+              <label style={{ color:'gray'}}>Étape {step+1}/3</label>
             </div>
-            { step != 0 && (<Button variant="primary" onClick={() => setStep(step - 1)}><FormattedMessage id='previous'/></Button>)}
-            { step === 2 ? (<Button variant="primary" onClick={handleCloseTuto21}><FormattedMessage id='close'/></Button>) : 
-            <Button variant="primary" onClick={() => setStep(step + 1)}><FormattedMessage id='next'/></Button>}
+            { step != 0 && (<Button variant="primary" onClick={() => setStep(step - 1)}>Précédent</Button>)}
+            { step === 2 ? (<Button variant="primary" onClick={handleCloseTuto21}>Fermer</Button>) : 
+            <Button variant="primary" onClick={() => setStep(step + 1)}>Suivant</Button>}
           </Modal.Footer>
         </Modal>
 
@@ -684,26 +685,26 @@ const Tutorial = ({locale, changeLocale}) => {
           size="lg"
           style={{ maxHeight: '100vh'}}>
           <Modal.Header>
-            <Modal.Title><FormattedMessage id='tutorial.title'/></Modal.Title>
+            <Modal.Title>Tutoriel</Modal.Title>
           </Modal.Header>
           <Modal.Body style={{ display:'flex', justifyContent:'center', alignItems:'center', flexDirection:'column'}}>
 
               <Card style={{ width: '100%', display:'flex', justifyContent:'center', alignItems:'center', flexDirection:'column'}}>
                 <Card.Img variant="top" src={step5} style={{width:'300px', height:'auto'}}/>
                 <Card.Body>
-                  <Card.Title><FormattedMessage id='tuto.title.13'/></Card.Title>
+                  <Card.Title>La punition</Card.Title>
                   <Card.Text>
-                    <FormattedMessage id='tuto.txt.13.1.1'/><b><FormattedMessage id='tuto.txt.13.1.2'/></b><FormattedMessage id='tuto.txt.13.1.3'/>
+                    Mince, il semblerait que l'indice de Batman innocente Charlotte, et que vous avez donc commit une erreur, la <b>punition</b> s'applique !
                     <br/>
-                    <FormattedMessage id='tuto.txt.13.2.1'/><u><FormattedMessage id='tuto.txt.13.2.2'/></u><FormattedMessage id='tuto.txt.13.2.3'/>
+                    Vous devez donc poser un <u>carré sur un autre joueur</u>, révélant ainsi plus d'information sur votre indice.
                     <br/>
-                    <FormattedMessage id='tuto.txt.13.3.1'/><b>Liam</b> <FormattedMessage id='tuto.txt.13.3.2'/>
+                    Mais rien n'est joué ! Posons notre carré sur <b>Liam</b> pour cela, sélectionnez directement le suspect désiré.
                   </Card.Text>
                 </Card.Body>
               </Card>
           </Modal.Body>
           <Modal.Footer style={{display:'flex'}}>
-            <Button variant="primary" onClick={handleCloseTuto22}><FormattedMessage id='compris'/></Button>
+            <Button variant="primary" onClick={handleCloseTuto22}>Compris !</Button>
           </Modal.Footer>
         </Modal>
 
@@ -715,35 +716,35 @@ const Tutorial = ({locale, changeLocale}) => {
           size="lg"
           style={{ maxHeight: '100vh'}}>
           <Modal.Header>
-            <Modal.Title>The End Game</Modal.Title>
+            <Modal.Title>End Game</Modal.Title>
           </Modal.Header>
           <Modal.Body style={{ display:'flex', justifyContent:'center', alignItems:'center', flexDirection:'column'}}>
               <Card style={{ width: '100%', display:'flex', justifyContent:'center', alignItems:'center', flexDirection:'column'}}>
                 <Card.Img variant="top" src={step6} style={{width:'250px', height:'auto'}}/>
                 <Card.Body>
-                  <Card.Title><FormattedMessage id='tuto.title.14'/></Card.Title>
+                  <Card.Title>La fin du jeu</Card.Title>
                   <Card.Text>
-                    <FormattedMessage id='tuto.txt.14.1'/>
+                    Ce tour est lui aussi riche en informations !
                     <br/>
-                    <FormattedMessage id='tuto.txt.14.2'/>
+                    Vous avez à présent assez d'information pour deviner les indices des autres : 
                     <ul>
                       <li>
-                        <FormattedMessage id='tuto.txt.14.3'/><i>{indices[1]?.ToString(locale)}</i>.
+                        Scooby-Doo semble avoir : <i>{indices[1]?.ToString(locale)}</i>.
                       </li>
                       <li>
-                        <FormattedMessage id='tuto.txt.14.4'/><i>{indices[2]?.ToString(locale)}</i>.
+                        Batman semble avoir : <i>{indices[2]?.ToString(locale)}</i>.
                       </li>
                       <li>
-                        <FormattedMessage id='tuto.txt.14.5'/><i>{indices[0]?.ToString(locale)}</i>.
+                        Et votre indice est : <i>{indices[0]?.ToString(locale)}</i>.
                       </li>
                     </ul>
-                    <FormattedMessage id='tuto.txt.14.6.1'/><b><FormattedMessage id='tuto.txt.14.6.2'/></b><FormattedMessage id='tuto.txt.14.6.3'/><b><FormattedMessage id='tuto.txt.14.6.4'/></b><FormattedMessage id='tuto.txt.14.6.5'/>
+                    Vous avez à présent toutes les cartes en main pour deviner qui est le coupable, cliquer sur le bouton <b>Ask Everyone</b>, puis séléctionné un suspect pour émettre une <b>accusation</b> pour deviner, bonne chance !
                   </Card.Text>
                 </Card.Body>
               </Card>
           </Modal.Body>
           <Modal.Footer style={{display:'flex'}}>
-            <Button variant="primary" onClick={handleCloseTuto3}><FormattedMessage id='compris'/></Button>
+            <Button variant="primary" onClick={handleCloseTuto3}>Compris !</Button>
           </Modal.Footer>
         </Modal>
       </div>

cryptide_project/src/Script/LatexScript.tsx

@@ -64,6 +64,7 @@ function generateLatexCode(personsNet : PersonNetwork, choosenPerson : Person, c
         person.getFriends().forEach((friend) => {
             latexCode += `  \\draw (${person.getId()}) -- (${friend.getId()});\n`;
         });
+        console.log(person.getFriends().length);
     });
     
     latexCode += "\\end{tikzpicture}\n";
@@ -86,7 +87,7 @@ function generateLatexCode(personsNet : PersonNetwork, choosenPerson : Person, c
     latexCode += "\\end{compactitem}\n"
 
     //* Solution
-    latexCode += "Solution : " + choosenPerson.getName() + "\n";
+    latexCode += "% Solution : " + choosenPerson.getName() + "\n";
     
     latexCode += "\\end{document}\n"
 
@@ -146,6 +147,7 @@ function generateLatexCodeEnigme(personsNet : PersonNetwork, choosenPerson : Per
         person.getFriends().forEach((friend) => {
             latexCode += `  \\draw (${person.getId()}) -- (${friend.getId()});\n`;
         });
+        console.log(person.getFriends().length);
     });
     
     latexCode += "\\end{tikzpicture}\n";
@@ -192,14 +194,8 @@ function generateLatexCodeEnigme(personsNet : PersonNetwork, choosenPerson : Per
     latexCode += "\\end{compactitem}\n"
 
     //* Solution
-    latexCode += "Solution : " + choosenPerson.getName() + "\n";
+    latexCode += "% Solution : " + choosenPerson.getName() + "\n";
     
-    latexCode += "\\begin{compactitem}\n"
-    choosenIndices.forEach((indices, index) => {
-        latexCode += `\\item Indice ${index + 1}: ${indices.ToString("fr")}\n`
-    })
-
-    latexCode += "\\end{compactitem}\n"
     latexCode += "\\end{document}\n"
 
    return latexCode

cryptide_project/src/Translations/en.json

@@ -26,13 +26,6 @@
     "sign_up":" Sign up ",
     "log_out":" Log out ",
 
-    "indice":"Hint",
-    "param":"Settings",
-    "sfx":"Activate sounds",
-    "aide":"Help",
-
-    "majUn":"A",
-
     "join" : "Join",
     "create_room" : "Create room",
     "play_solo" : "Single player",
@@ -51,10 +44,6 @@
     "redhead": "Red",
     "brown": "Brown",
 
-
-    "oui": "yes",
-    "non": "no",
-
     "and": "and",
     "or": "or",
     "or_sport": "or",
@@ -79,80 +68,15 @@
     "sport_start": "The suspect plays at least",
     "sport_end": "",
 
-    "navbar.play" : "Play",
-    "navbar.presentation":"Presentation",
-    "navbar.info":"Information",
 
-    
-    "hard": "Hard",
-    "medium": "Medium",
-    "strong": "Strong",
-    "weak": "Weak",
-    "none": "None",
-    
-    "turn" : "Round",
-    "square":"square",
-    "round":"round",
-
-    "step": "Step",
-    "previous": "Previous",
-    "next": "Next",
-    "continue": "Continue",
-    "compris": "Understood!",
-    "close": "Close",
-
-    "regenerate":"Regenarte graph",
-    "BackHome" : "Back to home",
-    "askeveryone" : "Ask everyone",
-
-    "color.green":"Green",
-    "color.blue":"Blue",
-    "color.red":"Red",
-    "color.yellow":"Yellow",
-
-    "play.jouerseul": "Play alone",
-    "play.enigme": "Solve an enigma",
-    "play.enigme.easy": "Easy",
-    "play.enigme.medium": "Intermediate",
-    "play.enigme.hard": "Hard",
-
-    "play.create": "Create a game",
-    "play.tuto": "Tutorial",
-    "play.return": "Return to game",
-
-    "lobbies.all":"All",
-    "lobbies.dispo":"Disponible",
-
-    "placeholder.searchLobby": "Search for a lobby...",
-
-    "score.nbPlayed": "Games Played",
-    "score.best": "Best Score",
-    "score.moy": "Average Attempts",
-    "score.NbWin": "Number of Wins",
-    "score.ratio": "Win/Loss Ratio",
-    "score.bestTmp": "Best Time",
-    "score.moyTmp": "Average Time",
-    "score.nothing": "Nothing for the moment",
-
-    "score.titre.easy": "Easy Enigma",
-    "score.titre.int": "Intermediate Enigma",
-    "score.titre.hard": "Hard Enigma",
-    "score.online": "Online",
-
-    "score.tab.stat" : "Your Stats",
-    "score.tab.quoti" : "Daily",
-    "score.tab.hebdo" : "Weekly",
-
-    "lobby.players" : "Players",
-    "lobby.bienvenue": "Welcome to your lobby!",
-    "lobby.wait": "Wait for all your friends to join before starting the game.",
-    "lobby.invite": "Invite friends",
-    "lobby.copyLink": "Link copied",
-    "lobby.nbNode": "Select the number of nodes (between 20 and 60)",
-    "lobby.start": "Start the game!",
-
-    "game.yourTurn":"It's your turn !",
-    "game.wrong":"Wrong choice, put a square !",
+
+
+
+
+
+
+
+
 
     "informations" : "Information",
     "info.intro.title":"Introduction to the game :",
@@ -190,11 +114,6 @@
     "hair.chatain":"Brown",
     "hair.noir":"Black",
 
-    "param.node": "Select the number of nodes (between 20 and 50)",
-    "param.clue": "Select the number of clues (between 3 and 6)",
-    "param.valid": "Validate",
-
-
     "info.composant.sport.title":"Sports",
     "info.composant.sport":"The characters' hobbies are represented by five sports respectively :",
     "info.composant.baseball":"Baseball",
@@ -246,112 +165,5 @@
     "info.mdj.enigme.medium": "Intermediate Enigma",
     "info.mdj.enigme.medium.txt": "In this game mode, you don't have access to clues, but you have just enough information about some suspects to be able to guess the culprit. This information will help you guess the clues, and the culprit is the suspect for whom all the clues match. If you select the wrong suspect, don't worry! You'll have information about that suspect, making it easier for you to find the culprit. The goal is to find the culprit in the minimum number of guesses.",
     "info.mdj.enigme.hard": "Hard Enigma",
-    "info.mdj.enigme.hard.txt": "This final variant is similar to the intermediate enigma; however, you must find the culprit on the first try, or you lose! It's up to you to play! The goal is to find the culprit in the minimum amount of time.",
-
-    "tutorial.title": "Tutorial",
-
-    "tuto.title.1": "Welcome to SocialGraph!",
-    "tuto.txt.1.1": "You play as a glory-seeking detective faced with a crime.",
-    "tuto.txt.1.2": "However, other investigators are also on the case, all seeking the title of the world's best detective.",
-    "tuto.txt.1.3": "Each has a crucial clue to identify the culprit; you'll need to deduce your competitors' clues if you want to win!",
-    "tuto.txt.1.4": "Interrogate your competitors to get answers with yes or no, but beware, a refusal has consequences.",
-    "tuto.txt.1.5": "Be the first to deduce the clues of others and find the culprit to win the coveted recognition.",
-    "tuto.txt.1.6": "If you have any doubts, click on the 'help' button to display the current tutorial step.",
-
-    "tuto.title.2": "The Suspects",
-    "tuto.txt.2.1": "Here is how a suspect is represented; each suspect has different characteristics, including their name, age, sport, and hair color.",
-    "tuto.txt.2.2": "For example, here we have ",
-    "tuto.txt.2.2.1": ", who is ",
-    "tuto.txt.2.2.2": ", practicing ",
-    "tuto.txt.2.2.3": " and ",
-    "tuto.txt.2.2.4": ", has ",
-    "tuto.txt.2.2.5": " hair, and possesses ",
-
-    "tuto.title.3": "The Clues",
-    "tuto.txt.3.1": "In this game, each detective has a clue that identifies a characteristic of the culprit. Your clue is:",
-    "tuto.txt.3.2": "The suspect is between 20 and 29 years old.",
-
-    "tuto.title.4": "The Detectives",
-    "tuto.txt.4.1": "It is possible to see the detectives on the left side of the screen, represented by circles of different colors. The square outline means that the detective is in deep thought.",
-    "tuto.txt.4.2": "To interrogate a detective about a suspect, select the detective, then click on the suspect you want. The detective will respond with what he thinks of this suspect based on his clue.",
-
-    "tuto.title.5": "The Responses",
-    "tuto.txt.5.1": "Detectives will respond to you only with circles or squares of their color.",
-    "tuto.txt.5.2": " means that their clue clears the suspect.",
-    "tuto.txt.5.3": " means that their clue may incriminate the suspect.",
-    "tuto.txt.5.4": "For example, here:",
-    "tuto.txt.5.5.1": "Scooby-Doo's clue ",
-    "tuto.txt.5.5.2": "clears Logan.",
-    "tuto.txt.5.6": "Eleanor can be suspected based on Batman's clue.",
-    "tuto.txt.5.7.1": "Evelyn is cleared by the clues of ",
-    "tuto.txt.5.7.2": "3 different detectives.",
-
-    "tuto.title.6": "The Rules of the Game",
-    "tuto.txt.6.1.1": "This button takes you to the game's ",
-    "tuto.txt.6.1.2": "information page",
-    "tuto.txt.6.1.3": ", with all the rules of the game, including objectives, clues, flow, etc.",
-
-    "tuto.title.7": "The Clue",
-    "tuto.txt.7.1": "This button allows you to display your personal clue; keep it a secret! It is your best asset to win.",
-
-    "tuto.title.8": "Time to Practice!",
-    "tuto.txt.8.1": "Well done! You now have all the basics of a real detective.",
-    "tuto.txt.8.2": "You will now have a practical exercise for solving a case, alongside our dear Batman and Scooby-Doo.",
-    "tuto.txt.8.3": "Click 'Continue' to start your first game.",
-
-    "tuto.title.9": "First Steps",
-    "tuto.txt.9.1": "Welcome to this second part, where we will learn the flow of a real investigation.",
-    "tuto.txt.9.2.1": "First, select player ",
-    "tuto.txt.9.2.2": " and question them about the suspect named ",
-    "tuto.txt.9.2.3": " by clicking on the latter.",
-
-    "tuto.title.10": "Your First Turn",
-    "tuto.txt.10.1.1": "Great, ",
-    "tuto.txt.10.1.2": "Violet has been identified by Scooby-Doo's clue",
-    "tuto.txt.10.1.3": ", which is essential information! However, this does not necessarily ",
-    "tuto.txt.10.1.4": "mean",
-    "tuto.txt.10.1.5": " that she is guilty.",
-    "tuto.txt.10.2": "Now, it's the other players' turn to play; let's see what they did.",
-
-    "tuto.title.11": "Other Players' First Turn",
-    "tuto.txt.11.1.1": "It seems that Scooby-Doo also questioned Batman about Violet, and Batman responded with ",
-    "tuto.txt.11.1.2": "a square. This means Violet is not guilty and is innocent!",
-    "tuto.txt.11.2.1": "Scooby-Doo made a mistake by questioning someone who could clear Violet. As a ",
-    "tuto.txt.11.2.2": "punishment",
-    "tuto.txt.11.2.3": ", he must also place a square on another player, revealing more information about his clue. So now we know that Scooby-Doo's clue does not identify Sebastian.",
-    "tuto.txt.11.3": "Next, Batman questioned Scooby-Doo about Charlotte, identified by Scooby-Doo's clue.",
-
-    "tuto.title.12": "Second Turn",
-    "tuto.txt.12.1.1": "You notice that ",
-    "tuto.txt.12.1.2": "your clue also identifies Charlotte",
-    "tuto.txt.12.1.3": ", so what if we ask Batman if he thinks Charlotte is the culprit?",
-    "tuto.txt.12.2": "This would allow us to end the game!",
-
-    "tuto.title.13": "The Punishment",
-    "tuto.txt.13.1.1": "Oh no, it seems that Batman's clue clears Charlotte, and you have made a mistake; the ",
-    "tuto.txt.13.1.2": "punishment",
-    "tuto.txt.13.1.3": " applies!",
-    "tuto.txt.13.2.1": "So, you must place a ",
-    "tuto.txt.13.2.2": "square on another player",
-    "tuto.txt.13.2.3": ", revealing more information about your clue.",
-    "tuto.txt.13.3.1": "But all is not lost! Let's place our square on ",
-    "tuto.txt.13.3.2": "for that, select the desired suspect directly.",
-
-    "tuto.title.14": "The End of the Game",
-    "tuto.txt.14.1": "This turn is also rich in information!",
-    "tuto.txt.14.2": "You now have enough information to guess the clues of others:",
-    "tuto.txt.14.3": "Scooby-Doo seems to have:",
-    "tuto.txt.14.4": "Batman seems to have:",
-    "tuto.txt.14.5": "And your clue is:",
-    "tuto.txt.14.6.1": "You now have all the cards in hand to guess who the culprit is. Click the ",
-    "tuto.txt.14.6.2": "Ask Everyone",
-    "tuto.txt.14.6.3": " button, then select a suspect to make an ",
-    "tuto.txt.14.6.4": "accusation",
-    "tuto.txt.14.6.5": " to guess. Good luck!",
-
-    "history.mis": " placed a ",
-    "à": "to",
-    "history.cantPose": " can no longer place a square",
-    "history.NotCoupable": " is not the culprit!"
-
+    "info.mdj.enigme.hard.txt": "This final variant is similar to the intermediate enigma; however, you must find the culprit on the first try, or you lose! It's up to you to play! The goal is to find the culprit in the minimum amount of time."
 }

cryptide_project/src/Translations/es.json

@@ -67,12 +67,6 @@
     "sport_start": "El sospechoso juega al menos",
     "sport_end": "",
 
-    "navbar.play" : "Jugar",
-    "navbar.presentation":"Presentación",
-    "navbar.info":"Información",
-
-    "round":"Vuelta",
-
     "informations": "Información",
     "info.intro.title": "Introducción al juego:",
     "info.intro.text": "¡Bienvenido a nuestro emocionante juego de deducción, donde la intriga y la travesura se combinan en una emocionante aventura! Sumérgete en un mundo de misterio e intriga, donde cada interacción cuenta y cada pista te acerca a la verdad. Imagina un gráfico complejo donde cada vértice representa a una persona, cada eje una relación, y cada detalle cuenta. Te sumerges en un desafiante reto para descubrir quién entre estas personas es el misterioso asesino. Cada jugador tiene una pista crucial y solo el intercambio estratégico de estas pistas te llevará a resolver el misterio. Explora nuestra página de reglas para entender las complejidades del juego, descubre pistas que pueden guiarte y desarrolla estrategias inteligentes para identificar al culpable. ¡Manipula a tus amigos para ser el primero en descubrir quién es el asesino oculto en el gráfico! ¿Estás listo para aceptar el desafío y desenmascarar al asesino oculto en el gráfico? ¡Que comience la investigación!",

cryptide_project/src/Translations/fr.json

@@ -26,12 +26,6 @@
     "sign_up":" S'inscrire ",
     "log_out":" Se déconnecter ",
 
-    "indice":"Indice",
-    "param":"Paramètres",
-    "sfx":"Activer les sons",
-    "aide":"Aide",
-
-    "majUn":"Un",
 
     "join" : "Rejoindre",
     "create_room" : "Créer une partie",
@@ -50,10 +44,6 @@
     "redhead": "Roux",
     "brown": "Brun",
 
-
-    "oui": "oui",
-    "non": "non",
-
     "and": "et",
     "or": "ou",
     "or_sport": "ou du",
@@ -77,81 +67,15 @@
     "sport_start": "Le suspect pratique au moins du",
     "sport_end": "",
 
-    "navbar.play" : "Jouer",
-    "navbar.presentation":"Présentation",
-    "navbar.info":"Informations",
-
-    "hard" : "Difficile",
-    "medium" : "Intermédiaire",
-    "strong" : "Fort",
-    "weak" : "Faible",
-    "none" : "Aucun",
-
-    "turn" : "Tour",
-    "square":"carré",
-    "round":"rond",
-
-    "step" : "Étape",
-    "previous" : "Précédent",
-    "next" : "Suivant",
-    "continue" : "Poursuivre",
-    "compris":"Compris !",
-    "close" : "Fermer",
-
-    "askeveryone" : "Demandez à tous",
-
-    "regenerate":"Regénérer le graph",
-    "BackHome" : "Retour à l'accueil",
-
-    "color.green":"Vert",
-    "color.blue":"Bleu",
-    "color.red":"Rouge",
-    "color.yellow":"Jaune",
-
-    "play.jouerseul": "Mastermind",
-    "play.enigme": "Résoudre une énigme",
-    "play.enigme.easy": "Facile",
-    "play.enigme.medium": "Intermédiaire",
-    "play.enigme.hard": "Difficile",
-
-    "play.create":"Créer une partie",
-    "play.tuto": "Tutoriel",
-    "play.return": "Retourner à la partie",
-
-    "lobbies.all":"Tous",
-    "lobbies.dispo":"Disponibles",
-
-    "placeholder.searchLobby": "Rechercher un lobby...",
-
-    "score.nbPlayed" : "Parties Jouées",
-    "score.best" : "Best-Score",
-    "score.moy" : "Moyenne d'essai",
-    "score.NbWin" : "Nombre de victoire",
-    "score.ratio" : "Ratio V/D",
-    "score.bestTmp" : "Meilleur temps",
-    "score.moyTmp" : "Moyenne de temps",
-    "score.nothing" : "Rien pour le moment",
-
-    "score.titre.easy" : "Énigme facile",
-    "score.titre.int" : "Énigme intermédiaire",
-    "score.titre.hard" : "Énigme difficile",
-    "score.online" : "En ligne",
-
-    "score.tab.stat" : "Vos Stats",
-    "score.tab.quoti" : "Quotidien",
-    "score.tab.hebdo" : "Hebdomadaire",
-
-    "lobby.players" : "Joueurs",
-    "lobby.bienvenue" : "Bienvenue dans votre lobby !",
-    "lobby.wait" : "Attendez que tous vos amis rejoignent avant de lancer la partie.",
-    "lobby.invite" : "Inviter des amis",
-    "lobby.copyLink" : "Lien copié",
-    "lobby.nbNode" : "Sélectionner le nombre de noeud (entre 20 et 60) ",
-    "lobby.start" : "Démarrer la partie !",
-
-
-    "game.yourTurn":"À vous de jouer !",
-    "game.wrong":"Mauvais choix, posez un carré !",
+
+
+
+
+
+
+
+
+
 
     "informations" : "Informations",
     "info.intro.title":"Introduction au jeu :",
@@ -189,12 +113,6 @@
     "hair.chatain":"Châtain",
     "hair.noir":"Noir",
 
-
-    "param.node":"Sélectionner le nombre de noeuds (entre 20 et 50)",
-    "param.clue":"Sélectionner le nombre d'indices (entre 3 et 6)",
-    "param.valid":"Valider",
-
-
     "info.composant.sport.title":"Les Sports",
     "info.composant.sport":"Les loisirs des personnages sont représentés par cinq sports respectivement :",
     
@@ -247,113 +165,5 @@
     "info.mdj.enigme.medium":"L'énigme intermédiaire",
     "info.mdj.enigme.medium.txt":"Dans ce mode de jeu, vous n'avez pas accès au indice, mais vous avez juste assez d'informations sur certains suspects pour pouvoir deviner le coupable. Ces informations vont vous permettre de deviner les indices, et le coupable est le suspect pour lequel tous les indices correspondent. Si jamais vous sélectionnez le mauvais suspect, pas de panique ! Vous aurez les informations relatives à ce dernier, ce qui vous facilitera le travail pour trouver le coupable. L'objectif est donc de trouver le coupable en un minimum de coup.",
     "info.mdj.enigme.hard":"L'énigme difficile",
-    "info.mdj.enigme.hard.txt":"Cette dernière variante est similaire à l'énigme intermédiaire, cependant, il faudra trouver du premier coup sinon, vous aurez perdu ! À vous de jouer ! L'objectif est donc de trouver le coupable en un minimum de temps.",
-
-    "tutorial.title":"Tutoriel",
-    "tuto.title.1":"Bienvenue dans SocialGraph !",
-    "tuto.txt.1.1":"Vous incarnez un détective assoiffé de gloire, confronté à un crime.",
-    "tuto.txt.1.2":"Cependant, d'autres enquêteurs sont également sur le coup, tous cherchant à décrocher le titre de meilleur détective du monde.",
-    "tuto.txt.1.3":"Chacun possède un indice crucial pour identifier le coupable, il va falloir déduire l'indice de vos concurrents si vous souhaitez l'emporter !",
-    "tuto.txt.1.4":"Interrogez vos concurrents pour obtenir des réponses par oui ou non, mais méfiez-vous, un refus a des conséquences.",
-    "tuto.txt.1.5":"Soyez le premier à déduire les indices des autres et à trouver le coupable pour remporter la reconnaissance tant convoitée.",
-    "tuto.txt.1.6":"Si vous avez le moindre doute, cliquer sur le bouton 'aide' pour afficher l'étape actuel du tuto",
-
-    "tuto.title.2":"Les Suspects",
-    "tuto.txt.2.1":"Voici comment est représenté un suspect, chaque suspect possède différentes caractéristiques, que ce soit leur nom, âge, sport et leur couleur de cheveux.",
-    "tuto.txt.2.2":"Par exemple, ici, nous avons ",
-    "tuto.txt.2.2.1":", qui a ",
-    "tuto.txt.2.2.2":", qui pratique du ",
-    "tuto.txt.2.2.3":" et du ",
-    "tuto.txt.2.2.4":", qui a les cheveux ",
-    "tuto.txt.2.2.5":" et qui possède ",
-
-    "tuto.title.3":"Les indices",
-    "tuto.txt.3.1":"Dans ce jeu, chaque détective possède un indice, qui permet d'identifier une caractéristique du coupable, votre indice est le suivant :",
-    "tuto.txt.3.2":"Le suspect a entre 20 et 29 ans",
-    
-    "tuto.title.4":"Les Détectives",
-    "tuto.txt.4.1":"Il est possible de voir les détectives sur le côté gauche de l'écran, ils sont représentés par des cercles de couleurs différentes. Le contour carré signifie que ce détective est en pleine réflexion.",
-    "tuto.txt.4.2":"Pour interroger un détective à propos d'un suspect, il suffit de le sélectionner, puis de cliquer sur le suspect que vous souhaitez. Il vous répondra donc ce qu'il pense de ce suspect selon son indice.",
-
-    "tuto.title.5":"Les réponses",
-    "tuto.txt.5.1":"Les détéctives vous répondrons que par des ronds ou des carrés de leur couleur.",
-    "tuto.txt.5.2":" signifie que son indice innocente le suspect",
-    "tuto.txt.5.3":" signifie que son indice peut incréminer le suspect",
-    "tuto.txt.5.4":"Par exemple, ici :",
-    "tuto.txt.5.5.1":"l'indice du détéctive Scooby-Doo ",
-    "tuto.txt.5.5.2":" permet d'innocenter Logan",
-    "tuto.txt.5.6":"Eleanor peut être suspectée par l'indice du détective Batman ",
-    "tuto.txt.5.7.1":"Evelyn est innocentée par l'indice de ",
-    "tuto.txt.5.7.2":"3 détéctives différents",
-    
-    "tuto.title.6":"Les règles du jeu",
-    "tuto.txt.6.1.1":"Ce bouton vous mène à la page d'",
-    "tuto.txt.6.1.2":"information du jeu",
-    "tuto.txt.6.1.3":", avec toutes les règles du jeu, que ce soit les objectifs, les indices, le déroulement, etc.",
-
-    "tuto.title.7":"L'indice",
-    "tuto.txt.7.1":"Ce bouton vous permet d'afficher votre indice personnel, gardez le secret ! Il s'agit de votre meilleur atout pour gagner.",
-
-    "tuto.title.8":"Place à la pratique !",
-    "tuto.txt.8.1":"Bien joué ! Vous avez maintenant toutes les bases d'un veritable détéctive.",
-    "tuto.txt.8.2":"Vous allez à présent avoir un exercice pratique pour la résolution d'une enquête, au côté de ces très chère Batman et Scooby-Doo.",
-    "tuto.txt.8.3":"Cliquer sur 'Poursuivre' pour commencer votre première partie.",
-
-
-    "tuto.title.9":"Premier pas",
-    "tuto.txt.9.1":"Bienvenue dans cette seconde partie, où nous allons apprendre le déroulé d'une veritable enquête.",
-    "tuto.txt.9.2.1":"Dans un premier temps, sélectionnez le joueur ",
-    "tuto.txt.9.2.2":" et questionnez le à propos du suspect nommé ",
-    "tuto.txt.9.2.3":" en cliquant sur cette dernière.",
-
-    "tuto.title.10":"Votre premier tour",
-    "tuto.txt.10.1.1":"Super, ",
-    "tuto.txt.10.1.2":"Violet a été identifié par l'indice de Scooby-Doo",
-    "tuto.txt.10.1.3":", c'est une information essentielle ! Cependant, cela ne signifie ",
-    "tuto.txt.10.1.4":"pas forcément",
-    "tuto.txt.10.1.5":" qu'elle est coupable.",
-    "tuto.txt.10.2":"C'est à présent le tour aux autres joueurs de jouer, regardons ce qu'ils ont fait.",
-
-    "tuto.title.11":"Premier tour des autres joueurs",
-    "tuto.txt.11.1.1":"Il semblerait que Scooby-Doo ait lui aussi interrogé Batman à propos de Violet, et que ce dernier ait répondu ",
-    "tuto.txt.11.1.2":" par un carré. Cela signifie que Violet n'est pas coupable, et qu'elle est donc innocente !",
-    "tuto.txt.11.2.1":"Scooby-Doo a donc fait une erreur, en questionnant quelqu'un pouvant innocenter Violet. En guise de ",
-    "tuto.txt.11.2.2":"punition",
-    "tuto.txt.11.2.3":", il doit, lui aussi, poser un carré sur un autre joueur, révélant aussi plus d'information sur son indice.Nous savons donc maintenant que l'indice de Scooby-Doo ne permet pas d'identifier Sebastian.",
-    "tuto.txt.11.3":"Ensuite, Batman a questionné Scooby-Doo à propos de Charlotte, qui est identifié par l'indice de Scooby-Doo.",
-
-    "tuto.title.12":"Second tour",
-    "tuto.txt.12.1.1":"Vous remarquez que ",
-    "tuto.txt.12.1.2":"votre indice identifie lui aussi Charlotte",
-    "tuto.txt.12.1.3":", et si nous demandions à Batman, si ce dernier pense que Charlotte est la coupable ?",
-    "tuto.txt.12.2":"Cela nous permettrait donc de mettre fin à la partie !",
-
-    "tuto.title.13":"La punition",
-    "tuto.txt.13.1.1":"Mince, il semblerait que l'indice de Batman innocente Charlotte, et que vous avez donc commit une erreur, la ",
-    "tuto.txt.13.1.2":"punition",
-    "tuto.txt.13.1.3":" s'applique !",
-    "tuto.txt.13.2.1":"Vous devez donc poser un ",
-    "tuto.txt.13.2.2":"carré sur un autre joueur",
-    "tuto.txt.13.2.3":", révélant ainsi plus d'information sur votre indice.",
-    "tuto.txt.13.3.1": "Mais rien n'est joué ! Posons notre carré sur ",
-    "tuto.txt.13.3.2": "pour cela, sélectionnez directement le suspect désiré.",
-    
-    "tuto.title.14":"La fin du jeu",
-    "tuto.txt.14.1":"Ce tour est lui aussi riche en informations !",
-    "tuto.txt.14.2":"Vous avez à présent assez d'information pour deviner les indices des autres : ",
-    "tuto.txt.14.3":"Scooby-Doo semble avoir : ",
-    "tuto.txt.14.4":"Batman semble avoir : ",
-    "tuto.txt.14.5":"Et votre indice est : ",
-    "tuto.txt.14.6.1":"Vous avez à présent toutes les cartes en main pour deviner qui est le coupable, cliquer sur le bouton ",
-    "tuto.txt.14.6.2":"Ask Everyone",
-    "tuto.txt.14.6.3":", puis séléctionné un suspect pour émettre une ",
-    "tuto.txt.14.6.4":"accusation",
-    "tuto.txt.14.6.5":" pour deviner, bonne chance !",
-
-
-    "history.mis":" a mis un ",
-    "à":"à",
-    "history.cantPose":" ne peut plus poser de carré",
-    "history.NotCoupable":" n'est pas le coupable !"
+    "info.mdj.enigme.hard.txt":"Cette dernière variante est similaire à l'énigme intermédiaire, cependant, il faudra trouver du premier coup sinon, vous aurez perdu ! À vous de jouer ! L'objectif est donc de trouver le coupable en un minimum de temps."
 }
-

cryptide_project/src/Translations/pt.json

@@ -68,13 +68,6 @@
     "sport_start": "O suspeito joga pelo menos",
     "sport_end": "",
 
-    "navbar.play" : "Jogar",
-    "navbar.presentation":"Apresentação",
-    "navbar.info":"Informação",
-
-    "round":"ronda",
-
-
     "informations" : "Informação",
     "info.intro.title":"Introdução ao jogo:",
     "info.intro.text":"Bem-vindo ao nosso empolgante jogo de dedução, onde intriga e malícia se unem em uma aventura emocionante! Mergulhe em um mundo de mistério e intriga, onde cada interação conta, e cada pista o aproxima da verdade. Imagine um gráfico complexo onde cada vértice representa uma pessoa, cada eixo uma relação, e cada detalhe conta. Você está imerso em um desafio desafiador para descobrir quem, entre esses indivíduos, é o misterioso assassino. Cada jogador tem uma pista crucial, e apenas o compartilhamento estratégico dessas pistas o levará a resolver o mistério. Explore nossa página de regras para entender as complexidades do jogo, descobrir pistas que podem orientá-lo e desenvolver estratégias inteligentes para identificar o culpado. Manipule seus amigos para ser o primeiro a descobrir quem é o assassino escondido no gráfico. Você está pronto para aceitar o desafio e desmascarar o assassino oculto no gráfico? Que a investigação comece!",

cryptide_project/src/Translations/ru.json

@@ -68,11 +68,6 @@
     "sport_start": "Подозреваемый играет по меньшей мере в",
     "sport_end": "",
 
-    "navbar.play" : "Разыграть",
-    "navbar.presentation":"Презентационный",
-    "navbar.info":"Информация",
-
-    "round" : "Раунд",
 
     "informations" : "Информация",
     "info.intro.title":"Введение в игру :",

cryptide_project/src/model/DataManagers/DbUserService.ts

@@ -41,8 +41,6 @@ class DbUserService implements IUserService{
                     nbWins: sessionData.user.onlineStats.nbWins,
                     ratio: sessionData.user.onlineStats.ratio,
                 });
-                currentUser.nbNodes = sessionData.user.nbNodes || 25
-                currentUser.nbIndices = sessionData.user.nbIndices || 3
 
                 return [currentUser, true];
             } 
@@ -78,9 +76,6 @@ class DbUserService implements IUserService{
                     ratio: 0,
                 });
 
-                guestUser.nbNodes = 25
-                guestUser.nbIndices = 3
-
                 return [guestUser, false];
             }
         } catch (error) {
@@ -153,19 +148,6 @@ class DbUserService implements IUserService{
             console.error(error);
         }
     }
-
-    async changeNodesIndices(nbNodes: number, nbIndices: number): Promise<void> {
-        try {
-            const result = await SessionService.changeNodesIndices(nbNodes, nbIndices);
-            if (result) {
-                console.log("Nodes updated");
-            } else {
-                console.log("Nodes not updated");
-            }
-        } catch (error) {
-            console.error(error);
-        }
-    }
 }
 
 export default DbUserService

cryptide_project/src/model/DataManagers/IUserService.ts

@@ -2,7 +2,6 @@ import User from "../User";
 
 interface IUserService{
     fetchUserInformation(): Promise<[User | null, boolean]>
-    changeNodesIndices(nbNodes: number, nbIndices: number): Promise<void>
     addMastermindStats(pseudo: string, score: number, time: number): Promise<void>
     addEasyEnigmaStats(pseudo: string, win: number, time: number): Promise<void>
     // addMediumEnigmaStats(pseudo: string, win: number, time: number): Promise<void>

cryptide_project/src/model/EnigmeDuJourCreator.ts

@@ -29,7 +29,7 @@ class EnigmeDuJourCreator{
                         possibleIndices.forEach((possibleIndice, index) =>{
                             const tester = IndiceTesterFactory.Create(possibleIndice)
                             if (tester.Works(person)){
-                                 const t = veryTmpIndice.findIndex((tmpIndice) => tmpIndice.getId() == possibleIndice.getId())
+                                const t = veryTmpIndice.findIndex((tmpIndice) => tmpIndice.getId() == possibleIndice.getId())
                                 if (t != -1){
                                     veryTmpIndice.splice(t, 1)
                                 }
@@ -58,7 +58,10 @@ class EnigmeDuJourCreator{
                 }
                 possibleIndices = [...tmpPossibleIndices]
                 modifiedPersons.push(choosenPair)
+                console.log(possibleIndices)
             }
+            console.log("choosenIndice => " + choosenIndice.ToString("fr"))
+            console.log("possibleIndices => " + possibleIndices[0].ToString("fr"))
             modifiedPersons.forEach((pair) =>{
                 map.get(pair.first.getId())?.push(new Pair(choosenIndice, pair.second))
             })

cryptide_project/src/model/User.tsx

@@ -7,8 +7,6 @@ class User extends Player{
     public mediumEnigmaStats: any
     public hardEnigmaStats: any
     public onlineStats: any
-    public nbNodes: number = 25
-    public nbIndices: number = 3
 
     constructor(id: string, pseudo: string, profilePicture: string, soloStats: any, easyEnigmaStats: any, mediumEnigmaStats: any, hardEnigmaStats: any, onlineStats: any){
         super(id, pseudo, profilePicture || defaultImg)

cryptide_project/src/services/SessionService.tsx

@@ -2,6 +2,7 @@ import {ADRESSE_DBSERVER} from "../AdressSetup"
 
 class SessionService {
     static async getSession() {
+        
         try {
             const response = await fetch(ADRESSE_DBSERVER + '/session', {
                 method: 'GET',
@@ -10,9 +11,10 @@ class SessionService {
                 },
                 credentials: 'include',
             });
-    
+            
             if (response.ok) {
                 const result = await response.json();
+                console.log(result);
                 return result;
             } else {
                 const errorResponse = await response.json();
@@ -24,34 +26,6 @@ class SessionService {
         }
     }
 
-    static async changeNodesIndices(nbNodes: number, nbIndices: number) {
-        try {
-            const response = await fetch(ADRESSE_DBSERVER + '/session/updateNbNodes', {
-                method: 'PUT',
-                headers: {
-                    'Content-Type': 'application/json',
-                },
-                body: JSON.stringify({
-                    nbNodes,
-                    nbIndices
-                }),
-                credentials: 'include',
-            });
-    
-            if (response.ok) {
-                const result = await response.json();
-                return result;
-            } else {
-                const errorResponse = await response.json();
-                throw new Error(errorResponse.error);
-            }
-        } catch (error) {
-            console.error(error);
-            throw error;
-        }
-
-    }
-
     static async addMastermindStats(pseudo: string, score: number, time: number){
         try {
             const response = await fetch(ADRESSE_DBSERVER + '/session/addMastermindStats', {