maxence.lanone
/
JTT_CrM_test_ci
forked from CRM_Production/JTT_CrM
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ajoue composant menu

Browse Source
master
Maxence LANONE 3 years ago
parent 55938ca006
commit aceb59f6ec
6 changed files with 73 additions and 61 deletions
Show Stats Download Patch File Download Diff File

2
public/index.html
Unescape View File

@ -11,7 +11,7 @@
/>
<title>JTT CrM</title>
</head>
<body style="background-image:url(./fond_page_connexion.png); background-size: cover;">
<body>
<div id="root"></div>
</body>
</html>

6
src/App.js
Unescape View File

@ -1,13 +1,13 @@
import React from 'react';
import { BrowserRouter, Routes, Route } from 'react-router-dom';
import Connexion from './pages/Connexion';
/*import Admin from './pages/Admin.js';*/
// import Connexion from './pages/Connexion';
import Admin from './pages/Admin.js';
const App = () => {
return (
<BrowserRouter>
<Routes>
<Route path="*" element={<Connexion/>} />
<Route path="*" element={<Admin/>} />
</Routes>
</BrowserRouter>
);

11
src/components/Menu.js
Unescape View File

@ -0,0 +1,11 @@
import React from 'react';
const Menu = () => {
return (
<div>
</div>
);
};
export default Menu;

0
src/components/blabla
Unescape View File

3
src/pages/Admin.js
Unescape View File

@ -5,8 +5,9 @@ const Admin = () => {
return (
<div className="page_admin">
{/* Create a admin page */}
<div className="nav_bar_verticale"></div>
<div className="nav_bar_verticale">
<img className="logo" srcSet="./LogoApp.svg"></img>
</div>
<div className="create_user"></div>
</div>
);

112
src/pages/Connexion.js
Unescape View File

@ -1,63 +1,63 @@
import React from 'react';
import CryptoJS from 'crypto-js';
// import React from 'react';
// import CryptoJS from 'crypto-js';
const Connexion = () => {
return (
<div className="page_connexion">
{/* Create a connexion page */}
<img className="logo" srcSet="./LogoApp.svg"></img>
<form>
<table className="formulaire_de_connexion">
<tr className="connexion_text">
Connexion
</tr>
<tr>
<input id="pseudo" className="text_zone" type="text" placeholder="Pseudo" />
</tr>
<tr>
<input id="password" className="text_zone" type="password" placeholder="Mot de passe" />
</tr>
<tr className="envoyer">
<div className="memory_me">
<label htmlFor="checkbox">Se souvenir de moi</label>
<input type="checkbox" />
</div>
<button type="submit" onClick={sendPseudo}>Se connecter</button>
</tr>
</table>
</form>
// const Connexion = () => {
// return (
// <div className="page_connexion">
// {/* Create a connexion page */}
// <img className="logo" srcSet="./LogoApp.svg"></img>
// <form>
// <table className="formulaire_de_connexion">
// <tr className="connexion_text">
// Connexion
// </tr>
// <tr>
// <input id="pseudo" className="text_zone" type="text" placeholder="Pseudo" />
// </tr>
// <tr>
// <input id="password" className="text_zone" type="password" placeholder="Mot de passe" />
// </tr>
// <tr className="envoyer">
// <div className="memory_me">
// <label htmlFor="checkbox">Se souvenir de moi</label>
// <input type="checkbox" />
// </div>
// <button type="submit" onClick={sendPseudo}>Se connecter</button>
// </tr>
// </table>
// </form>
<a className="forgot_pw" href="http://localhost">Mot de passe oublié ?</a>
</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);
// }
// }
}
// /* 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;
Write Preview
Loading…
Cancel
Save