starnakin/42_ft_transcendence
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

lang: register view

Browse Source
This commit is contained in:
AdrienLSH
2024-02-01 16:31:25 +01:00
parent 45ae11f96e
commit beb0cd4702
4 changed files with 29 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/static/js/views/accounts/LogoutView.js
View File

@ -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;
}

18
frontend/static/js/views/accounts/RegisterView.js
View File

@ -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>