noan.randon
/
Favor
3
2
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

page de configuration

Browse Source
pull/1/head
Darius BERTRAND 2 years ago
parent f5f2171b89
commit 94ae259c12
16 changed files with 37045 additions and 61 deletions
Show Stats Download Patch File Download Diff File

31437
Site Web/client/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

33
Site Web/client/src/components/ConfigurationDuCompte.js
Unescape View File

@ -0,0 +1,33 @@
import React from 'react';
import { NavLink } from "react-router-dom";
const ConfigurationDuCompte =()=>{
return(
<div>
<h2>Modifucation information du compte</h2>
<div className='ligneHorizontal'>
<div>
<span>adresse mail : mail</span>
<span>mot de passe : mdp</span>
<span>confirmer le mot de passe : mdp</span>
</div>
</div>
<h2>Suppression du compte</h2>
<div className='ligneHorizontal'/>
<div >
<button>
supprimer votre compte
</button>
<span>gggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg</span>
</div>
</div>
)
}
export default ConfigurationDuCompte;

29
Site Web/client/src/components/ConfigurationDuProfil.js
Unescape View File

@ -0,0 +1,29 @@
import React from 'react';
import PP from "../assets/img/unknown.png";
import { NavLink } from "react-router-dom";
const ConfigurationDuProfil = ()=>{
return(
<div>
<h2>Modifucation du Profil</h2>
<div className='ligneHorizontal'>
<img src={PP}/>
<div>
<span>Pseudo : Pseudo</span>
<span>Nom d'utilisateur : @Pseudo</span>
</div>
</div>
<h2>Acces au dossiers personnel</h2>
<div className='ligneHorizontal'/>
<div >
<caption> Rendre vos dossiers prives</caption>
</div>
</div>
)
}
export default ConfigurationDuProfil;

2
Site Web/client/src/components/Log/index.js
Unescape View File

@ -1,4 +1,4 @@
import React, { useState } from 'react' import React, { useState } from 'react';
import Connexion from './Connexion'; import Connexion from './Connexion';
import Inscription from './Inscription'; import Inscription from './Inscription';

3
Site Web/client/src/components/Navbar.js
Unescape View File

