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

Merge branch 'master' of https://codefirst.iut.uca.fr/git/maxence.lanone/JTT_CrM

Browse Source
master
Théo DUPIN 3 years ago
parent 1dcbe78fc3 d8148c4fdd
commit 9c86676fc8
7 changed files with 48 additions and 50 deletions
Show Stats Download Patch File Download Diff File

10
src/App.js
Unescape View File

@ -3,16 +3,18 @@ import { BrowserRouter, Routes, Route } from 'react-router-dom';
import Compte from './pages/Compte';
import Connexion from './pages/Connexion';
import Admin from './pages/Admin.js';
import Admin_modif from './pages/Admin_modif.js';
import Admin_supp from './pages/Admin_supp.js';
const App = () => {
return (
<BrowserRouter>
<Routes>
<Route path="/" element={<Connexion />} />
<Route path="/Admin" element={<Admin />} />
<Route path="/Account" element={<Compte />} />
<Route path="/Admin_supp" element={<Admin_supp />} />
<Route path="/" element={<Connexion />} />
<Route path="/Admin" element={<Admin />} />
<Route path="/Account" element={<Compte />} />
<Route path="/Admin_modif" element={<Admin_modif />} />
<Route path="/Admin_supp" element={<Admin_supp />} />
</Routes>
</BrowserRouter>
);

23
src/components/NavigationAdmin.js
Unescape View File

@ -0,0 +1,23 @@
import React from 'react';
import { NavLink } from 'react-router-dom';
const NavigationAdmin = () => {
return (
<div className="nav_bar_verticale">
<img className="logo" srcSet="./LogoApp.svg"></img>
<NavLink className="create_user" to="/Admin">
<button id="user" className="bouton" type="button" value="Créer un utilisateur" onClick="Create_user()">Créer un nouvel utilisateur</button>
</NavLink>
<NavLink className="modify_user" to="/Admin_modif">
<button id="user" className="bouton" type="button" value="Modifier un utilisateur" /*onClick="Modify_user()"*/>Modifier un utilisateur</button>
</NavLink>
<NavLink className="delete_user" to="/Admin_supp">
<button id="user" className="bouton" type="button" value="Supprimer un utilisateur" /*onClick="Delete_user()"*/>Supprimer un utilisateur</button>
</NavLink>
</div>
);
};
export default NavigationAdmin;

14
src/pages/Admin.js
Unescape View File

@ -1,22 +1,12 @@
import React from 'react';
import NavigationAdmin from '../components/NavigationAdmin.js';
const Admin = () => {
return (
<div className="page_admin">
<NavigationAdmin />
{/* Create a admin page */}
<div className="nav_bar_verticale">
<img className="logo" srcSet="./LogoApp.svg"></img>
<div className="create_user">
<button id="user" className="bouton" type="button" value="Créer un utilisateur" onClick={Create_user}>Créer utilisateur</button>
</div>
<div className="modify_user">
<button id="user" className="bouton" type="button" value="Modifier un utilisateur" onClick={Modify_user}>Modifier utilisateur</button>
</div>
<div className="delete_user">
<button id="user" className="bouton" type="button" value="Supprimer un utilisateur" /*onClick={Delete_user}*/>Supprimer utilisateur</button>
</div>
</div>
<p className="Titre">Admin
<div className="Formulaire">
<form className="form">

14
src/pages/Admin_modif.js
Unescape View File

@ -1,21 +1,11 @@
import React from 'react';
import NavigationAdmin from '../components/NavigationAdmin.js';
const Admin_modif = () => {
return (
<div className="page_admin">
{/* Create a page to delete an user in the admin page*/}
<div className="nav_bar_verticale">
<img className="logo" srcSet="./LogoApp.svg"></img>
<div className="create_user">
<button id="user" className="bouton" type="button" value="Créer un utilisateur" onClick="Create_user()">Créer utilisateur</button>
</div>
<div className="modify_user">
<button id="user" className="bouton" type="button" value="Modifier un utilisateur" /*onClick="Modify_user()"*/>Modifier utilisateur</button>
</div>
<div className="delete_user">
<button id="user" className="bouton" type="button" value="Supprimer un utilisateur" /*onClick="Delete_user()"*/>Supprimer utilisateur</button>
</div>
</div>
<NavigationAdmin/>
<div className="Formulaire">
<p className="Titre">Admin</p>
<form className="form">

34
src/pages/Admin_supp.js
Unescape View File

@ -1,30 +1,22 @@
import React from 'react';
import NavigationAdmin from '../components/NavigationAdmin.js';
const Admin_supp = () => {
return (
<div className="page_admin">
{/* Create a page to delete an user in the admin page*/}
<div className="nav_bar_verticale">
<img className="logo" srcSet="./LogoApp.svg"></img>
<div className="create_user">
<button id="user" className="bouton" type="button" value="Créer un utilisateur" onClick="Create_user()">Créer utilisateur</button>
</div>
<div className="modify_user">
<button id="user" className="bouton" type="button" value="Modifier un utilisateur" /*onClick="Modify_user()"*/>Modifier utilisateur</button>
</div>
<div className="delete_user">
<button id="user" className="bouton" type="button" value="Supprimer un utilisateur" /*onClick="Delete_user()"*/>Supprimer utilisateur</button>
</div>
</div>
<p className="Titre">Admin
<form className="formulaire">
<table className="Formulaire_de_recherche">
<tr>
<input id="personne" type="search" className="texte_barre" placeholder="🔎 Rechercher un utilisateur" /*onClick={tab}*//>
</tr>
</table>
</form>
</p>
<NavigationAdmin/>
<p className="Titre">Admin</p>
<form className="formulaire">
<table className="Formulaire_de_recherche">
<tr>
<input id="personne" type="search" className="texte_barre" placeholder="🔎 Rechercher un utilisateur" /*onClick={tab}*//>
</tr>
<tr>
</tr>
</table>
</form>
</div>
);
};

2
src/pages/Connexion.js
Unescape View File

@ -64,7 +64,7 @@ function Connexion() {
Connexion
</label>
<label>
<input id="pseudo" className="text_zone" type="text" value={login} onChange={changeLogin} placeholder="Pseudo"/>
<input id="pseudo" className="text_zone" type="text" value={login} onChange={changeLogin} placeholder="Identifiant "/>
</label>
<label>
<input id="password" className="text_zone" type="password" value={password} onChange={changePassword} placeholder="Mot de passe"/>

1
src/styles/components/_admin.scss
Unescape View File

@ -9,6 +9,7 @@
display: flex;
flex-direction: column;
width: 200px;
height: 100%;
background: rgba(255, 255, 255, 0.143);
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
backdrop-filter: blur(3px);

Write Preview
Loading…
Cancel
Save