From 6e3b1aaaecfb4175c0f7119591f8d1ef3461bcaf Mon Sep 17 00:00:00 2001 From: Darius BERTRAND Date: Fri, 6 Jan 2023 12:35:11 +0100 Subject: [PATCH] avancement configuration --- Site Web/client/src/assets/img/plus.png | Bin 0 -> 19876 bytes .../Configurations/ConfigurationDuCompte.js | 6 +- .../Configurations/ConfigurationDuProfil.js | 80 +++++++---- Site Web/client/src/pages/Configuration.js | 14 +- Site Web/client/src/styles/_settings.scss | 6 +- .../component/_configurationDuCompte.scss | 15 ++ .../component/_configurationDuProfil.scss | 130 +++++++++++++++++- .../_politiqueDeConfidentialite.scss | 46 +++---- Site Web/client/src/styles/index.scss | 1 + .../src/styles/pages/_configuration.scss | 45 ++++-- 10 files changed, 271 insertions(+), 72 deletions(-) create mode 100644 Site Web/client/src/assets/img/plus.png diff --git a/Site Web/client/src/assets/img/plus.png b/Site Web/client/src/assets/img/plus.png new file mode 100644 index 0000000000000000000000000000000000000000..36d8a4bd2345b21b4ad1efb22e8f08a2493d056b GIT binary patch literal 19876 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 literal 0 HcmV?d00001 diff --git a/Site Web/client/src/components/Configurations/ConfigurationDuCompte.js b/Site Web/client/src/components/Configurations/ConfigurationDuCompte.js index ba15f76f..b4768711 100644 --- a/Site Web/client/src/components/Configurations/ConfigurationDuCompte.js +++ b/Site Web/client/src/components/Configurations/ConfigurationDuCompte.js @@ -15,7 +15,7 @@ const ConfigurationDuCompte =()=>{

Modifucation information du compte

-
+
email @@ -46,7 +46,7 @@ const ConfigurationDuCompte =()=>{ value={controlPassword}/>
-
+

Suppression du compte

@@ -54,7 +54,7 @@ const ConfigurationDuCompte =()=>{ - gggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg +

Note : action irreversible qui vous fera perdre toutes les données du compte en conséquence

) diff --git a/Site Web/client/src/components/Configurations/ConfigurationDuProfil.js b/Site Web/client/src/components/Configurations/ConfigurationDuProfil.js index 6f0c730f..021d9b20 100644 --- a/Site Web/client/src/components/Configurations/ConfigurationDuProfil.js +++ b/Site Web/client/src/components/Configurations/ConfigurationDuProfil.js @@ -1,53 +1,85 @@ import React, { useState } from 'react'; import { useSelector } from 'react-redux'; import PP from "../../assets/img/unknown.png"; +import PLUS from "../../assets/img/plus.png"; import { NavLink } from "react-router-dom"; const ConfigurationDuProfil = ()=>{ + + const userData = useSelector((state) => state.user.user); const [pseudo, setPseudo] = useState(''); const [nomUtilisateur, setNomUtilisateur] = useState(''); + const [displayAdd, setDisplayAdd] = useState(false); + const handleModals=()=>{ + + + }; - return( + return(
-

Modifucation du Profil

+

Modifucation du Profil

- - -
+ +
Pseudo: Nom d'utilisateur: -
-
- - setNomUtilisateur (e.target.value)} - value={pseudo} - /> - setPseudo (e.target.value)} - /> -
+
+
+ setNomUtilisateur (e.target.value)} + value={nomUtilisateur} + /> + setPseudo (e.target.value)} + /> +

Acces au dossiers personnel

+
+
+ + +
+ dossiers + +
+ + {displayAdd && ( +
+
+
+ + +
+
+ + +
+
+
+ )}
) } -export default ConfigurationDuProfil; +export default ConfigurationDuProfil; \ No newline at end of file diff --git a/Site Web/client/src/pages/Configuration.js b/Site Web/client/src/pages/Configuration.js index 620be1d6..bfbfbb48 100644 --- a/Site Web/client/src/pages/Configuration.js +++ b/Site Web/client/src/pages/Configuration.js @@ -30,22 +30,24 @@ const Configuration = () => { return(
+
{ConfigurationProfil &&} {ConfigurationCompte &&} {PolitiqueConfidentialite &&} +
); } diff --git a/Site Web/client/src/styles/_settings.scss b/Site Web/client/src/styles/_settings.scss index 6d8e21d6..08a36eb4 100644 --- a/Site Web/client/src/styles/_settings.scss +++ b/Site Web/client/src/styles/_settings.scss @@ -5,6 +5,8 @@ $color-2: #CCF2F4; $color-3: #F4F9F9; $color-4: #AAAAAA; $color-5: #AABBCC; +$color-6: #5499c7 ; +$color-7: #1b4f72 ; @@ -17,6 +19,8 @@ $color-5: #AABBCC; // $color-6: yellow; + + * { padding: 0; margin: 0; @@ -24,7 +28,7 @@ $color-5: #AABBCC; } .imageDeProfil{ - object-fit: none; + object-fit: cover; clip-path:circle(50%); } diff --git a/Site Web/client/src/styles/component/_configurationDuCompte.scss b/Site Web/client/src/styles/component/_configurationDuCompte.scss index 680974c5..5225aa7b 100644 --- a/Site Web/client/src/styles/component/_configurationDuCompte.scss +++ b/Site Web/client/src/styles/component/_configurationDuCompte.scss @@ -25,9 +25,24 @@ margin-left: 6%; width: 16%; max-width: 160px; + min-width: 120px; background-color: $color-3; border: 2px solid $color-4; border-radius: 20px; + } + .buttonSuppressionText{ + margin-left: 2%; + max-width: 400px; + min-width: 200px; + width: 35%; + font-style: italic; + color: red; + opacity: 70%; + background-color: $color-3; + height: fit-content; + padding: 1%; + + } button:hover { background-color: $color-1; diff --git a/Site Web/client/src/styles/component/_configurationDuProfil.scss b/Site Web/client/src/styles/component/_configurationDuProfil.scss index ee1c7b3f..b908bfc0 100644 --- a/Site Web/client/src/styles/component/_configurationDuProfil.scss +++ b/Site Web/client/src/styles/component/_configurationDuProfil.scss @@ -1,8 +1,4 @@ -.modificationDuProfilBackgroud{ - // background: $color-6; - -} .modificationDuProfil{ display: flex; @@ -25,13 +21,38 @@ span{ } -.imageDeProfilConfiguration{ + +.plusButton{ + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + opacity: 0; + transition: opacity 0.5s; +} + + +.imageDeProfilConfigurationPlus { + position: relative; width: 15%; + max-width: 180px; + min-width: 130px; + border: none; + +} + +.imageDeProfilConfigurationPlus:hover .plusButton { + opacity:0.70; } + .imageDeProfilConfiguration:hover{ filter: blur(1px); + opacity: 0.2; + transition: opacity 1s; + } + .accesDossiersPerso{ display: flex; align-items: row; @@ -46,12 +67,111 @@ input{ margin-bottom: 2%; } + + .accesDossiersPerso{ display: flex; + flex-direction: column; } +.accesDossiersPersoValidation{ + flex-direction: row; +} .textAccesDossiersPerso{ margin-left:18px; + font-size: medium; + font-style: italic; + opacity: 70%; + } +.popup-modificationProfil{ + z-index: 100; + width: 100%; + height: 100%; + top: 0; + left: 0; + position: fixed; + animation: popup 1s forwards; + + @keyframes popup { + to { + backdrop-filter: blur(2px); + } + } + + .modal { + position: absolute; + top: 10%; + left: 50%; + transform: translate(-100%); + background: $color-2; + padding: 25px; + border-radius: 20px; + box-shadow: 0 0 2px rgba(131, 130, 130, 0.356); + overflow: auto; + transform: scaleY(0); + transform-origin: center; + animation: modal .5s forwards; + max-width: 360px; + min-width: 320px; + border: 2px solid $color-4; + border-bottom-right-radius: 50px; + + @keyframes modal { + to { + transform: scale(1) translate(-50%); + } + } + + &:hover { + transform: scale(1.07); + } + } + + + &::-webkit-scrollbar { + width: 2px; + } + &::-webkit-scrollbar-track { + background: $color-4; + } + &::-webkit-scrollbar-thumb { + background: $color-1; + } + &::-webkit-scrollbar-thumb:hover { + background: #555; + } + .imagesPopup{ + display: flex; + justify-content: space-between; + flex-direction: row; + + } + .imagesPopup{ + display: flex; + flex-direction: row; + justify-content: space-between; + + } + .buttonPopup { + display: flex; + flex-direction: row; + justify-content: space-between; + margin-top: 5%; + margin-left: 8%; + margin-right: 8%; + button{ + background: $color-4; + border-radius: 20px; + + &:hover { + color: $color-3; + transform: translateX(2px); + } + } + + } + +} diff --git a/Site Web/client/src/styles/component/_politiqueDeConfidentialite.scss b/Site Web/client/src/styles/component/_politiqueDeConfidentialite.scss index 394dc064..f05690b9 100644 --- a/Site Web/client/src/styles/component/_politiqueDeConfidentialite.scss +++ b/Site Web/client/src/styles/component/_politiqueDeConfidentialite.scss @@ -1,30 +1,30 @@ .PolitiqueDeConfidentialiteText{ - margin-top: 2%; - text-indent: 1%; - text-align: justify; - display: flex; - justify-content: center; - p{ - max-width:85% ; - min-width: 380px; - animation-duration: 3s; - animation-name: slidein; + margin-top: 2%; + text-indent: 1%; + text-align: justify; + display: flex; + justify-content: center; + p{ + max-width:85% ; + min-width: 380px; + animation-duration: 2s; + animation-name: slide; + - - @keyframes slidein { - from { - margin-top: 100%; - width: 50%; - } - - to { - margin-top: 0%; - width: 100%; - } + @keyframes slide { + from { + margin-top: 100%; + width: 50%; } - - } + + to { + margin-top: 0%; + width: 100%; + } + } + + } } diff --git a/Site Web/client/src/styles/index.scss b/Site Web/client/src/styles/index.scss index 734827f0..977b7ee7 100644 --- a/Site Web/client/src/styles/index.scss +++ b/Site Web/client/src/styles/index.scss @@ -10,6 +10,7 @@ @import'./component/politiqueDeConfidentialite'; @import './component/newPoste'; + @import './component/notif'; @import './component/trends'; diff --git a/Site Web/client/src/styles/pages/_configuration.scss b/Site Web/client/src/styles/pages/_configuration.scss index a985975f..1952efa1 100644 --- a/Site Web/client/src/styles/pages/_configuration.scss +++ b/Site Web/client/src/styles/pages/_configuration.scss @@ -1,28 +1,46 @@ + .boutonDeConfigurations{ + display: flex; - justify-content: center; + justify-content: space-between; flex-direction: row; + background-color: $color-7; + margin-left: -1%; + margin-right: 1%; + - button{ + a{ + + transition: margin-right 2s,1s; + transition: background-color linear 1s,1s; padding: 1%; margin-bottom: 1%; - margin-top: 2%; - margin-left: 6%; - width: 16%; - max-width: 200px; + margin-top: 1%; + margin-left: 3%; + margin-right: 3%; + width: 30%; + min-width: 140px; background-color: $color-3; border: 2px solid $color-4; border-radius: 20px; + text-align: center; + height: px; } - button:hover { - background-color: $color-1; - border-color: black; - + a:hover { + background-color: $color-6; + padding-right:14%; + color:$color-3; } } +.configuration{ + input:focus{ + background-color:$color-3; + } + margin-left: 1%; +} .ligneHorizontal{ border-bottom: thick solid $color-1; @@ -32,6 +50,13 @@ margin-top: 2%; } + +// body{ +// background-color: gray; +// } + + + .mainConfig{ display: flex; flex-direction: column;