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

Modif Nav, Admin_modif,Admin_supp et Dashboard

Browse Source
master
Théo DUPIN 3 years ago
parent aee37a237e
commit e49038030d
5 changed files with 27 additions and 13 deletions
Show Stats Download Patch File Download Diff File

22
src/components/NavigationAdmin.js
Unescape View File

@ -7,17 +7,31 @@ const NavigationAdmin = () => {
<div className="nav_bar_verticale"> <div className="nav_bar_verticale">
<img className="logo" srcSet="./LogoApp.svg"></img> <img className="logo" srcSet="./LogoApp.svg"></img>
<NavLink className="create_user" to="/Admin"> <NavLink className="create_user" to="/Admin">
<button id="user" className="bouton" type="button" value="Créer un utilisateur">Créer utilisateur</button> <button id="bouton_créer" className="bouton" type="button" value="Créer un utilisateur" onClick={changeColor}>Créer utilisateur</button>
</NavLink> </NavLink>
<NavLink className="modify_user" to="/Admin_modif"> <NavLink className="modify_user" to="/Admin_modif">
<button id="user" className="bouton" type="button" value="Modifier un utilisateur">Modifier utilisateur</button> <button id="bouton_modif" className="bouton" type="button" value="Modifier un utilisateur" onClick={changeColor2}>Modifier utilisateur</button>
</NavLink> </NavLink>
<NavLink className="delete_user" to="/Admin_supp"> <NavLink className="delete_user" to="/Admin_supp">
<button id="user" className="bouton" type="button" value="Supprimer un utilisateur">Supprimer utilisateur</button> <button id="bouton_sup" className="bouton" type="button" value="Supprimer un utilisateur" onClick={changeColor3}>Supprimer utilisateur</button>
</NavLink> </NavLink>
</div> </div>
); );
}; };
function changeColor() {
let button = document.getElementById("bouton_créer");
button.style.backgroundColor = "rgb(170,170,170)";
}
function changeColor2() {
let button = document.getElementById("bouton_modif");
button.style.backgroundColor = "rgb(170,170,170)";
}
function changeColor3() {
let button = document.getElementById("bouton_sup");
button.style.backgroundColor = "rgb(170,170,170)";
}
export default NavigationAdmin; export default NavigationAdmin;

10
src/pages/Admin_modif.js
Unescape View File

@ -21,11 +21,6 @@ const Admin_modif = () => {
<p>Mot de passe :</p> <p>Mot de passe :</p>
</div> </div>
</tr> </tr>
<tr>
<div className="button_submit">
<button className="bouton_réini">Réinitialiser le mot de passe</button>
</div>
</tr>
<tr> <tr>
<input id="nom" className="texte_zone" type="text" placeholder="Nom..."/> <input id="nom" className="texte_zone" type="text" placeholder="Nom..."/>
<input id="prénom" className="texte_zone" type="text" placeholder="Prénom..."/> <input id="prénom" className="texte_zone" type="text" placeholder="Prénom..."/>
@ -33,6 +28,11 @@ const Admin_modif = () => {
<input id="identifiant" className="texte_zone" type="text" placeholder="Identifiant..."/> <input id="identifiant" className="texte_zone" type="text" placeholder="Identifiant..."/>
<input id="password" className="texte_zone" type="password" placeholder="Mot de passe (par default)..."/> <input id="password" className="texte_zone" type="password" placeholder="Mot de passe (par default)..."/>
</tr> </tr>
<tr>
<div className="button_submit">
<button className="bouton_réini">Réinitialiser le mot de passe</button>
</div>
</tr>
</table> </table>
</form> </form>
</div> </div>

1
src/pages/Admin_supp.js
Unescape View File

@ -42,5 +42,4 @@ const Admin_supp = () => {
); );
}; };
export default Admin_supp; export default Admin_supp;

4
src/pages/Dashboard.js
Unescape View File

@ -3,11 +3,11 @@ import React from 'react';
const Dashboard = () => { const Dashboard = () => {
return ( return (
<body className='corps_page_dashboard'> <body className="corps_page_dashboard">
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css"></link> <link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css"></link>
<div className='page_principale'> <div className="page_principale">
{/* Create a principal page */} {/* Create a principal page */}
<div className="haut_de_page"> <div className="haut_de_page">
<h2 className="titre">Dashboard</h2> <h2 className="titre">Dashboard</h2>

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

@ -48,7 +48,7 @@
transition: 1s box-shadow; transition: 1s box-shadow;
border: none; border: none;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
background-color: rgba(163, 163, 163, 0.371); background-color: rgb(163, 163, 163, 0.371);
border: 1px solid rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.1);
backdrop-filter: blur(30px); backdrop-filter: blur(30px);
color: rgb(255, 255, 255); color: rgb(255, 255, 255);
@ -145,6 +145,7 @@
border-radius: 5px; border-radius: 5px;
border: 1px solid black; border: 1px solid black;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
cursor: pointer;
} }
} }
} }

Write Preview
Loading…
Cancel
Save