@ -75,8 +75,7 @@ const Navbar = () => {
</li> </li>
<li> <li>
<div onClick={logout} className='b'> <div onClick={logout} className='b'><svg xmlns="http://www.w3.org/2000/svg" className="svg-param" viewBox="0 0 256 256">
<svg xmlns="http://www.w3.org/2000/svg" className="svg-param" viewBox="0 0 256 256">
<path d="M128,24A104,104,0,1,0,232,128,104.11791,104.11791,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.09957,88.09957,0,0,1,128,216Zm12-88a12,12,0,1,1-12-12A12.01375,12.01375,0,0,1,140,128Zm48,0a12,12,0,1,1-12-12A12.01375,12.01375,0,0,1,188,128Zm-96,0a12,12,0,1,1-12-12A12.01375,12.01375,0,0,1,92,128Z"/> <path d="M128,24A104,104,0,1,0,232,128,104.11791,104.11791,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.09957,88.09957,0,0,1,128,216Zm12-88a12,12,0,1,1-12-12A12.01375,12.01375,0,0,1,140,128Zm48,0a12,12,0,1,1-12-12A12.01375,12.01375,0,0,1,188,128Zm-96,0a12,12,0,1,1-12-12A12.01375,12.01375,0,0,1,92,128Z"/>
</svg> </svg>
</div> </div>

24
Site Web/client/src/components/PolitiqueDeConfidentialite.js
Unescape View File

@ -0,0 +1,24 @@
import React from 'react';
import { NavLink } from "react-router-dom";
const PolitiqueDeConfidentialite =()=>{
return(
<div>
Cette politique de confidentialité s’applique au site : Designed By GG.
La présente politique de confidentialité a pour but d’exposer aux utilisateurs du site :
La manière dont sont collectées et traitées leurs données à caractère
personnel. Doivent être considérées comme données personnelles toutes les données étant susceptibles d’identifier un utilisateur. Il s’agit notamment du prénom et du nom, de l’âge, de l’adresse postale, l’adresse mail, la localisation de l’utilisateur ou encore son adresse IP ;
Quels sont les droits des utilisateurs concernant ces données ;
Qui est responsable du traitement des données à caractère personnes
collectées et traitées ;
A qui ces données sont transmises ;
Eventuellement, la politique du site en matière de fichiers “cookies”
</div>
)
}
export default PolitiqueDeConfidentialite;

2
Site Web/client/src/components/Routes/index.js
Unescape View File

@ -5,6 +5,7 @@ import Home from '../../pages/Home.js';
import Trends from '../../pages/Trends.js'; import Trends from '../../pages/Trends.js';
import Discover from '../../pages/Discover.js'; import Discover from '../../pages/Discover.js';
import Profil from '../../pages/Profil.js'; import Profil from '../../pages/Profil.js';
import Configuration from '../../pages/Configuration';
const index = () => { const index = () => {
return ( return (
@ -16,6 +17,7 @@ const index = () => {
<Route path="/discover" element={<Discover/>} /> <Route path="/discover" element={<Discover/>} />
<Route path="*" element={<HomeNavigation/>} /> <Route path="*" element={<HomeNavigation/>} />
<Route path="/profil" element={<Profil />} /> <Route path="/profil" element={<Profil />} />
<Route path="/configuration" element={<Configuration/>}/>
</Routes> </Routes>
</BrowserRouter> </BrowserRouter>
); );

74
Site Web/client/src/pages/configuration.js
Unescape View File

@ -1,35 +1,55 @@
import 'tachyons'; import 'tachyons';
import React from 'react'; import React, {useState} from 'react';
import PP from "../assets/img/unknown.png";
import { NavLink } from "react-router-dom"; import { NavLink } from "react-router-dom";
import Navbar from '../components/Navbar';
import ConfigurationDuProfil from '../components/ConfigurationDuProfil';
import ConfigurationDuCompte from '../components/ConfigurationDuCompte.js';
import PolitiqueDeConfidentialite from '../components/PolitiqueDeConfidentialite';
function Configuration(props){
function configuration(){ const [ConfigurationCompte, setConfigurationDuCompte] = useState(props.configCompte);
const [ConfigurationProfil, setConfigurationDuProfil] = useState(props.configProfil);
const [PolitiqueConfidentialite, setPolitiqueDeConfidentialite] =useState(props.PolitiqueConf)
const handleModals = (e) => {
if (e.target.id === "ConfigurationDuProfil") {
setConfigurationDuCompte(false);
setPolitiqueDeConfidentialite(false);
setConfigurationDuProfil(true);
} else if (e.target.id === "ConfigurationDuCompte") {
setConfigurationDuCompte(true);
setPolitiqueDeConfidentialite(false);
setConfigurationDuProfil(false);
} else if (e.target.id ==="PolitiqueDeConfidentialite"){
setConfigurationDuCompte(false);
setPolitiqueDeConfidentialite(true);
setConfigurationDuProfil(false);
}
};
return( return(
<div> <>
<div className='ligneVertical'>
<button ></button>
<button ></button>
<button ></button>
</div>
<div>
<h2>Modifucation information du compte</h2>
<div className='ligneHorizontal'>
<img src={PP}/>
<div>
<span>Pseudo : Pseudo</span>
<span>Nom d'utilisateur : @Pseudo</span>
</div>
</div>
<h2>Acces au dossiers personnel</h2>
<div className='ligneHorizontal'>
<caption> Rendre vos dossiers prives</caption>
</div> <div className='boutonDeConfigurations'>
</div>
</div> <button onClick={handleModals} id="ConfigurationDuProfil" className={ConfigurationProfil} >
Configuration du profil
</button>
<button onClick={handleModals} id="ConfigurationDuCompte" className={ConfigurationCompte}>
Configuration du compte
</button>
<button onClick={handleModals} id="PolitiqueDeConfidentialite" className={PolitiqueConfidentialite}>
Politique de confidentialite
</button>
<div className='ligneVertical'/>
</div>
{ConfigurationProfil &&<ConfigurationDuProfil/>}
{ConfigurationCompte &&<ConfigurationDuCompte/>}
{PolitiqueConfidentialite &&<PolitiqueDeConfidentialite/>}
</>
); );
} }
export default Configuration;

11
Site Web/client/src/styles/_settings.scss
Unescape View File

@ -4,6 +4,17 @@ $color-1: #A4EBF3;
$color-2: #CCF2F4; $color-2: #CCF2F4;
$color-3: #F4F9F9; $color-3: #F4F9F9;
$color-4: #AAAAAA; $color-4: #AAAAAA;
$color-5: #AABBCC;
// $color-1: #4cbfa6;
// $color-2: #f6ebf4;
// $color-3: #553283ef;
// $color-4: #ed0b70;
// $color-5: #301008;
// $color-6: yellow;
* { * {
padding: 0; padding: 0;

1
Site Web/client/src/styles/index.scss
Unescape View File

@ -3,3 +3,4 @@
@import './pages/homenavigation'; @import './pages/homenavigation';
@import './pages/profil'; @import './pages/profil';
@import './component/poste'; @import './component/poste';
@import './pages/configuration';

17
Site Web/client/src/styles/pages/_configuration.scss
Unescape View File

@ -0,0 +1,17 @@
.ligneVertical{
border-right: thick solid $color-1;
height:85%;
width: 1%;
}
.boutonDeConfigurations{
width: 20%;
}
.ligneHorizontal{
border-top: thick solid $color-1;
width: 78%;
height: 1%;
}

42
Site Web/client/src/styles/pages/_homenavigation.scss
Unescape View File

@ -1,7 +1,4 @@
$color-1: #A4EBF3;
$color-2: #CCF2F4;
$color-3: #F4F9F9;
$color-4: #AAAAAA;
.ul-profil{ .ul-profil{
list-style-type: none; list-style-type: none;
@ -12,18 +9,17 @@ $color-4: #AAAAAA;
cursor: pointer; cursor: pointer;
border: 3px solid black; border: 3px solid black;
border-radius: 20px; border-radius: 20px;
padding: 10px 20px; padding: 10px 5%;
transition: 0.2s; transition: 0.2s;
width: 150px; width: 96%;
height: 45px;
text-align: center; text-align: center;
margin-top: 10px; margin-top: 6%;
} }
.active-btn { .active-btn {
background: $color-1; background: $color-3;
&:hover { &:hover {
background: $color-2; background: $color-5;
} }
} }
.button-form:not(.active-btn) { .button-form:not(.active-btn) {
@ -38,7 +34,7 @@ $color-4: #AAAAAA;
width: 20%; width: 20%;
border: 2px solid black; border: 2px solid black;
border-radius: 0px 15px 15px 0px; border-radius: 0px 15px 15px 0px;
background-color: aliceblue; background-color: $color-3;
p{ p{
line-height: 15px; line-height: 15px;
letter-spacing: 1.01px; letter-spacing: 1.01px;
@ -52,7 +48,7 @@ $color-4: #AAAAAA;
display: flex; display: flex;
flex-direction: row-reverse; flex-direction: row-reverse;
justify-content: center; justify-content: center;
padding-top: 2%; padding-top: 4%;
} }
@ -64,34 +60,34 @@ $color-4: #AAAAAA;
.cadre { .cadre {
padding: 50px 50px; padding: 5% 10%;
border: 2px solid black; border: 2px solid black;
border-right: 0px solid black; border-right: 0px solid black;
border-radius: 15px 0px 0px 15px; border-radius: 15px 0px 0px 15px;
background-color: $color-1; background-color: $color-1;
h1 { h1 {
letter-spacing: 5px; letter-spacing: 5px;
margin-bottom: 60px; margin-bottom: 30%;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
} }
.inputbox { .inputbox {
position: relative; position: relative;
width: 300px; width: 100%;
margin-top: 25px; margin-top: 4%;
input { input {
width: 100%; width: 100%;
border: 2px solid #000; border: 2px solid #000;
outline: none; outline: none;
background-color: $color-3; background-color: $color-3;
padding: 10px; padding: 4%;
border-radius: 10px; border-radius: 10px;
font-size: 1.1em; font-size: 1.1em;
} }
span { span {
position: absolute; position: absolute;
top: 14px; top: 12px;
left: 20px; left: 6%;
font-size: 1em; font-size: 1em;
transition: 0.3s; transition: 0.3s;
font-family: sans-serif; font-family: sans-serif;
@ -131,7 +127,7 @@ input[type="submit"], .buttonTEL{
border-radius: 8px; border-radius: 8px;
border: 2px solid #000; border: 2px solid #000;
background-color: $color-3; background-color: $color-3;
width: 300px; width: 100%;
height: 50px; height: 50px;
} }
@ -141,7 +137,7 @@ input[type="submit"], .buttonTEL{
} }
input[type="submit"]:hover, .buttonTEL:hover{ input[type="submit"]:hover, .buttonTEL:hover{
background-color: $color-4; background-color: $color-5;
} }
.mdp{ .mdp{
@ -158,3 +154,7 @@ input[type="submit"]:hover, .buttonTEL:hover{
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.formulaire{
width: 35%;
}

3
Site Web/client/src/styles/pages/_profil.scss
Unescape View File

@ -32,7 +32,8 @@
} }
#bandeauProfil{ #bandeauProfil{
background-color: aqua; background-color: $color-3;
margin-top: 50px; margin-top: 50px;
padding-top: 1%;
} }

8
Site Web/client/src/styles/pages/configuration.scss
Unescape View File

@ -1,8 +0,0 @@
.ligneVertical{
border-right: thick solid #000;
height:85%;
}
.ligneHorizontal{
border-top: thick solid #000;
width: 78%;
}

5418
Site Web/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

2
Site Web/package.json
Unescape View File

@ -18,7 +18,7 @@
"dotenv": "^16.0.3", "dotenv": "^16.0.3",
"express": "^4.18.2", "express": "^4.18.2",
"jsonwebtoken": "^8.5.1", "jsonwebtoken": "^8.5.1",
"mongoose": "^6.6.6", "mongoose": "^6.7.2",
"nodemon": "^2.0.20", "nodemon": "^2.0.20",
"validator": "^13.7.0" "validator": "^13.7.0"
} }

Write Preview
Loading…
Cancel
Save