forked from CRM_Production/JTT_CrM
master
parent
4f10889d9e
commit
23fb28a76e
@ -1,63 +1,82 @@
|
|||||||
import React from 'react';
|
import axios from 'axios'
|
||||||
import CryptoJS from 'crypto-js';
|
import React, { useState } from 'react';
|
||||||
|
|
||||||
|
const api = axios.create({
|
||||||
|
baseURL: 'http://localhost:8080'
|
||||||
|
})
|
||||||
|
|
||||||
|
function Connexion() {
|
||||||
|
|
||||||
const Connexion = () => {
|
const [auth, setAuth] = useState("");
|
||||||
return (
|
const [login, setLogin] = useState("");
|
||||||
<div className="page_connexion">
|
const [password, setPassword] = useState("");
|
||||||
{/* Create a connexion page */}
|
|
||||||
<img className="logo" srcSet="./LogoApp.svg"></img>
|
function changeLogin(event) {
|
||||||
<form>
|
setLogin(event.target.value);
|
||||||
<table className="formulaire_de_connexion">
|
}
|
||||||
<tr className="connexion_text">
|
|
||||||
|
function changePassword(event) {
|
||||||
|
setPassword(event.target.value);
|
||||||
|
}
|
||||||
|
|
||||||
|
function chechAuth(event) {
|
||||||
|
|
||||||
|
// No refresh on Click
|
||||||
|
event.preventDefault();
|
||||||
|
|
||||||
|
if (login === "") {
|
||||||
|
setAuth("Unknown");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (password === "") {
|
||||||
|
setAuth("Failed");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const apiString = '/User/Auth/' + login + "/" + password;
|
||||||
|
api.get(apiString).then((response) => {
|
||||||
|
const users = response.data;
|
||||||
|
if (users.length > 0)
|
||||||
|
if (users[0].result === 1)
|
||||||
|
setAuth("Succeed");
|
||||||
|
else
|
||||||
|
setAuth("Failed");
|
||||||
|
else
|
||||||
|
setAuth("Unknown");
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
if (auth === "Succeed") {
|
||||||
|
return(
|
||||||
|
<div>My CRM</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
return (
|
||||||
|
<div className="page_connexion">
|
||||||
|
<img className="logo" srcSet="./LogoApp.svg"></img>
|
||||||
|
<form onSubmit={chechAuth} className="formulaire_de_connexion">
|
||||||
|
<label className="connexion_text">
|
||||||
Connexion
|
Connexion
|
||||||
</tr>
|
</label>
|
||||||
<tr>
|
<label>
|
||||||
<input id="pseudo" className="text_zone" type="text" placeholder="Pseudo" />
|
<input id="pseudo" className="text_zone" type="text" value={login} onChange={changeLogin} placeholder="Pseudo"/>
|
||||||
</tr>
|
</label>
|
||||||
<tr>
|
<label>
|
||||||
<input id="password" className="text_zone" type="password" placeholder="Mot de passe" />
|
<input id="password" className="text_zone" type="text" value={password} onChange={changePassword} placeholder="Mot de passe"/>
|
||||||
</tr>
|
</label>
|
||||||
<tr className="envoyer">
|
<label className="envoyer">
|
||||||
<div className="memory_me">
|
<div className="memory_me">
|
||||||
<label htmlFor="checkbox">Se souvenir de moi</label>
|
<label htmlFor="checkbox">Se souvenir de moi</label>
|
||||||
<input type="checkbox" />
|
<input type="checkbox" />
|
||||||
</div>
|
</div>
|
||||||
<button type="submit" onClick={sendPseudo}>Se connecter</button>
|
</label>
|
||||||
</tr>
|
<button type="submit">Se connecter</button>
|
||||||
</table>
|
<p>{auth === ""?'':auth === "Failed"?'Authentification Failed':'User Unknown'}</p>
|
||||||
</form>
|
</form>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
<a className="forgot_pw" href="http://localhost">Mot de passe oublié ?</a>
|
}
|
||||||
</div>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
/* Envoyer le pseudo et le mot de passe */
|
|
||||||
function sendPseudo() {
|
|
||||||
var pseudo = document.getElementById("pseudo").value;
|
|
||||||
var password = document.getElementById("password").value;
|
|
||||||
// transforme le pseudo en son format sha256
|
|
||||||
console.log(password);
|
|
||||||
var password = CryptoJS.SHA256(password).toString(CryptoJS.enc.Hex);
|
|
||||||
console.log(password);
|
|
||||||
var data = {
|
|
||||||
pseudo: pseudo,
|
|
||||||
password: password
|
|
||||||
};
|
|
||||||
console.log(data);
|
|
||||||
// var xhr = new XMLHttpRequest();
|
|
||||||
// xhr.open("POST", "http://localhost:3000/api/auth/login", true);
|
|
||||||
// xhr.setRequestHeader('Content-Type', 'application/json');
|
|
||||||
// xhr.send(JSON.stringify(data));
|
|
||||||
// xhr.onreadystatechange = function () {
|
|
||||||
// if (xhr.readyState === 4 && xhr.status === 200) {
|
|
||||||
// var json = JSON.parse(xhr.responseText);
|
|
||||||
// console.log(json);
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
export default Connexion;
|
export default Connexion;
|
||||||
Loading…
Reference in new issue