From f567943894415e378f073c126fadab9f2ccd48da Mon Sep 17 00:00:00 2001
From: Namonay <thek7995@gmail.com>
Date: Tue, 27 Feb 2024 18:24:04 +0100
Subject: [PATCH] Added back rules & translations... (skill issue with git)

---
 frontend/static/js/lang/cr.json           |  6 +++++-
 frontend/static/js/lang/en.json           |  6 +++++-
 frontend/static/js/lang/fr.json           |  6 +++++-
 frontend/static/js/lang/tp.json           |  6 +++++-
 frontend/static/js/views/TicTacToeView.js | 11 ++++++++---
 5 files changed, 28 insertions(+), 7 deletions(-)

diff --git a/frontend/static/js/lang/cr.json b/frontend/static/js/lang/cr.json
index 558e5d1..d0108d0 100644
--- a/frontend/static/js/lang/cr.json
+++ b/frontend/static/js/lang/cr.json
@@ -38,5 +38,9 @@
 	"profileBlock": "Quoicoubloquer",
 	"gameGoalTaken": "Tu es quoicoucringe",
 	"gamePlayersListName": "Crampteurs",
-	"ticTacToe": "Quoicoumorpion"
+	"ticTacToe": "Quoicoumorpion",
+	"ruleTitle" : "Règles cramptés",
+	"ruleBase" : "cramptun. Vous devez quouicougagner sur une des 9 quoicougrilles pour gagner la croustipartie",
+	"ruleMovement" : "quoicoudeux. Vous quoicommencez sur le morpion quoicoucentral, et jouez sur le quoicoumorpion correspondant a votre croustichoix a votre prochain cramptour",
+	"ruleDraw" : "cramptrois. Si votre quoicouchoix rempli entièrement un quoicoumorpion et provoque une cramptégalité, vous perdez"
 }
diff --git a/frontend/static/js/lang/en.json b/frontend/static/js/lang/en.json
index 11617b1..7d47ddf 100644
--- a/frontend/static/js/lang/en.json
+++ b/frontend/static/js/lang/en.json
@@ -38,5 +38,9 @@
 	"profileBlock": "Block",
 	"gameGoalTaken": "Goal Taken",
 	"gamePlayersListName": "Players",
-	"ticTacToe": "TicTacToe"
+	"ticTacToe": "TicTacToe",
+	"ruleTitle" : "Rules",
+	"ruleBase" : "1. Win on one of the 9 tictactoe to win the game",
+	"ruleMovement" : "2. You start on the central tictactoe, and play on the one corresponding to your choice on the next turn",
+	"ruleDraw" : "3. If your play cause a tictactoe to be full and a draw, you lose the game"	
 }
diff --git a/frontend/static/js/lang/fr.json b/frontend/static/js/lang/fr.json
index 04cedcd..b867d41 100644
--- a/frontend/static/js/lang/fr.json
+++ b/frontend/static/js/lang/fr.json
@@ -38,5 +38,9 @@
 	"profileBlock": "Bloquer",
 	"gameGoalTaken": "But pris",
 	"gamePlayersListName": "Joueurs",
-	"ticTacToe" : "Morpion"
+	"ticTacToe" : "Morpion",
+	"ruleTitle" : "Règles",
+	"ruleBase" : "1. Vous devez gagner sur une des 9 grilles pour gagner la partie",
+	"ruleMovement" : "2. Vous commencez sur le morpion central, et jouez sur le morpion correspondant a votre choix a votre prochain tour",
+	"ruleDraw" : "3. Si votre choix rempli entièrement un morpion et provoque une égalité, vous perdez"	
 }
diff --git a/frontend/static/js/lang/tp.json b/frontend/static/js/lang/tp.json
index 5254e1f..43f96c2 100644
--- a/frontend/static/js/lang/tp.json
+++ b/frontend/static/js/lang/tp.json
@@ -36,6 +36,10 @@
 	"profileAcceptRequest": "kama jo e ijo ni",
 	"profileUnblock": "Tawa ala e nimi pi jan ni",
 	"profileBlock": "Tawa e nimi pi jan ni",
-	"ticTacToe": "TicTacToe"
+	"ticTacToe": "TicTacToe",
+	"ruleTitle" : "Rules",
+	"ruleBase" : "1. Win on wan pi the 9 tictactoe tawa win the game",
+	"ruleMovement" : "2. Sina open on the central tictactoe, en play on the wan corresponding tawa your choice on the next turn",
+	"ruleDraw" : "3. If your play cause a tictactoe tawa be full en a draw, sina lose the game"	
 }
 
diff --git a/frontend/static/js/views/TicTacToeView.js b/frontend/static/js/views/TicTacToeView.js
index e79447c..f3b9bce 100644
--- a/frontend/static/js/views/TicTacToeView.js
+++ b/frontend/static/js/views/TicTacToeView.js
@@ -237,12 +237,17 @@ export default class extends AbstractView
     async getHtml() 
 	{
         return `
-            <h1>${lang.get('ticTacToe')}</h1>
+			<h1>${lang.get('ticTacToe')}</h1>
 			<div style="display: flex">
 				<canvas id="Morpion" width="${this.width}" height="${this.height}"></canvas>
-				<h2 style="margin-left: 5%">J'arrive a ecrire du html a droite 🤓🤓🤓🤓</h2>
+				<div>
+					<h2 style="padding-left: 50px"><B>${lang.get('ruleTitle')}</B></h2>
+					<h5 style="padding-left: 30px">${lang.get('ruleBase')}<br><br></h5>
+					<h5 style="padding-left: 30px">${lang.get('ruleMovement')}<br><br></h5>
+					<h5 style="padding-left: 30px">${lang.get('ruleDraw')}</h5>
+				</div>
 			</div>
-        `;
+		`;
     }
 }