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

Changement Page Admin

Browse Source
master
Théo DUPIN 3 years ago
parent 991c74f2f7
commit 1dcbe78fc3
5 changed files with 80 additions and 71 deletions
Show Stats Download Patch File Download Diff File

2
src/App.js
Unescape View File

@ -3,6 +3,7 @@ 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_supp from './pages/Admin_supp.js';
const App = () => {
return (
@ -11,6 +12,7 @@ const App = () => {
<Route path="/" element={<Connexion />} />
<Route path="/Admin" element={<Admin />} />
<Route path="/Account" element={<Compte />} />
<Route path="/Admin_supp" element={<Admin_supp />} />
</Routes>
</BrowserRouter>
);

6
src/pages/Admin.js
Unescape View File

@ -14,7 +14,7 @@ const Admin = () => {
<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>
<button id="user" className="bouton" type="button" value="Supprimer un utilisateur" /*onClick={Delete_user}*/>Supprimer utilisateur</button>
</div>
</div>
<p className="Titre">Admin
@ -65,10 +65,10 @@ function Modify_user(){
document.location.href = "http://localhost:3000/";
}
function Delete_user(){
/*function Delete_user(){
//document.getElementById("user").onclick = function() {Delete_user()};
document.location = './pages/Admin_supp';
console.log(document.location);
}
}*/
export default Admin;

6
src/pages/Admin_modif.js
Unescape View File

@ -7,13 +7,13 @@ const Admin_modif = () => {
<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 un nouvel utilisateur</button>
<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 un utilisateur</button>
<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 un utilisateur</button>
<button id="user" className="bouton" type="button" value="Supprimer un utilisateur" /*onClick="Delete_user()"*/>Supprimer utilisateur</button>
</div>
</div>
<div className="Formulaire">

26
src/pages/Admin_supp.js
Unescape View File

@ -7,26 +7,24 @@ const Admin_supp = () => {
<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 un nouvel utilisateur</button>
<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 un utilisateur</button>
<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 un utilisateur</button>
<button id="user" className="bouton" type="button" value="Supprimer un utilisateur" /*onClick="Delete_user()"*/>Supprimer utilisateur</button>
</div>
</div>
<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>
<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>
</div>
);
};

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

@ -9,7 +9,6 @@
display: flex;
flex-direction: column;
width: 200px;
height: 735px;
background: rgba(255, 255, 255, 0.143);
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
backdrop-filter: blur(3px);
@ -73,64 +72,74 @@
font-size: 30px;
}*/
.Formulaire {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
.Formulaire{
.Titre {
display: flex;
flex-direction: column;
border-radius: 30px;
margin: 100px;
padding: 30px;
align-items: center;
}
background: rgba(255, 255, 255, 0.3);
border-radius: 15px;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);
margin: 10px;
.texte {
align-self: center;
font-weight: bold;
padding: 10px;
}
.Formulaire {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
.texte_zone {
width: 600px;
height: 50px;
background-color: transparent;
border-radius: 5px;
border: 0.5px solid;
padding-left: 10px;
padding-right: 10px;
}
.Formulaire{
display: flex;
flex-direction: column;
border-radius: 30px;
margin: 100px;
padding: 30px;
align-items: center;
}
.bouton_val_ann {
width: 150px;
height: 40px;
border-radius: 10px;
border: 0.5px solid;
color: $white;
border: 0;
background-color: black;
border: 1px solid rgba(255, 255, 255, 0.1);
backdrop-filter: blur(30px);
color: rgb(255, 255, 255);
cursor: pointer;
font-size: 15px;
&:hover {
background-color: rgba(114, 114, 114, 0.371);
.texte {
align-self: center;
font-weight: bold;
padding: 10px;
}
&:active {
background-color: rgba(68, 68, 68, 0.972);
.texte_zone {
width: 600px;
height: 50px;
background-color: transparent;
border-radius: 5px;
border: 0.5px solid;
padding-left: 10px;
padding-right: 10px;
}
.bouton_submit{
display: flex;
flex-direction: row;
.bouton_val_ann {
width: 150px;
height: 40px;
border-radius: 10px;
border: 0.5px solid;
color: $white;
border: 0;
background-color: black;
border: 1px solid rgba(255, 255, 255, 0.1);
backdrop-filter: blur(30px);
color: rgb(255, 255, 255);
cursor: pointer;
font-size: 15px;
&:hover {
background-color: rgba(114, 114, 114, 0.371);
}
&:active {
background-color: rgba(68, 68, 68, 0.972);
}
.bouton_submit{
display: flex;
flex-direction: row;
}
}
}
}

Write Preview
Loading…
Cancel
Save