Affichage postes
continuous-integration/drone/push Build encountered an error
Details
continuous-integration/drone/push Build encountered an error
Details
Noan07
2 years ago
commit
eb3240ff4a
|
After Width: | Height: | Size: 3.4 KiB |
|
After Width: | Height: | Size: 19 KiB |
@ -1,53 +1,108 @@
|
||||
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 [updateImage, setUpdateImage]= useState(false);
|
||||
const setimageDeProfile=()=>{
|
||||
if(updateImage=true){
|
||||
useState("");
|
||||
setDisplayAdd(false);
|
||||
}
|
||||
else{
|
||||
setDisplayAdd(false);
|
||||
}
|
||||
}*/
|
||||
var handleLoadFile=(e)=>{
|
||||
var image = document.getElementById("output");
|
||||
image.src = URL.createObjectURL(e.target.files[0]);
|
||||
|
||||
};
|
||||
var a=PP;
|
||||
return(
|
||||
|
||||
<div className='modificationDuProfilBackgroud'>
|
||||
<h2 className='ligneHorizontal' >Modifucation du Profil</h2>
|
||||
<h2 className='ligneHorizontal' >Modifucation du Profil</h2>
|
||||
<div className='modificationDuProfil' >
|
||||
<img src={PP} className="imageDeProfilConfiguration imageDeProfil"/>
|
||||
|
||||
<div className='modificationDuProfilText'>
|
||||
<button className='imageDeProfilConfigurationPlus imageDeProfil' >
|
||||
<img src={PLUS} className="plusButton "/>
|
||||
<img src={a} className="imageDeProfilConfiguration imageDeProfil" onClick={() => setDisplayAdd(true)}/>
|
||||
</button>
|
||||
<div className='modificationDuProfilText alignementText'>
|
||||
<span>Pseudo: </span>
|
||||
<span>Nom d'utilisateur:</span>
|
||||
</div>
|
||||
<div className='modificationDuProfilText'>
|
||||
|
||||
<input
|
||||
type="nomUtilisateur"
|
||||
name="nomUtilisateur"
|
||||
id="nomUtilisateur"
|
||||
onChange={(e) => setNomUtilisateur (e.target.value)}
|
||||
value={pseudo}
|
||||
/>
|
||||
<input
|
||||
type="pseudo"
|
||||
name="pseudo"
|
||||
id="pseudo"
|
||||
value={pseudo}
|
||||
onChange={(e) => setPseudo (e.target.value)}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div className='modificationDuProfilText'>
|
||||
|
||||
<input className='inputConfiguration'
|
||||
type="nomUtilisateur"
|
||||
name="nomUtilisateur"
|
||||
id="nomUtilisateur"
|
||||
onChange={(e) => setNomUtilisateur (e.target.value)}
|
||||
value={nomUtilisateur}
|
||||
/>
|
||||
<input className='inputConfiguration'
|
||||
type="pseudo"
|
||||
name="pseudo"
|
||||
id="pseudo"
|
||||
value={pseudo}
|
||||
onChange={(e) => setPseudo (e.target.value)}
|
||||
/>
|
||||
|
||||
|
||||
</div>
|
||||
<button className='buttonValidationChangements'>Valider</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2 className='ligneHorizontal' >Acces au dossiers personnel</h2>
|
||||
<div className='accesDossiersPerso'>
|
||||
<div className='accesDossiersPersoValidation'>
|
||||
<input type="checkbox" name='cocher' />
|
||||
<label for="cocher" class='textAccesDossiersPerso'>Cocher si oui</label>
|
||||
</div>
|
||||
|
||||
|
||||
<div className='dossierPersonnel'>
|
||||
<span>dossiers</span>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{displayAdd && (
|
||||
<div className='popup-modificationProfil'>
|
||||
<div className="modal">
|
||||
<div className='imagesPopup'>
|
||||
<img src={PP} className="imageDeProfilConfigurationPlus imageDeProfil"/>
|
||||
<div className="imageDeProfilConfigurationPlus imageDeProfil profile-pic" >
|
||||
<label className="-label" for="file">
|
||||
<span class="camera"></span>
|
||||
<span>Changer</span>
|
||||
</label>
|
||||
<input type="file" id="file" onChange={handleLoadFile}/>
|
||||
<img src={PLUS} id="output" />
|
||||
</div>
|
||||
</div >
|
||||
<div className='buttonPopup'>
|
||||
<button onClick={() => setDisplayAdd(false)/*&&setUpdateImage(true)*/}>Retour</button>
|
||||
<button /*onClick={} */>Valider</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
)
|
||||
|
||||
}
|
||||
|
||||
export default ConfigurationDuProfil;
|
||||
export default ConfigurationDuProfil;
|
||||
@ -0,0 +1,45 @@
|
||||
|
||||
.PolitiqueDeConfidentialiteText{
|
||||
margin-top: 2%;
|
||||
margin-left: 5%;
|
||||
text-indent: 1%;
|
||||
text-align: justify;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
background-color: $color-8;
|
||||
border: 0.2px solid $color-5;
|
||||
max-width:85% ;
|
||||
min-width: 380px;
|
||||
height: 550px;
|
||||
|
||||
p{
|
||||
animation-duration: 2s;
|
||||
animation-name: slide;
|
||||
margin: 1.5%;
|
||||
|
||||
|
||||
@keyframes slide {
|
||||
from {
|
||||
margin-top: 100%;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
to {
|
||||
margin-top: 0%;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -1,3 +0,0 @@
|
||||
#listeNotif{
|
||||
margin-left: 10%;
|
||||
}
|
||||
@ -0,0 +1,11 @@
|
||||
#listeNotif{
|
||||
margin: 2%;
|
||||
margin-left: 8%;
|
||||
padding:1%;
|
||||
border-color: $color-5;
|
||||
border-style:solid;
|
||||
border-width: 0.3px;
|
||||
min-width: 410px;
|
||||
width: 84%;
|
||||
background: $color-8;
|
||||
}
|
||||
@ -0,0 +1,12 @@
|
||||
const UserModel = require("../models/user.model");
|
||||
|
||||
module.exports.addNotification = (userId, notification) => {
|
||||
UserModel.findById(userId, (err, user) => {
|
||||
if (err) {
|
||||
console.log(err);
|
||||
} else {
|
||||
user.notif.push(notification);
|
||||
user.save();
|
||||
}
|
||||
});
|
||||
};
|
||||
File diff suppressed because it is too large
Load Diff
Binary file not shown.
Loading…
Reference in new issue