-
-
Repertoire
-
Liste des utilisateurs
-
-
-
-
-
-
-
-
-
-
-
- Nom
- Prénom
- Identifiant
- Téléphone
+ {/*
+
+
+
+ Entreprise
+ Nom
+ Prénom
+
+
+
+
+ {contacts.map((contact) => (
+ handleClick(event, contact.idcontact)}
+ // selected={contact.idcontact === selectedIdcontact}
+ >
+
+ {contact.idcustomer.name}
+ {contact.lastname}
+ {contact.firstname}
-
-
- {contacts.map((contact) => (
- handleClick(event, contact.idcontact)}
- // selected={contact.idcontact === selectedIdcontact}
- >
- {contact.lastname}
- {contact.firstname}
- {contact.phone}
- {contact.mail}
-
- ))}
-
-
-
-
-
-
-
+ ))}
+
+
+ */}
-
+
);
};
diff --git a/src/pages/RestartPassword.js b/src/pages/RestartPassword.js
new file mode 100644
index 0000000..0fac4bf
--- /dev/null
+++ b/src/pages/RestartPassword.js
@@ -0,0 +1,105 @@
+import axios from 'axios'
+import React, { useState, useEffect } from 'react';
+import NavigationAdmin from '../components/NavigationAdmin.js';
+import Admin from './Admin_create.js';
+import { useLocation } from "react-router-dom";
+import Select, { SelectChangeEvent } from '@mui/material/Select';
+import MenuItem from '@mui/material/MenuItem';
+import { NavLink } from 'react-router-dom';
+import CryptoJS from 'crypto-js';
+import { useNavigate } from "react-router-dom";
+
+
+const api = axios.create({
+ baseURL: 'http://localhost:8080'
+ })
+
+function RestartPassword() {
+ const location = useLocation();
+ const { iduser } = location.state;
+ console.log(iduser);
+
+ const [password, setPassword] = useState("");
+ const [confPassword, setConfPassword] = useState("");
+ const [newPassword, setNewPassword] = useState("");
+
+ const navigate = useNavigate();
+
+ function handleChangePassword(event){
+ setPassword(event.target.value);
+ };
+
+ function handleChangeConfPassword(event){
+ setConfPassword(event.target.value);
+ };
+
+ function handleChangeNewPassword(event){
+ setNewPassword(event.target.value);
+ };
+
+ function checkRestartPassword(event){
+
+ const formData = new FormData(event.currentTarget);
+ const values = Object.fromEntries(formData.entries());
+
+ event.preventDefault();
+
+ if(password === confPassword)
+ {
+ const apiString = '/User/Auth/Password/' + iduser + "/" + CryptoJS.SHA256(confPassword).toString(CryptoJS.enc.Hex);
+ api.get(apiString).then((response) => {
+ const login = response.data;
+ if (login.length > 0){
+ console.log(values.newPassword);
+
+ values.newPassword = CryptoJS.SHA256(newPassword).toString(CryptoJS.enc.Hex);
+
+ const apiStringUpdate = '/User/Update/Password/' + iduser;
+ api.put(apiStringUpdate, values).then((response) => {
+ console.log(response.data);
+ });
+
+ navigate("/Admin_list");
+ }
+ else{
+ console.log("trt");
+ }
+ });
+ }
+ }
+
+ return (
+
+
+ {/* Create a admin page */}
+
+
Admin
+
Modification d'utilisateur
+
+
+
+ );
+};
+
+export default RestartPassword;
\ No newline at end of file
diff --git a/src/styles/components/_admin.scss b/src/styles/components/_admin.scss
index 4907f7d..b396002 100644
--- a/src/styles/components/_admin.scss
+++ b/src/styles/components/_admin.scss
@@ -1,3 +1,8 @@
+.dark{
+ background-color: $xiketic;
+ color: white;
+}
+
body {
.page_admin {
@@ -8,63 +13,86 @@ body {
.nav_bar_verticale {
display: flex;
flex-direction: column;
- width: 200px;
+ justify-content: space-around;
+ margin: 10px;
+ width: 230px;
background: rgba(255, 255, 255, 0.143);
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(1.5px);
border-radius: 15px;
border: 1px solid rgba(255, 255, 255, 0.18);
- margin: 10px;
-
-
- .create_user {
- padding: 5px;
- text-decoration: none;
- align-self: center;
- }
- .modify_user {
- padding: 5px;
- text-decoration: none;
- align-self: center;
- }
+ .logoCRM {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-around;
+ align-items: center;
- .delete_user {
- padding: 5px;
- text-decoration: none;
- align-self: center;
+ .logo {
+ max-width: 150px;
+ max-height: 150px;
+ }
}
-
- .bouton {
+ .BoutonNav {
display: flex;
- justify-content: center;
- align-items: center;
- position: relative;
- width: 180px;
- height: 100px;
- border-radius: 10px;
- font-size: 13.5px;
- font-weight: bold;
- transition: 1s box-shadow;
- border: none;
- box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
- background-color: rgb(163, 163, 163, 0.371);
- border: 1px solid rgba(255,255,255,0.1);
- backdrop-filter: blur(30px);
- color: rgb(255, 255, 255);
- cursor: pointer;
- font-size: 17px;
-
- &:hover{
- box-shadow: 0, 5px, 35px, 0 rgba(0, 0, 0, 1);
- color: white;
- background-color: rgba(114, 114, 114, 0.371);
+ flex-direction: column;
+ justify-content: space-evenly;
+ height: 450px;
+ margin-bottom: 180px;
+
+ .create_user {
+ display: flex;
+ padding: 5px;
+ text-decoration: none;
+ align-self: center;
}
+
+ .modify_user {
+ display: flex;
+ padding: 5px;
+ text-decoration: none;
+ align-self: center;
+ }
+
+ .delete_user {
+ display: flex;
+ padding: 5px;
+ text-decoration: none;
+ align-self: center;
+ }
+
+ .list_devis {
+ display: flex;
+ padding: 5px;
+ text-decoration: none;
+ align-self: center;
+ }
+
+ .bouton {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ width: 150px;
+ height: 60px;
+ font-size: 17px;
+ font-weight: bold;
+ transition: 1s box-shadow;
+ border: none;
+ cursor: pointer;
+ color: white;
+ background-color: grey;
+ border-radius: 15px;
- &:active{
- background-color:rgba(68, 68, 68, 0.972);
+ &:hover {
+ color: white;
+ background-color: rgba(114, 114, 114, 0.371);
+ }
+
+ &:active {
+ background-color: rgba(68, 68, 68, 0.972);
+ }
}
}
}
@@ -74,14 +102,14 @@ body {
.Titre_Formulaire{
display: flex;
flex-direction: column;
+ margin: 10px 10px 10px 0px;
+ padding: 10px;
flex-basis: 100%;
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;
- padding: 10px;
.Titre {
display: flex;
@@ -198,42 +226,43 @@ body {
margin-top: 5%;
.bouton_val{
- //display: flex;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ width: 150px;
+ height: 40px;
+ font-size: 20px;
+ text-decoration: none;
+ color: white;
background-color: grey;
- border: 1px solid rgba(255, 255, 255, 0.1);
- backdrop-filter: blur(30px);
- color: rgb(255, 255, 255);
- cursor: pointer;
- font-size: 15px;
border-radius: 15px;
- width: 20%;
+ border: 0;
&:hover {
- box-shadow: 0, 5px, 35px, 0 rgba(0, 0, 0, 1);
color: white;
background-color: rgba(114, 114, 114, 0.371);
}
-
+
&:active {
background-color: rgba(68, 68, 68, 0.972);
}
}
.bouton_ann{
- //display: flex;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ width: 150px;
+ height: 40px;
+ font-size: 20px;
+ text-decoration: none;
+ color: white;
background-color: grey;
- border: 0px solid rgba(255, 255, 255, 0.1);
- backdrop-filter: blur(30px);
- color: rgb(255, 255, 255);
- cursor: pointer;
- font-size: 15px;
border-radius: 15px;
- width: 20%;
- text-decoration: none;
- text-align: center;
&:hover {
- box-shadow: 0, 5px, 35px, 0 rgba(0, 0, 0, 1);
color: white;
background-color: rgba(114, 114, 114, 0.371);
}
@@ -248,14 +277,14 @@ body {
.Titre_Formulaire_Rech{
display: flex;
flex-direction: column;
+ margin: 10px 10px 10px 0px;
+ padding: 10px;
flex-basis: 100%;
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;
- padding: 10px;
.Titre {
display: flex;
@@ -469,5 +498,24 @@ body {
}
}
}
+
+ .devis {
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+ margin: 10px 10px 10px 0;
+ 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);
+
+ .Titre {
+ display: flex;
+ margin: 10px;
+ font-size: 70px;
+ font-weight: bold;
+ }
+ }
}
}
\ No newline at end of file
diff --git a/src/styles/components/_analyse.scss b/src/styles/components/_analyse.scss
index 54cc0d0..166e983 100644
--- a/src/styles/components/_analyse.scss
+++ b/src/styles/components/_analyse.scss
@@ -1,7 +1,4 @@
-.dark{
- background-color: $xiketic;
- color: white;
-}
+
body {
diff --git a/src/styles/components/_calendrier.scss b/src/styles/components/_calendrier.scss
index b836b73..a0fe08e 100644
--- a/src/styles/components/_calendrier.scss
+++ b/src/styles/components/_calendrier.scss
@@ -1,7 +1,4 @@
-.dark{
- background-color: $xiketic;
- color: white;
-}
+
body {
diff --git a/src/styles/components/_compte.scss b/src/styles/components/_compte.scss
index 20dbbd2..98039f9 100644
--- a/src/styles/components/_compte.scss
+++ b/src/styles/components/_compte.scss
@@ -1,7 +1,4 @@
-.dark{
- background-color: $xiketic;
- color: white;
-}
+
body {
diff --git a/src/styles/components/_connexion.scss b/src/styles/components/_connexion.scss
index bc1ff41..cd111d7 100644
--- a/src/styles/components/_connexion.scss
+++ b/src/styles/components/_connexion.scss
@@ -1,7 +1,3 @@
-.dark{
- background-color: $xiketic;
- color: white;
-}
body {
.page_connexion {
diff --git a/src/styles/components/_dashboard.scss b/src/styles/components/_dashboard.scss
index 870974b..15c6f35 100644
--- a/src/styles/components/_dashboard.scss
+++ b/src/styles/components/_dashboard.scss
@@ -1,7 +1,4 @@
-.dark{
- background-color: $xiketic;
- color: white;
-}
+
body {
.page_dashboard {
diff --git a/src/styles/components/_parametre.scss b/src/styles/components/_parametre.scss
index bc57fd5..56dc3b2 100644
--- a/src/styles/components/_parametre.scss
+++ b/src/styles/components/_parametre.scss
@@ -1,8 +1,3 @@
-.dark{
- background-color: $xiketic;
- color: white;
-}
-
body {
background-color: $alice-blue;
color: black;
diff --git a/src/styles/components/_repertoire.scss b/src/styles/components/_repertoire.scss
index b7b355f..7ed5f78 100644
--- a/src/styles/components/_repertoire.scss
+++ b/src/styles/components/_repertoire.scss
@@ -1,17 +1,12 @@
-.dark{
- background-color: $xiketic;
- color: white;
-}
-
body {
-
- .page_Repertoire {
+
+ #page_repertoire {
display: flex;
flex-direction: column;
justify-content: space-evenly;
width: auto;
height: 100vh;
-
+
.haut_de_page {
display: flex;
flex-direction: row;
@@ -21,7 +16,7 @@ body {
height: 10%;
align-items: center;
margin: 10px 10px 5px 10px;
-
+
background: rgba(255, 255, 255, 0.3);
border-radius: 15px;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
@@ -31,7 +26,7 @@ body {
.titre {
font-size: 40px;
}
-
+
.rechLogo {
display: flex;
flex-direction: row;
@@ -85,9 +80,9 @@ body {
width: 100px;
height: 100px;
}
- }
+ }
}
-
+
.bas_de_page {
display: flex;
flex-direction: row;
@@ -98,7 +93,7 @@ body {
.nav_bar_verticale {
display: flex;
flex-direction: column;
- justify-content: space-around;
+ justify-content: space-evenly;
align-items: center;
width: 5%;
margin: 5px 5px 10px 10px;
@@ -153,7 +148,7 @@ body {
border: none;
cursor: pointer;
- .logo_nav_bar{
+ .logo_nav_bar {
display: flex;
margin: 10px;
height: 50px;
@@ -162,15 +157,105 @@ body {
}
}
- .Repertoire {
- display: flex;
- flex-direction: row;
- justify-content: space-between;
- width: 94.3%;
- height: auto;
- margin: 5px 10px 10px 5px;
+ .contenu {
+ width: 100%;
+ .searchAndAddButton {
+ height: 100px;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ width: 100%;
+ justify-content: space-between;
+
+ .boutonAddContact {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 40px;
+ min-width: 150px;
+ margin: 30px 30px;
+ border-radius: 25px;
+ box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
+ }
+
+ .input_box {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ position: relative;
+ height: 40px;
+ max-width: 350px;
+ width: 100%;
+ margin: 30px 30px;
+ border-radius: 25px;
+ box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
+
+ input {
+ position: relative;
+ width: 100%;
+ height: 100%;
+ padding: 0 15px 0 65px;
+ outline: none;
+ border: none;
+ border-radius: 25px;
+ font-size: 16px;
+ font-weight: 400;
+ color: #333;
+ }
+
+ .search {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ position: absolute;
+ left: 0;
+ top: 0;
+ height: 100%;
+ width: 60px;
+ border-radius: 25px 0 0 25px;
+
+ .search-icon {
+ font-size: 30px;
+ color: black;
+ }
+ }
+ }
+
+ }
+
+ .tabListContact {
+ margin-bottom: 20px;
+ padding-right: 10px;
+ height: 82%;
+ scroll-behavior: smooth;
+ overflow-y: scroll;
+
+ &::-webkit-scrollbar {
+ width: 15px;
+ }
+
+ &::-webkit-scrollbar-track {
+ background: #f1f1f1;
+ }
+
+ &::-webkit-scrollbar-thumb {
+ background: #888;
+ border-radius: 10px;
+ }
+
+ &::-webkit-scrollbar-thumb:hover {
+ background: #555;
+ }
+ .photoContact{
+ width: 50px;
+ height: 50px;
+ border-radius: 50%;
+ object-fit: cover;
+ border: 1px solid black;
+ }
+ }
}
}
}
-}
+}
\ No newline at end of file
diff --git a/src/styles/settings.scss b/src/styles/settings.scss
index 1bfe1c4..01c4180 100644
--- a/src/styles/settings.scss
+++ b/src/styles/settings.scss
@@ -14,19 +14,7 @@ $rufous: #9b2915ff;
$xiketic: #020114ff;
$beau-blue: #b1c5d2;
-/* SCSS HSL */
-$alice-blue: hsla(204, 28%, 93%, 1);
-$blue-munsell: hsla(190, 100%, 32%, 1);
-$malachite: hsla(142, 80%, 55%, 1);
-$rufous: hsla(9, 76%, 35%, 1);
-$xiketic: hsla(243, 90%, 4%, 1);
-
-/* SCSS RGB */
-$alice-blue: rgba(232, 238, 242, 1);
-$blue-munsell: rgba(0, 136, 163, 1);
-$malachite: rgba(50, 232, 117, 1);
-$rufous: rgba(155, 41, 21, 1);
-$xiketic: rgb(21, 18, 75);
+
/* SCSS Gradient */
$gradient-top: linear-gradient(0deg, #e8eef2ff, #0088a3ff, #32e875ff, #9b2915ff, #020114ff);
@@ -59,4 +47,9 @@ body {
li {
list-style-type: none;
+}
+
+.dark{
+ background-color: $xiketic;
+ color: white;
}
\ No newline at end of file
-