michel/ft_transcendence
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

merge Ukrainia and Russia

Browse Source
This commit is contained in:
Xamora
2023-11-27 16:45:32 +01:00
parent 9c59401cf2 d490208ffa
commit ffbfe2ddd0
8 changed files with 137 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
frontend/static/js/views/accounts/LoginView.js
View File

@ -7,10 +7,18 @@ async function login()
let password = document.getElementById("password").value;
let response = await client.login(username, password);
let errors = await response.json();
let response_data = await response.json();
["username", "user", "password"].forEach(error_field => {
let error_display = document.getElementById(`error_${error_field}`);
if (error_display != null)
error_display.innerHTML = "";
});
errors.user.forEach(error => {
console.log(error)
Object.keys(response_data).forEach(error_field => {
let error_display = document.getElementById(`error_${error_field}`);
if (error_display != null)
error_display.innerHTML = response_data[error_field];
});
}
@ -21,18 +29,23 @@ export default class extends AbstractView {
document.body.addEventListener("click", e => {
e.preventDefault();
if (e.target.type == "button")
{
login();
}
});
}
async getHtml() {
return `
<input type="text" id="username" placeholder="username">
<input type="password" id="password" placeholder="password">
<input type="button" value="login">
<span id="login_failed"></span>
<div class=form>
<label>Login</label>
<link rel="stylesheet" href="static/css/accounts/login.css">
<input type="text" id="username" placeholder="username">
<span id="error_username"></span>
<input type="password" id="password" placeholder="password">
<span id="error_password"></span>
<input type="button" value="login">
<span id="error_user"></span>
<a href="/register" class="nav__link" data-link>Register</a>
</div>
`;
}
}

51
frontend/static/js/views/accounts/RegisterView.js Normal file
View File

@ -0,0 +1,51 @@
import AbstractView from "../AbstractView.js";
import { client } from "../../index.js";
async function register()
{
let username = document.getElementById("username").value;
let password = document.getElementById("password").value;
let response = await client.accounts.create(username, password);
let response_data = await response.json();
["username", "user", "password"].forEach(error_field => {
let error_display = document.getElementById(`error_${error_field}`);
if (error_display != null)
error_display.innerHTML = "";
});
Object.keys(response_data).forEach(error_field => {
let error_display = document.getElementById(`error_${error_field}`);
if (error_display != null)
error_display.innerHTML = response_data[error_field];
});
}
export default class extends AbstractView {
constructor(params) {
super(params);
this.setTitle("register");
document.body.addEventListener("click", e => {
e.preventDefault();
if (e.target.type == "button")
register();
});
}
async getHtml() {
return `
<div class=form>
<label>Register</label>
<link rel="stylesheet" href="static/css/accounts/register.css">
<input type="text" id="username" placeholder="username">
<span id="error_username"></span>
<input type="password" id="password" placeholder="password">
<span id="error_password"></span>
<input type="button" value="register">
<span id="error_user"></span>
<a href="/login" class="nav__link" data-link>Login</a>
</div>
`;
}
}