From beb0cd4702c079535bb5f7e6d1a9e9db42d3928d Mon Sep 17 00:00:00 2001
From: AdrienLSH <git.adrienlsh@42l.fr>
Date: Thu, 1 Feb 2024 16:31:25 +0100
Subject: [PATCH] lang: register view

---
 frontend/static/js/lang/en.json                | 10 +++++++++-
 frontend/static/js/lang/fr.json                | 10 +++++++++-
 .../static/js/views/accounts/LogoutView.js     |  4 ++--
 .../static/js/views/accounts/RegisterView.js   | 18 +++++++++---------
 4 files changed, 29 insertions(+), 13 deletions(-)

diff --git a/frontend/static/js/lang/en.json b/frontend/static/js/lang/en.json
index 0ea3a84..2126438 100644
--- a/frontend/static/js/lang/en.json
+++ b/frontend/static/js/lang/en.json
@@ -19,5 +19,13 @@
 	"loginFormButton": "Login",
 	"loginNoAccount": "No account yet?",
 	"loginRegister": "Register",
-	"errorEmptyField": "This field may not be blank."
+	"errorEmptyField": "This field may not be blank.",
+	"logoutWindowTitle": "Logout",
+	"registerWindowTitle": "Register",
+	"registerFormTitle": "Register",
+	"registerFormUsername": "Username",
+	"registerFormPassword": "Password",
+	"registerFormButton": "Register",
+	"registerAlreadyAccount": "Already have an account?",
+	"registerLogin": "Login"
 }
diff --git a/frontend/static/js/lang/fr.json b/frontend/static/js/lang/fr.json
index 3fb8fa3..0e310bc 100644
--- a/frontend/static/js/lang/fr.json
+++ b/frontend/static/js/lang/fr.json
@@ -19,5 +19,13 @@
 	"loginFormButton": "Connexion",
 	"loginNoAccount": "Pas de compte?",
 	"loginRegister": "S'inscrire",
-	"errorEmptyField": "Ce champ ne peut être vide."
+	"errorEmptyField": "Ce champ ne peut être vide.",
+	"logoutWindowTitle": "Déconnexion",
+	"registerWindowTitle": "S'inscrire",
+	"registerFormTitle": "S'inscrire",
+	"registerFormUsername": "Nom d'utilisateur",
+	"registerFormPassword": "Mot de passe",
+	"registerFormButton": "S'inscrire",
+	"registerAlreadyAccount": "Déjà un compte?",
+	"registerLogin": "Connexion"
 }
diff --git a/frontend/static/js/views/accounts/LogoutView.js b/frontend/static/js/views/accounts/LogoutView.js
index e60ffce..0007ade 100644
--- a/frontend/static/js/views/accounts/LogoutView.js
+++ b/frontend/static/js/views/accounts/LogoutView.js
@@ -1,10 +1,10 @@
-import { client, navigateTo } from "../../index.js";
+import { client, lang, navigateTo } from "../../index.js";
 import AbstractAuthentifiedView from "../abstracts/AbstractAuthentifiedView.js";
 
 export default class extends AbstractAuthentifiedView
 {
 	constructor(params, lastPageUrl = '/login') {
-		super(params, "Logout");
+		super(params, lang.get('logoutWindowTitle', 'Logout'));
 		this.lastPageUrl = lastPageUrl;
 	}
 
diff --git a/frontend/static/js/views/accounts/RegisterView.js b/frontend/static/js/views/accounts/RegisterView.js
index 9696feb..135a5d2 100644
--- a/frontend/static/js/views/accounts/RegisterView.js
+++ b/frontend/static/js/views/accounts/RegisterView.js
@@ -1,4 +1,4 @@
-import { client, navigateTo } from "../../index.js";
+import { client, lang, navigateTo } from "../../index.js";
 import { clear, fill_errors } from "../../utils/formUtils.js";
 import AbstractNonAuthentifiedView from "../abstracts/AbstractNonAuthentified.js";
 
@@ -10,9 +10,9 @@ async function register(redirectTo = '/home')
 	if (username === '' || password === '') {
 		clear("innerHTML", ["username", "password"]);
 		if (username === '')
-			document.getElementById('username').innerHTML = 'This field may not be blank.';
+			document.getElementById('username').innerHTML = lang.get('errorEmptyField', 'This field may not be blank.');
 		if (password === '')
-			document.getElementById('password').innerHTML = 'This field may not be blank.';
+			document.getElementById('password').innerHTML = lang.get('errorEmptyField', 'This field may not be blank.');
 		return;
 	}
 
@@ -30,7 +30,7 @@ async function register(redirectTo = '/home')
 
 export default class extends AbstractNonAuthentifiedView {
     constructor(params, lastUrlBeforeLogin = '/home') {
-        super(params, "Register", lastUrlBeforeLogin);
+        super(params, lang.get('registerWindowTitle', 'Register'), lastUrlBeforeLogin);
 		this.redirectTo = lastUrlBeforeLogin;
 	}
 
@@ -54,21 +54,21 @@ export default class extends AbstractNonAuthentifiedView {
         return `
 		<div class='container-fluid'>
 			<form class='border border-2 rounded bg-light-subtle mx-auto p-2 col-md-7 col-lg-4'>
-				<h4 class='text-center fw-semibold mb-4'>Register</h4>
+				<h4 class='text-center fw-semibold mb-4'>${lang.get('registerFormTitle', 'Register')}</h4>
 				<div class='form-floating mb-2'>
 					<input type='text' class='form-control' id='usernameInput' placeholder='Username'>
-					<label for='usernameInput'>Username</label>
+					<label for='usernameInput'>${lang.get('registerFormUsername', 'Username')}</label>
 					<span class='text-danger' id='username'></span>
 				</div>
 				<div class='form-floating'>
 					<input type='password' class='form-control' id='passwordInput' placeholder='Password'>
-					<label for='passwordInput'>Password</label>
+					<label for='passwordInput'>${lang.get('registerFormPassword', 'Password')}</label>
 					<span class='text-danger' id='password'></span>
 				</div>
 				<div class='d-flex'>
-					<button type='button' class='btn btn-primary mt-3 mb-2' id='registerButton'>Register</button>
+					<button type='button' class='btn btn-primary mt-3 mb-2' id='registerButton'>${lang.get('registerFormButton', 'Register')}</button>
 					<span class='text-danger my-auto mx-2' id='register'></span>
-					<p class='ms-auto mt-auto'>Already have an account? <a href='/login' data-link>Login</a></p>
+					<p class='ms-auto mt-auto'>${lang.get('registerAlreadyAccount', 'Already have an account?')} <a href='/login' data-link>${lang.get('registerLogin', 'Login')}</a></p>
 				</div>
 			</form>
 		</div>