\r\n// \r\n// {this.props.children}\r\n// \r\n// \r\n//
\r\n// );\r\n// }\r\n// }\r\n","import React, { useEffect } from 'react';\r\nimport Header from './Header';\r\nimport Footer from './Footer';\r\nimport { useLocation } from \"react-router-dom\";\r\n\r\nexport const AdminLayout = (props) => {\r\n\r\n const location = useLocation();\r\n const [currrentPathName, setCurrrentPathName] = React.useState(\"\");\r\n\r\n useEffect(() => {\r\n getPathName();\r\n }, [])\r\n\r\n useEffect(() => {\r\n setCurrrentPathName(location.pathname);\r\n }, [location])\r\n\r\n let getPathName = () => {\r\n let pathName = window.location.pathname;\r\n setCurrrentPathName(pathName);\r\n }\r\n\r\n return (\r\n <>\r\n {(currrentPathName != \"/admin/signin\" && !currrentPathName.toLowerCase().includes(\"resetpassword\")) ?\r\n (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n
- Dashboard \r\n
- Offres d'emploi \r\n
- Appels d'offre \r\n
- Formations \r\n
- Postulations \r\n
- Employeurs \r\n
- Candidats \r\n
- Publicités \r\n
- SMS \r\n
- Utilisateurs \r\n
- Opérations \r\n
\r\n {props.children}\r\n
\r\n \r\n {!isYoutubeVideo(item) ? (\r\n
\r\n ))\r\n }\r\n \r\n )\r\n}\r\n\r\nSidebar.propTypes = {\r\n storeSidebar: PropTypes.object.isRequired,\r\n getSidebarItemsList: PropTypes.func.isRequired,\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n getSidebarItemsList: PropTypes.func.isRequired,\r\n storeSidebar: state.sidebar,\r\n});\r\n\r\nexport default connect(mapStateToProps, { getSidebarItemsList })(Sidebar)","import React, { Component } from 'react'\r\n\r\nclass CustomGoogleAdsense extends Component {\r\n \r\n constructor(props) {\r\n super(props);\r\n if (props.location === \"\") {\r\n this.state = {\r\n slot: 'Hello!'\r\n };\r\n }\r\n if (props.location == \"Wide1\") {\r\n this.state = {\r\n slot: '8851456843!'\r\n };\r\n }\r\n else if (props.location == \"Wide2\") {\r\n this.state = {\r\n slot: '5817516233'\r\n };\r\n }\r\n else if(props.location == \"Wide3\") {\r\n this.state = {\r\n slot: '7126389163'\r\n };\r\n }\r\n else if(props.location == \"Side1\") {\r\n this.state = {\r\n slot: '5207142144'\r\n };\r\n }\r\n else if (props.location == \"Side2\") {\r\n this.state = {\r\n slot: '7780995289'\r\n };\r\n }\r\n else if (props.location == \"Side3\") {\r\n this.state = {\r\n slot: '1120557476'\r\n };\r\n }\r\n }\r\n\r\n componentDidMount () {\r\n if(this.isProductionSite()) {\r\n (window.adsbygoogle = window.adsbygoogle || []).push({});\r\n }\r\n }\r\n \r\n isProductionSite (){\r\n return window.location.hostname.toLowerCase() === \"malibaara.com\"\r\n }\r\n\r\n render () {\r\n return (\r\n \r\n \r\n 
\r\n \r\n
\r\n ) : \r\n (\r\n \r\n \r\n
\r\n )} \r\n\r\n \r\n {this.isProductionSite() ? (\r\n \r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default CustomGoogleAdsense","export default __webpack_public_path__ + \"static/media/pourquoi-creer-un-compte.cf74a6e4.jpg\";","import React, { useEffect } from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport PropTypes from \"prop-types\";\r\nimport { getJobList, jobSearch } from \"../../redux/actions/JobActions\";\r\nimport { getTrustedEmployerItemsList } from \"../../redux/actions/TrustedEmployerActions\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { CircularProgress } from '@material-ui/core';\r\nimport { Helmet } from \"react-helmet\";\r\nimport OwlCarousel from 'react-owl-carousel';\r\nimport Sidebar from '../shared/views/Sidebar';\r\nimport CustomGoogleAdsense from '../shared/views/CustomGoogleAdsense';\r\nimport 'owl.carousel/dist/assets/owl.carousel.css';\r\nimport 'owl.carousel/dist/assets/owl.theme.default.css';\r\nimport createAccountImage from '../../../assets/images/pourquoi-creer-un-compte.jpg';\r\nimport AdSense from 'react-adsense';\r\nimport siteService from '../../services/siteService';\r\n\r\nlet Home = (props) => {\r\n const {\r\n storeJob,\r\n storeTrustedEmployer,\r\n jobSearch = {},\r\n getJobList,\r\n getTrustedEmployerItemsList\r\n } = props;\r\n\r\n const [isLoading, setIsLoading] = React.useState(true);\r\n const [jobSearchResult, setJobSearchResult] = React.useState(null);\r\n const [displayingJobList, setDisplayingJobList] = React.useState([]);\r\n const [filterValues, setFilterValues] = React.useState([]);\r\n const [trustedEmployersList, setTrustedEmployersList] = React.useState([]);\r\n const currentSite = siteService.getCurrentSite();\r\n\r\n useEffect(() => {\r\n if (isLoading && jobSearchResult !== null) {\r\n setIsLoading(false);\r\n }\r\n if (Object.keys(storeJob.jobSearchResult).length != 0 && storeJob.jobSearchResult.constructor == Object && jobSearchResult == null) {\r\n setJobSearchResult(storeJob.jobSearchResult);\r\n setDisplayingJobList(storeJob.jobSearchResult.documents);\r\n }\r\n }, [jobSearchResult]);\r\n\r\n useEffect(() => {\r\n if (jobSearchResult === null) {\r\n jobSearch(false).then(resp => {\r\n setJobSearchResult(resp);\r\n setDisplayingJobList(resp.documents);\r\n });\r\n }\r\n if (trustedEmployersList.length == 0 && storeTrustedEmployer.trustedEmployerItemsList.length == 0) {\r\n getTrustedEmployerItemsList().then(resp => {\r\n setTrustedEmployersList(resp.items);\r\n });\r\n }\r\n else if (trustedEmployersList.length == 0 && storeTrustedEmployer.trustedEmployerItemsList.length > 0) {\r\n setTrustedEmployersList(storeTrustedEmployer.trustedEmployerItemsList);\r\n }\r\n\r\n window.scrollTo(0, 0);\r\n }, [])\r\n\r\n const testimonialSliderOptions = {\r\n margin: 30,\r\n responsiveClass: true,\r\n nav: false,\r\n dots: false,\r\n autoplay: true,\r\n smartSpeed: 500,\r\n responsive: {\r\n 0: {\r\n items: 1,\r\n },\r\n 400: {\r\n items: 1,\r\n },\r\n 600: {\r\n items: 2,\r\n },\r\n 700: {\r\n items: 2,\r\n },\r\n 1000: {\r\n items: 2,\r\n }\r\n },\r\n };\r\n\r\n const trustedEmployersSliderOptions = {\r\n margin: 30,\r\n responsiveClass: true,\r\n nav: false,\r\n dots: false,\r\n autoplay: true,\r\n smartSpeed: 500,\r\n responsive: {\r\n 0: {\r\n items: 1,\r\n },\r\n 400: {\r\n items: 1,\r\n },\r\n 600: {\r\n items: 2,\r\n },\r\n 700: {\r\n items: 3,\r\n },\r\n 1000: {\r\n items: 6,\r\n }\r\n },\r\n };\r\n\r\n let isProductionSite = () => {\r\n return window.location.hostname.toLowerCase() === \"malibaara.com\"\r\n }\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n ![\"\"](\"assets/images/slider/New-Slider-Malibaara-Desktop-2021.jpg\")
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Trouvez l'emploi de vos rêves!
\r\nRecevez les avis de recrutement par SMS et e-mail
\r\n \r\n Inscription\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n ![\"\"](\"assets/images/slider/New-Slider-Malibaara-mobile-2021.jpg\")
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Trouvez l'emploi de vos rêves!
\r\nRecevez les avis de recrutement par SMS et e-mail
\r\n \r\n Inscription\r\n
\r\n \r\n
\r\n ) : (\r\n <>\r\n Chargement des offres d'emploi en cours...
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Les offres d'emploi
\r\n\r\n
\r\n Les offres d'emploi
\r\n\r\n
\r\n \r\n {displayingJobList.map((job, index) => (\r\n
\r\n \r\n
\r\n ))}\r\n \r\n 
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {job.title}
\r\n\r\n
\r\n - \r\n
- Date de Publication: {job.postedDateInFrench} \r\n
- Date Limite: {job.closingDateInFrench} \r\n
\r\n {job.shortDescription}\r\n
\r\n \r\n
\r\n - \r\n
- \r\n Par \r\n {job.companyName}\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n
- \r\n \r\n\r\n\r\n\r\n\r\n \r\n\r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Ce que disent nos clients?
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Malibaara s’est imposé comme le site de référence sur le marché de l’emploi au Mali. L’équipe de Malibaara conjugue professionnalisme, rigueur et disponibilité dans son travail au quotidien. En outre, les différents forums institués, en faveur de la promotion de l’emploi, démontrent de l’esprit innovateur, et dynamique de Malibaara. L’adaptabilité aux défis évolutions du secteur de l’emploi résume parfaitement l’état d’esprit de cette entreprise qui œuvre en faveur du développement socio-professionnel au Mali…
\r\n\r\n
\r\n \r\n
\r\n Seydou Semega
\r\n Country Manager - Group Sustainability Advisor\r\n\r\n
\r\n \r\n \r\n
\r\n Depuis des années, Malibaara nous accompagne dans la publications de nos offres d’emploi.Une très belle collaboration, que j’affirme se passe dans le respect et la confiance, l’efficacité, l’écoute, le professionnalisme, la disponibilité, la rigueur, la transparence, les conseils, et la sympathie. Je les recommande fortement de par leur dynamisme et leur sens de l’écoute. Merci pour cette qualité de service qui est une réelle valeur ajoutée pour notre entreprise.
\r\n\r\n
\r\n \r\n
\r\n Yassine MBODJ
\r\n Chargée de recrutement - SAER EMPLOI\r\n\r\n
\r\n \r\n
\r\n \r\n ![\"\"](\"assets/images/smartmockups_kzctxpvh.png\")
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Application mobile
\r\nTéléchargez sans plus tarder l'application mobile de Malibaara.
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Ils nous font confiance?
\r\n\r\n
\r\n \r\n \r\n {trustedEmployersList?.map((item, index) => (\r\n
\r\n \r\n 
\r\n
\r\n ))}\r\n \r\n \r\n \r\n \r\n Télécharger cette offre\r\n \r\n \r\n
\r\n\r\n {/* Start Export job modale */}\r\n \r\n
\r\n {/* End Export job modale */}\r\n \r\n );\r\n}\r\n\r\nJobExport.propTypes = {\r\n getJobList: PropTypes.func.isRequired,\r\n jobSearch: PropTypes.func.isRequired,\r\n downloadJobPdf: PropTypes.func.isRequired,\r\n storeJob: PropTypes.object.isRequired,\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n getJobList: PropTypes.func.isRequired,\r\n jobSearch: PropTypes.func.isRequired,\r\n downloadJobPdf: PropTypes.func.isRequired,\r\n storeJob: state.job,\r\n});\r\n\r\nexport default connect(mapStateToProps, { getJobList, jobSearch, downloadJobPdf })(JobExport)\r\n","import React, { useEffect } from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport PropTypes from \"prop-types\";\r\nimport { getJobList, jobSearch } from \"../../redux/actions/JobActions\"\r\nimport { CircularProgress } from '@material-ui/core';\r\nimport { Helmet } from \"react-helmet\";\r\nimport { getAdsList } from \"../../redux/actions/admin/AdsActions\";\r\nimport { NavLink } from 'reactstrap';\r\nimport { Link } from 'react-router-dom';\r\nimport { CategoryBannerHelper } from '../../views/shared/CategoryBanners';\r\nimport Sidebar from '../shared/views/Sidebar';\r\nimport JobExport from '../jobs/JobExport';\r\nimport createAccountImage from '../../../assets/images/pourquoi-creer-un-compte.jpg';\r\nimport CustomGoogleAdsense from '../shared/views/CustomGoogleAdsense';\r\nimport siteService from '../../services/siteService';\r\n//import \"./styles.css\";\r\nimport Pdf from \"react-to-pdf\";\r\n\r\nexport const JobDetail = (props) => {\r\n const {\r\n jobSearch,\r\n storeJob = {},\r\n } = props;\r\n const [isLoading, setIsLoading] = React.useState(true);\r\n const [job, setJob] = React.useState(null);\r\n const [jobNumber, setJobNumber] = React.useState(\"\");\r\n const ref = React.createRef();\r\n const currentSite = siteService.getCurrentSite();\r\n\r\n useEffect(() => {\r\n let match = props.match;\r\n if (match !== undefined) {\r\n let params = match.params;\r\n if (params !== undefined && params.jobNumber !== undefined) {\r\n setJobNumber(params.jobNumber);\r\n }\r\n };\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (jobNumber != \"\") {\r\n if (storeJob.jobListIncludedDescription.length == 0 && job === null) {\r\n jobSearch(true).then(response => {\r\n if (response) {\r\n let jobFromrequest = response.documents.find(d => d.jobNumber == jobNumber);\r\n if (jobFromrequest) {\r\n setJob(jobFromrequest);\r\n }\r\n }\r\n })\r\n }\r\n else if (storeJob.jobListIncludedDescription.length > 0 && job === null) {\r\n let jobFromrequest = storeJob.jobListIncludedDescription.find(d => d.jobNumber == jobNumber);\r\n if (jobFromrequest) {\r\n setJob(jobFromrequest);\r\n }\r\n }\r\n }\r\n }, [jobNumber]);\r\n\r\n useEffect(() => {\r\n if (job !== null && isLoading) {\r\n setIsLoading(false);\r\n window.scrollTo(0, 0)\r\n }\r\n }, [job]);\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n ×\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Téléchargement en cours\r\n
\r\n\r\n
\r\n \r\n
\r\n ) : (\r\n <>\r\n Chargement de l'offre d'emploi en cours...
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {job.title}
\r\n- \r\n
Accueil \r\n Offres d'emploi \r\n - {job.jobNumber} \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {job.companyName}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {job.categoryDisplayName}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {job.location}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {job.postedDateInFrench}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {job.closingDateInFrench}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {job.type}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {job?.receiveEmailNotification && (\r\n Description
\r\n \r\n\r\n
\r\n )}\r\n \r\n Postuler\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n - \r\n
- {job.companyName} \r\n {job?.showPhoneNumber && (\r\n
- {job.companyPhoneNumber1Contact} {job.companyPhoneNumber2Contact} \r\n )}\r\n {job?.showEmailAddress && (\r\n
- {job.applicationEmail} \r\n )}\r\n
- \r\n Afficher toutes les offres\r\n \r\n
< JobExport job={job} />
\r\n \r\n
\r\n \r\n
\r\n - \r\n
- \r\n \r\n\r\n\r\n\r\n\r\n \r\n\r\n\r\n
\r\n
\r\n \r\n
\r\n - \r\n
\r\n
\r\n ) : (\r\n <>\r\n Chargement du formulaire de postulation en cours...
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {job.title}
\r\n- \r\n
Accueil \r\n Offres d'emploi \r\n {job.jobNumber} \r\n - Postulation \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Formulaire de postulation
\r\nVeuillez remplir le formulaire ci-dessous pour postuler à cette offre d'emploi:
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n setCandidateInformation(prevState => { return { ...prevState, CandidateFirstName: val } });\r\n }}\r\n placeholder=\"\"\r\n disabled={postulated}\r\n />\r\n {candidateInformation?.CandidateFirstName.length > 50 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n setCandidateInformation(prevState => { return { ...prevState, CandidateLastName: val } });\r\n }}\r\n placeholder=\"\"\r\n disabled={postulated}\r\n />\r\n {candidateInformation?.CandidateLastName.length > 50 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n let isValide = validator.isEmail(e.target.value);\r\n setCandidateInformation(prevState => { return { ...prevState, CandidateEmail: val } });\r\n if (invalideEmail) {\r\n setInvalideEmail(!isValide);\r\n }\r\n }}\r\n onBlur={(e) => {\r\n let val = validator.isEmail(e.target.value);\r\n setInvalideEmail(!val);\r\n }}\r\n placeholder=\"\"\r\n disabled={postulated}\r\n />\r\n {candidateInformation?.CandidateEmail.length > 50 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n {(candidateInformation?.CandidateEmail != \"\" && invalideEmail) && (\r\nFormat d'email invalide
\r\n )}\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n setCandidateInformation(prevState => { return { ...prevState, CandidatePhoneNumber1: val } });\r\n }}\r\n disabled={postulated}\r\n />\r\n {candidateInformation?.CandidatePhoneNumber1.length > 50 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n {(candidateInformation?.CandidatePhoneNumber1 != \"\" && !(new RegExp(/^[0-9\\b]+$/)).test(candidateInformation?.CandidatePhoneNumber1)) && (\r\nFormat invalide
\r\n )}\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n setCandidateInformation(prevState => { return { ...prevState, CandidatePhoneNumber2: val } });\r\n }}\r\n disabled={postulated}\r\n />\r\n {candidateInformation?.CandidatePhoneNumber2.length > 50 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n {(candidateInformation?.CandidatePhoneNumber2 != \"\" && !(new RegExp(/^[0-9\\b]+$/)).test(candidateInformation?.CandidatePhoneNumber2)) && (\r\nFormat invalide
\r\n )}\r\n\r\n \r\n {\r\n setSelectedFiles(files)\r\n }}\r\n onDelete={(file) => {\r\n let filteredFiles = [...selectedFiles.filter(fi => fi?.name != file?.name)];\r\n setSelectedFiles(filteredFiles);\r\n }}\r\n // dropzoneProps={{ disabled: true }}\r\n />\r\n
\r\n {job?.hasAdditionalQuestions == true && (\r\n additionalQuestions?.map((quiz, index) => (\r\n <>\r\n Vous pouvez ajouter jusqu'à 10 fichiers dont la taille ne dépasse pas 5MB
\r\n\r\n
\r\n Questions supplémentaires
\r\n\r\n \r\n {quiz.type == \"FreeText\" ?\r\n {\r\n let val = e.target?.value;\r\n let additionalQuestionsAnswersCopy = candidateInformation.AdditionalQuestionsAnswers;\r\n let indexOf = additionalQuestionsAnswersCopy?.findIndex(item => item.questionId == quiz.id);\r\n additionalQuestionsAnswersCopy[indexOf].answer = val;\r\n setCandidateInformation(prevState => {\r\n return { ...prevState, AdditionalQuestionsAnswers: additionalQuestionsAnswersCopy }\r\n });\r\n }}\r\n /> : quiz.type == \"SingleValue\" ?\r\n ({ label: item, value: item }))}\r\n loadingMessage=\"En cours de chargement\"\r\n onChange={(option) => {\r\n let val = option.label;\r\n let additionalQuestionsAnswersCopy = candidateInformation.AdditionalQuestionsAnswers;\r\n let indexOf = additionalQuestionsAnswersCopy?.findIndex(item => item.questionId == quiz.id);\r\n additionalQuestionsAnswersCopy[indexOf].answer = val;\r\n setCandidateInformation(prevState => {\r\n return { ...prevState, AdditionalQuestionsAnswers: additionalQuestionsAnswersCopy }\r\n });\r\n }}\r\n /> : quiz.type == \"MultiValue\" ?\r\n item.questionId == quiz.id)]?.answers?.map(item => ({ label: item, value: item }))}\r\n options={quiz?.options?.split(\"\\n\")?.map(item => ({ label: item, value: item }))}\r\n loadingMessage=\"En cours de chargement\"\r\n onChange={(option) => {\r\n let val = [...new Set(option.map(item => item.label))]; //option.label;\r\n let additionalQuestionsAnswersCopy = candidateInformation.AdditionalQuestionsAnswers;\r\n let indexOf = additionalQuestionsAnswersCopy?.findIndex(item => item.questionId == quiz.id);\r\n additionalQuestionsAnswersCopy[indexOf].answers = val;\r\n additionalQuestionsAnswersCopy[indexOf].answer = val.join(\"\\n\");\r\n setCandidateInformation(prevState => {\r\n return { ...prevState, AdditionalQuestionsAnswers: additionalQuestionsAnswersCopy }\r\n });\r\n }}\r\n /> : quiz.type == \"DateTime\" ?\r\n {\r\n let val = e.target?.value;\r\n let additionalQuestionsAnswersCopy = candidateInformation.AdditionalQuestionsAnswers;\r\n let indexOf = additionalQuestionsAnswersCopy?.findIndex(item => item.questionId == quiz.id);\r\n additionalQuestionsAnswersCopy[indexOf].answer = val;\r\n setCandidateInformation(prevState => {\r\n return { ...prevState, AdditionalQuestionsAnswers: additionalQuestionsAnswersCopy }\r\n });\r\n }}\r\n /> : quiz.type == \"Numeric\" ?\r\n {\r\n let val = e.target?.value;\r\n let additionalQuestionsAnswersCopy = candidateInformation.AdditionalQuestionsAnswers;\r\n let indexOf = additionalQuestionsAnswersCopy?.findIndex(item => item.questionId == quiz.id);\r\n additionalQuestionsAnswersCopy[indexOf].answer = val;\r\n setCandidateInformation(prevState => {\r\n return { ...prevState, AdditionalQuestionsAnswers: additionalQuestionsAnswersCopy }\r\n });\r\n }}\r\n /> :\r\n <>\r\n
\r\n \r\n ))\r\n\r\n )}\r\n \r\n
\r\n\r\n\r\n {/* \r\n {\r\n let val = e.target?.value;\r\n let additionalQuestionsAnswersCopy = candidateInformation.AdditionalQuestionsAnswers;\r\n let indexOf = additionalQuestionsAnswersCopy?.findIndex(item => item.questionId == quiz.id);\r\n additionalQuestionsAnswersCopy[indexOf].answer = val;\r\n setCandidateInformation(prevState => {\r\n return { ...prevState, AdditionalQuestionsAnswers: additionalQuestionsAnswersCopy }\r\n });\r\n }}\r\n />\r\n \r\n
\r\n \r\n {\r\n let val = e.target?.value;\r\n let additionalQuestionsAnswersCopy = candidateInformation.AdditionalQuestionsAnswers;\r\n let indexOf = additionalQuestionsAnswersCopy?.findIndex(item => item.questionId == quiz.id);\r\n additionalQuestionsAnswersCopy[indexOf].answer = val;\r\n setCandidateInformation(prevState => {\r\n return { ...prevState, AdditionalQuestionsAnswers: additionalQuestionsAnswersCopy }\r\n });\r\n }}\r\n />\r\n \r\n
\r\n \r\n {\r\n let val = e.target?.value;\r\n let additionalQuestionsAnswersCopy = candidateInformation.AdditionalQuestionsAnswers;\r\n let indexOf = additionalQuestionsAnswersCopy?.findIndex(item => item.questionId == quiz.id);\r\n additionalQuestionsAnswersCopy[indexOf].answer = val;\r\n setCandidateInformation(prevState => {\r\n return { ...prevState, AdditionalQuestionsAnswers: additionalQuestionsAnswersCopy }\r\n });\r\n }}\r\n />\r\n \r\n {\r\n let val = e.target?.value;\r\n let additionalQuestionsAnswersCopy = candidateInformation.AdditionalQuestionsAnswers;\r\n let indexOf = additionalQuestionsAnswersCopy?.findIndex(item => item.questionId == quiz.id);\r\n additionalQuestionsAnswersCopy[indexOf].answer = val;\r\n setCandidateInformation(prevState => {\r\n return { ...prevState, AdditionalQuestionsAnswers: additionalQuestionsAnswersCopy }\r\n });\r\n }}\r\n />\r\n \r\n
*/}\r\n \r\n\r\n }\r\n\r\n {candidateInformation?.CandidateLastName.length > 50 && (\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n\r\n \r\n Postuler à ce poste \r\n {isSaving ?
\r\n {postulated && (\r\n \r\n Félicitations! Votre candidature a été envoyée avec succès.\" />\r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n - \r\n {\r\n displayingActiveAdsList.map((ads, index) => (\r\n ads.attachments.map((attachment, index) => (\r\n
- \r\n \r\n\r\n\r\n\r\n\r\n \r\n {/*\r\n
{attachment.name}
*/}\r\n\r\n \r\n
\r\n ))\r\n ))\r\n }\r\n\r\n
\r\n
\r\n ) : (\r\n <>\r\n Chargement de la formation en cours...
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {course.title}
\r\n- \r\n
Accueil \r\n Formations \r\n - {course.courseNumber} \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {course.companyName}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {course.categoryDisplayName}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {course.location}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {course.postedDateInFrench}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {course.startDateInFrench}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {course.endDateInFrench}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Description
\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n 
\r\n
\r\n - \r\n
- {course.companyName} \r\n
- {course.companyPhoneNumber1Contact} {course.companyPhoneNumber2Contact} \r\n
- {course.applicationEmail} \r\n
- \r\n Afficher toutes les offres\r\n \r\n
\r\n
\r\n \r\n
\r\n - \r\n
- \r\n \r\n\r\n\r\n\r\n\r\n \r\n\r\n\r\n
\r\n
\r\n \r\n
\r\n - \r\n
\r\n \r\n
\r\n {isLoading ? (\r\n \r\n
\r\n ) : (\r\n <>\r\n Chargement du formulaire en cours...
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Publication d'une offre d'emploi
\r\nRemplissez le formulaire ci-dessous afin de publier votre offre d'emploi. Cette offre sera visible sur le site une fois qu'elle sera approuvée par un modérateur.
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n setNewJob(prevState => { return { ...prevState, title: val } });\r\n }}\r\n placeholder=\"\"\r\n disabled={published}\r\n />\r\n {newJob?.title?.length > 200 && (\r\n
\r\n {currentEmployer ?\r\n (\r\n <>\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n\r\n \r\n
\r\n \r\n ) :\r\n (\r\n <>\r\n \r\n \r\n {\r\n setNewJob(prevState => { return { ...prevState, employerId: option?.value, companyName: option.label, applicationEmail: option.email } });\r\n }}\r\n isDisabled={published}\r\n />\r\n
\r\n \r\n )}\r\n Si votre société ne se trouve pas dans cette liste, veuillez cliquez sur lien pour créer un nouveau compte
\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n let isValide = validator.isEmail(e.target.value);\r\n setNewJob(prevState => { return { ...prevState, applicationEmail: val } });\r\n if (invalideEmail) {\r\n setInvalideEmail(!isValide);\r\n }\r\n }}\r\n onBlur={(e) => {\r\n let val = validator.isEmail(e.target.value);\r\n setInvalideEmail(!val);\r\n }}\r\n placeholder=\"\"\r\n disabled={published}\r\n />\r\n {(newJob.email != \"\" && invalideEmail) && (\r\n
\r\n Format d'email invalide
\r\n )}\r\n {newJob?.applicationEmail?.length > 200 && (\r\nle nombre maximum de caractères a été dépassé
\r\n )}\r\n\r\n \r\n {\r\n setNewJob(prevState => { return { ...prevState, category: option?.label } });\r\n }}\r\n isDisabled={published}\r\n />\r\n
\r\n \r\n \r\n {\r\n setNewJob(prevState => { return { ...prevState, type: option?.value } });\r\n }}\r\n isDisabled={published}\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n {\r\n let val = e.target?.value;\r\n setNewJob(prevState => { return { ...prevState, closingDate: val } });\r\n }}\r\n disabled={published}\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n {\r\n let val = e.target?.value;\r\n setNewJob(prevState => { return { ...prevState, startingDate: val } });\r\n }}\r\n disabled={published}\r\n />\r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n setNewJob(prevState => { return { ...prevState, location: val } });\r\n }}\r\n disabled={published}\r\n />\r\n {newJob.location.length > 200 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n\r\n \r\n {\r\n setNewJob(prevState => { return { ...prevState, description: descriptionHtmlEditor.current.getContent() } });\r\n }}\r\n ref={descriptionHtmlEditor}\r\n initialValue=\"\"\r\n disabled={published}\r\n />\r\n
\r\n \r\n
\r\n {newJob.hasAdditionalQuestions == true && (\r\n newJob.additionalQuestions?.map((quiz, index) => (\r\n <>\r\n \r\n {\r\n let val = e.target?.checked;\r\n setNewJob(prevState => {\r\n return { ...prevState, receiveEmailNotification: val }\r\n });\r\n }}\r\n disabled={published}\r\n />\r\n \r\n
\r\n \r\n {\r\n let val = e.target?.checked;\r\n setNewJob(prevState => {\r\n return { ...prevState, showEmailAddress: val }\r\n });\r\n }}\r\n disabled={published}\r\n />\r\n \r\n
\r\n \r\n {\r\n let val = e.target?.checked;\r\n setNewJob(prevState => {\r\n return { ...prevState, showPhoneNumber: val }\r\n });\r\n }}\r\n disabled={published}\r\n />\r\n \r\n
\r\n \r\n {\r\n let val = e.target?.checked;\r\n setNewJob(prevState => {\r\n return { ...prevState, hasAdditionalQuestions: val }\r\n });\r\n if (val == true && newJob.additionalQuestions?.length == 0) {\r\n setNewJob(prevState => {\r\n return { ...prevState, additionalQuestions: [{ label: \"\", type: \"\", required: false }] }\r\n });\r\n }\r\n else {\r\n setNewJob(prevState => {\r\n return { ...prevState, additionalQuestions: [] }\r\n });\r\n }\r\n }}\r\n disabled={published}\r\n />\r\n \r\n
\r\n \r\n \r\n {index >= 0 && (\r\n \r\n {\r\n let indexOf = newJob.additionalQuestions?.indexOf(quiz);\r\n let additionalQuestionsCopy = newJob.additionalQuestions;\r\n additionalQuestionsCopy?.splice(indexOf, 1);\r\n setNewJob(prevState => {\r\n return { ...prevState, additionalQuestions: additionalQuestionsCopy }\r\n });\r\n }}>\r\n \r\n \r\n )}\r\n {\r\n let val = e.target.value;\r\n let additionalQuestionsCopy = newJob.additionalQuestions;\r\n additionalQuestionsCopy[index].label = val;\r\n setNewJob(prevState => {\r\n return { ...prevState, additionalQuestions: additionalQuestionsCopy }\r\n }); \r\n }}\r\n />\r\n
\r\n \r\n \r\n {\r\n let additionalQuestionsCopy = newJob.additionalQuestions;\r\n additionalQuestionsCopy[index].type = option?.value;\r\n if (option.value == \"SingleValue\" || option.value == \"MultiValue\") {\r\n additionalQuestionsCopy[index].options = \"\";\r\n }\r\n setNewJob(prevState => {\r\n return { ...prevState, additionalQuestions: additionalQuestionsCopy }\r\n });\r\n }}\r\n />\r\n
\r\n {(quiz.type == \"SingleValue\" || quiz.type == \"MultiValue\") && (\r\n \r\n \r\n {\r\n let additionalQuestionsCopy = newJob.additionalQuestions;\r\n additionalQuestionsCopy[index].options = e.target.value;\r\n setNewJob(prevState => {\r\n return { ...prevState, additionalQuestions: additionalQuestionsCopy }\r\n });\r\n }}\r\n onKeyDown={e => {\r\n if (e.key == \"Enter\") {\r\n let additionalQuestionsCopy = newJob.additionalQuestions;\r\n additionalQuestionsCopy[index].options = e.target.value + \"\\n\";\r\n setNewJob(prevState => {\r\n return { ...prevState, additionalQuestions: additionalQuestionsCopy }\r\n });\r\n }\r\n }}\r\n >\r\n
\r\n )}\r\n Entrez un choix de réponse par ligne séparé par la touche Entrer
\r\n\r\n {\r\n let val = e.target.checked;\r\n let additionalQuestionsCopy = newJob.additionalQuestions;\r\n additionalQuestionsCopy[index].required = val;\r\n setNewJob(prevState => {\r\n return { ...prevState, additionalQuestions: additionalQuestionsCopy }\r\n });\r\n }}\r\n />\r\n \r\n
\r\n \r\n ))\r\n )}\r\n {newJob.hasAdditionalQuestions == true && (\r\n \r\n {\r\n setNewJob(prevState => {\r\n let val = newJob.additionalQuestions;\r\n val.push({ label: \"\", type: \"\", required: false });\r\n return { ...prevState, additionalQuestions: val }\r\n });\r\n }}\r\n disabled={\"\"}\r\n style={{ width: \"100%\" }}\r\n\r\n >\r\n Ajouter une question\r\n \r\n
\r\n )}\r\n \r\n \r\n Publiez {isSaving ?
\r\n {published && (\r\n \r\n
\r\n )}\r\n {creationFailed && (\r\n \r\n Félicitations! \r\n Votre offre a été créé avec succès. Cependant, l'offre nécessite l'approbation d'un modérateur du site.\r\n Elle sera visible sur le site dès qu'un modérateur l'aura approuvé et aura confirmé les informations du paiement.\r\n Voici le numéro de référence de l'offre : {createdJobNumber}\r\n
\r\n
\r\n Tarif: 55.000 FCFA (HT) - Avec envoi de SMS et email aux candidats \r\n
\r\n
\r\n Mode de paiement\r\n
\r\n\r\n\r\n \r\n
\r\n Tarif: 55.000 FCFA (HT) - Avec envoi de SMS et email aux candidats \r\n
\r\n
\r\n Mode de paiement\r\n
- \r\n
- \r\n Comptant
\r\n Veuillez nous contacter au +223 44 90 50 70 / 91 25 21 14 ou contact@malibaara.com\r\n \r\n - \r\n Orange Sarali
\r\n Vous pouvez effectuer le paiement à partir de votre compte Orange Money en composant le :\r\n #144#8*189532*montant*code secret# OK \r\n - \r\n Mobi Cash
\r\n Le numéro à utiliser pour la transaction est : 61 48 72 21\r\n \r\n - \r\n Abonnement
\r\n Si vous désirez un abonnement pour une durée déterminée, veuillez-nous contacter au +223 44 90 50 70 / 91 25 21 14 ou contact@malibaara.com\r\n \r\n
\r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n
- \r\n \r\n\r\n\r\n\r\n\r\n \r\n\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Création de compte employeur !
\r\nInscrivez-vous gratuitement pour publier des offre d’emploi et recevoir les candidatures
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n setNewEmployer(prevState => { return { ...prevState, companyName: val } });\r\n }}\r\n placeholder=\"\"\r\n />\r\n {newEmployer?.companyName?.length > 200 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n setNewEmployer(prevState => { return { ...prevState, description: val } });\r\n }}\r\n >\r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n let isValide = validator.isEmail(e.target.value);\r\n setNewEmployer(prevState => { return { ...prevState, companyEmailContact: val } });\r\n if (invalideEmail1) {\r\n setInvalideEmail1(!isValide);\r\n }\r\n }}\r\n onBlur={(e) => {\r\n let val = validator.isEmail(e.target.value);\r\n setInvalideEmail1(!val);\r\n }}\r\n />\r\n {newEmployer?.companyEmailContact?.length > 50 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n {(newEmployer?.companyEmailContact != \"\" && invalideEmail1) && (\r\nFormat d'email invalide
\r\n )}\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n setNewEmployer(prevState => { return { ...prevState, companyPhoneNumber1Contact: val } });\r\n }}\r\n />\r\n {newEmployer?.companyPhoneNumber1Contact?.length > 15 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n {(newEmployer?.companyPhoneNumber1Contact != \"\" && !(new RegExp(/^[0-9\\b]+$/)).test(newEmployer?.companyPhoneNumber1Contact)) && (\r\nFormat invalide
\r\n )}\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n setNewEmployer(prevState => { return { ...prevState, companyPhoneNumber2Contact: val } });\r\n }}\r\n />\r\n {newEmployer?.companyPhoneNumber2Contact?.length > 15 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n {(newEmployer?.companyPhoneNumber2Contact != \"\" && !(new RegExp(/^[0-9\\b]+$/)).test(newEmployer?.companyPhoneNumber2Contact)) && (\r\nFormat invalide
\r\n )}\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n let isValide = validator.isEmail(e.target.value);\r\n setNewEmployer(prevState => { return { ...prevState, email: val } });\r\n if (invalideEmail2) {\r\n setInvalideEmail2(!isValide);\r\n }\r\n }}\r\n onBlur={(e) => {\r\n let val = validator.isEmail(e.target.value);\r\n setInvalideEmail2(!val);\r\n }}\r\n />\r\n {newEmployer?.email?.length > 50 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n {(newEmployer?.email != \"\" && invalideEmail2) && (\r\nFormat d'email invalide
\r\n )}\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n if (newEmployer?.confirmPassword != '' && newEmployer?.conformPassword != undefined) {\r\n setareNotSame(newEmployer?.confirmPassword.normalize() !== val.normalize());\r\n }\r\n setNewEmployer(prevState => { return { ...prevState, password: val } });\r\n }}\r\n />\r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n setareNotSame(newEmployer?.password.normalize() !== val.normalize());\r\n setNewEmployer(prevState => { return { ...prevState, confirmPassword: val } });\r\n }}\r\n />\r\n {areNotSame && (\r\n
\r\n Les deux mots de passe sont différents.
\r\n )}\r\n \r\n \r\n Soumettre {isCreating ?
\r\n {published && (\r\n \r\n Félicitations! Ce compte employeur a été créé avec succès. Un email de confirmation a été envoyé à l'adresse suivante :\" + \" \" + newEmployer?.email + \"\"} />\r\n
\r\n )}\r\n {signupFailed && (\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n
- \r\n \r\n\r\n\r\n\r\n\r\n \r\n\r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {/* Informations de base */}\r\n
\r\n \r\n
\r\n\r\n {/* Mes documents */}\r\n {/* \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Mes informations
\r\n {/* */}\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n setEmployerToUpdate(prevState => { return { ...prevState, companyName: val } });\r\n }}\r\n />\r\n {employerToUpdate?.companyName?.length > 200 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n setEmployerToUpdate(prevState => { return { ...prevState, companyEmailContact: val } });\r\n }}\r\n onBlur={(e) => {\r\n let val = validator.isEmail(e.target.value);\r\n setInvalideEmail1(!val);\r\n }}\r\n />\r\n {employerToUpdate?.companyEmailContact?.length > 50 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n {(employerToUpdate?.companyEmailContact != \"\" && invalideEmail1) && (\r\nFormat d'email invalide
\r\n )}\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n setEmployerToUpdate(prevState => { return { ...prevState, email: val } });\r\n }}\r\n onBlur={(e) => {\r\n let val = validator.isEmail(e.target.value);\r\n setInvalideEmail2(!val);\r\n }}\r\n />\r\n {employerToUpdate?.email?.length > 50 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n {(employerToUpdate?.email != \"\" && invalideEmail2) && (\r\nFormat d'email invalide
\r\n )}\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n setEmployerToUpdate(prevState => { return { ...prevState, companyPhoneNumber1Contact: val } });\r\n }}\r\n />\r\n {employerToUpdate?.companyPhoneNumber1Contact?.length > 50 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n {(employerToUpdate?.companyPhoneNumber1Contact != \"\" && !(new RegExp(/^[0-9\\b]+$/)).test(employerToUpdate?.companyPhoneNumber1Contact)) && (\r\nFormat invalide
\r\n )}\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n setEmployerToUpdate(prevState => { return { ...prevState, companyPhoneNumber2Contact: val } });\r\n }}\r\n />\r\n {employerToUpdate?.companyPhoneNumber2Contact?.length > 50 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n {(employerToUpdate?.companyPhoneNumber2Contact != \"\" && !(new RegExp(/^[0-9\\b]+$/)).test(employerToUpdate?.companyPhoneNumber2Contact)) && (\r\nFormat invalide
\r\n )}\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n setEmployerToUpdate(prevState => { return { ...prevState, description: val } });\r\n }}\r\n >\r\n
\r\n \r\n \r\n Soumettre {isUpdating ?
\r\n {updated && (\r\n \r\n Félicitations! Ce compte employeur a été modifié avec succès. \"} />\r\n
\r\n )}\r\n \r\n
*/}\r\n\r\n {/* Start Delete file modale */}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Mes documents
\r\n\r\n Veuillez déposer dans cette section le logo de la société\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n
\r\n \r\n {\r\n setSelectedFiles(files)\r\n \r\n }}\r\n onDelete={(file) => {\r\n let filteredFiles = [...selectedFiles.filter(fi => fi?.name != file?.name)];\r\n setSelectedFiles(filteredFiles);\r\n \r\n }}\r\n />\r\n
\r\n | Nom | \r\nDate | \r\n\r\n |
|---|---|---|
| \r\n \r\n {file?.name}\r\n \r\n | \r\n\r\n {moment(file?.lastModifiedDate).format('Do MM YYYY')}\r\n | \r\n\r\n \r\n setAttachmentToDelete(file)}>\r\n \r\n | \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n\r\n {\"Suppression d'un fichier: \" + attachmentToDelete?.name}
\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n {\r\n displayingActiveAdsList.map((ads, index) => (\r\n ads.attachments.map((attachment, index) => (\r\n
- \r\n \r\n\r\n\r\n\r\n\r\n \r\n\r\n\r\n\r\n ))\r\n ))\r\n }\r\n
\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {/* Informations de base */}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Réinitialiser le Mot de passe
\r\n {/* */}\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n setResetPasswordRequest(prevState => { return { ...prevState, email: val } });\r\n }}\r\n />\r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n if (resetPasswordRequest.confirmPassword != \"\" && resetPasswordRequest.conformPassword != undefined) {\r\n setAreNotSame(resetPasswordRequest.confirmPassword.normalize() !== val.normalize());\r\n }\r\n setResetPasswordRequest(prevState => { return { ...prevState, password: val } });\r\n }}\r\n />\r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n setAreNotSame(resetPasswordRequest.password.normalize() !== val.normalize());\r\n setResetPasswordRequest(prevState => { return { ...prevState, confirmPassword: val } });\r\n }}\r\n />\r\n {areNotSame && (\r\n
\r\n Les deux mots de passe sont différents.
\r\n )}\r\n \r\n \r\n Soumettre {isUpdating ?
\r\n {published && (\r\n \r\n Félicitations! votre mot de passe a été réinitialisé avec succès. Veuillez-vous connecter\"} />\r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n {\r\n displayingActiveAdsList.map((ads, index) => (\r\n ads.attachments.map((attachment, index) => (\r\n
- \r\n \r\n\r\n\r\n\r\n\r\n \r\n\r\n\r\n\r\n ))\r\n ))\r\n }\r\n
\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {/* Informations de base */}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Changer le mot de passe
\r\n {/* */}\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n setChangePasswordRequest(prevState => { return { ...prevState, currentPassword: val } });\r\n }}\r\n />\r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n if (changePasswordRequest.newPasswordConfirmation != \"\" && changePasswordRequest.conformPassword != undefined) {\r\n setAreNotSame(changePasswordRequest.newPasswordConfirmation.normalize() !== val.normalize());\r\n }\r\n setChangePasswordRequest(prevState => { return { ...prevState, newPassword: val } });\r\n }}\r\n />\r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n setAreNotSame(changePasswordRequest.newPassword.normalize() !== val.normalize());\r\n setChangePasswordRequest(prevState => { return { ...prevState, newPasswordConfirmation: val } });\r\n }}\r\n />\r\n {areNotSame && (\r\n
\r\n Les deux mots de passe sont différents.
\r\n )}\r\n \r\n \r\n Soumettre {isUpdating ?
\r\n {changed && (\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n {\r\n displayingActiveAdsList.map((ads, index) => (\r\n ads.attachments.map((attachment, index) => (\r\n
- \r\n \r\n\r\n\r\n\r\n\r\n \r\n\r\n\r\n\r\n ))\r\n ))\r\n }\r\n
\r\n
\r\n ) : (\r\n <>\r\n Chargement des offres d'emploi en cours...
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Offres d'emploi
\r\n- \r\n
- Accueil \r\n
- Offres d'emploi \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {filterValues?.length > 0 && (\r\n Affichage de {displayingJobList?.length} offres d'emploi
\r\n \r\n
\r\n \r\n
\r\n )}\r\n\r\n \r\n
\r\n \r\n
\r\n - \r\n {filterValues.map((item, index) => (\r\n
- \r\n {\r\n deleteFilterValue(e, item);\r\n let facet = facetsList?.find(fa => fa?.value == item);\r\n if (facet) {\r\n updateUrl(facet?.rootFacetName, facet?.value, false);\r\n }\r\n }}>\r\n {facetsList?.find(fa => fa?.value == item)?.diplayName} \r\n \r\n \r\n ))}\r\n
- \r\n \r\n Réinitialiser la recherche \r\n \r\n \r\n
\r\n {displayingJobList?.sort((a, b) => sortedBy == \"closingDate\" ? (a.closingDate < b.closingDate ? 1 : -1) : (a.postedDate < b.postedDate ? 1 : -1))?.map((job, index) => (\r\n
\r\n \r\n
\r\n ))}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {job.title}
\r\n\r\n
\r\n - \r\n
- Date de Publication: {job.postedDateInFrench} \r\n
- Date Limite: {job.closingDateInFrench} \r\n
- {job.categoryDisplayName} \r\n
\r\n {job.shortDescription}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n ))}\r\n \r\n {facetsLoading ?\r\n (\r\n <>\r\n )\r\n :\r\n (\r\n <>\r\n
\r\n \r\n {rootFacet?.facets?.map((facet, index2) => (\r\n
\r\n \r\n )}\r\n \r\n item == facet.value)}\r\n value={facet.value}\r\n onChange={(event) => {\r\n if (event.target.checked) {\r\n setFilterValues([...filterValues, event.target?.value]);\r\n setSelectedRootFacetName([...selectedRootFacetName, rootFacet?.name]);\r\n }\r\n else {\r\n let filterValuesCopy = [...filterValues];\r\n let values = filterValuesCopy.filter(item => item != event.target.value);\r\n setFilterValues(values);\r\n\r\n let selectedRootFacetNameCopy = [...selectedRootFacetName];\r\n let values2 = selectedRootFacetNameCopy.filter(item => item != selectedRootFacetName);\r\n setSelectedRootFacetName(values2);\r\n }\r\n updateUrl(rootFacet?.name, event.target?.value, event.target.checked);\r\n }}\r\n />\r\n \r\n {facet.diplayName}\r\n {facet.count}\r\n \r\n
\r\n ))}\r\n \r\n
\r\n \r\n
\r\n - \r\n
- \r\n \r\n\r\n\r\n\r\n\r\n \r\n\r\n\r\n
\r\n
\r\n ) :\r\n (\r\n <>\r\n Chargement des archives d'offres d'emploi en cours...
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Archives - Offres d'emploi
\r\n- \r\n
- Accueil \r\n
- Archives - Offres d'emploi \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n ) : (\r\n <>\r\n Chargement de l'offre d'emploi en cours...
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {archiveJob.title}
\r\n- \r\n
Accueil \r\n Archives - Offres d'emploi \r\n - {archiveJob.jobNumber} \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {archiveJob?.employer?.companyName}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {archiveJob.category}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {archiveJob.location}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {moment(archiveJob?.postedDate).format('YYYY-MM-DD')}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {moment(archiveJob?.closingDate).format('YYYY-MM-DD')}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {archiveJob.type}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Description
\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n 
\r\n
\r\n - \r\n
- {archiveJob?.employer?.companyName} \r\n {archiveJob?.showPhoneNumber && (\r\n
- {archiveJob?.employer?.companyPhoneNumber1Contact} {archiveJob?.employer?.companyPhoneNumber2Contact} \r\n )}\r\n {archiveJob?.showEmailAddress && (\r\n
- {archiveJob?.employer?.email} \r\n )}\r\n
- \r\n Afficher toutes les offres\r\n \r\n
\r\n
\r\n \r\n
\r\n - \r\n
\r\n
\r\n ) : (\r\n <>Chargement des formations en cours...
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Formations
\r\n- \r\n
- Accueil \r\n
- Formations \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {filterValues?.length > 0 && (\r\n Affichage de {displayingCourseList?.length} formations
\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n - \r\n {filterValues.map((item, index) => (\r\n
- \r\n {\r\n deleteFilterValue(e, item);\r\n let facet = facetsList?.find(fa => fa?.value == item);\r\n if (facet) {\r\n updateUrl(facet?.rootFacetName, facet?.value, false);\r\n }\r\n }}>\r\n {facetsList?.find(fa => fa?.value == item)?.diplayName} \r\n \r\n \r\n ))}\r\n
- \r\n \r\n Réinitialiser la recherche \r\n \r\n \r\n
\r\n {displayingCourseList?.sort((a, b) => sortedBy == \"endDate\" ? (a.endDate < b.endDate ? 1 : -1) : (a.postedDate < b.postedDate ? 1 : -1))?.map((course, index) => (\r\n
\r\n \r\n
\r\n ))}\r\n \r\n 
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {course.title}
\r\n\r\n
\r\n - \r\n
- Email: {course.companyEmailContact} \r\n
- Tel: {course.companyPhoneNumber1Contact} \r\n
\r\n {course.shortDescription}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n ))}\r\n \r\n {facetsLoading ?\r\n (\r\n <>\r\n )\r\n :\r\n (\r\n <>\r\n
\r\n \r\n {rootFacet.facets.map((facet, index2) => (\r\n
\r\n \r\n )\r\n }\r\n \r\n item == facet.value)}\r\n value={facet.value}\r\n onChange={(event) => {\r\n if (event.target.checked) {\r\n setFilterValues([...filterValues, event.target?.value]);\r\n setSelectedRootFacetName([...selectedRootFacetName, rootFacet?.name]);\r\n }\r\n else {\r\n let filterValuesCopy = [...filterValues];\r\n let values = filterValuesCopy.filter(item => item != event.target.value);\r\n setFilterValues(values);\r\n\r\n let selectedRootFacetNameCopy = [...selectedRootFacetName];\r\n let values2 = selectedRootFacetNameCopy.filter(item => item != selectedRootFacetName);\r\n setSelectedRootFacetName(values2);\r\n }\r\n updateUrl(rootFacet?.name, event.target?.value, event.target.checked);\r\n }}\r\n />\r\n \r\n {facet.diplayName}\r\n {facet.count}\r\n \r\n
\r\n ))}\r\n \r\n
\r\n \r\n
\r\n - \r\n
- \r\n \r\n\r\n\r\n\r\n\r\n \r\n\r\n\r\n
\r\n
\r\n ) : (\r\n <>\r\n Chargement des appels d'offre en cours...
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Appels d'offres
\r\n- \r\n
- Accueil \r\n
- Appels d'offres \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {filterValues?.length > 0 && (\r\n Affichage de {displayingTenderList?.length} appels d'offres
\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n - \r\n {filterValues.map((item, index) => (\r\n
- \r\n {\r\n deleteFilterValue(e, item);\r\n let facet = facetsList?.find(fa => fa?.value == item);\r\n if (facet) {\r\n updateUrl(facet?.rootFacetName, facet?.value, false);\r\n }\r\n }}>\r\n {facetsList?.find(fa => fa?.value == item)?.diplayName} \r\n \r\n \r\n ))}\r\n
- \r\n \r\n Réinitialiser la recherche \r\n \r\n \r\n
\r\n {displayingTenderList?.sort((a, b) => sortedBy == \"closingDate\" ? (a.closingDate < b.closingDate ? 1 : -1) : (a.postedDate < b.postedDate ? 1 : -1))?.map((tender, index) => (\r\n
\r\n \r\n
\r\n ))}\r\n \r\n 
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {tender.title}
\r\n\r\n
\r\n - \r\n
- Date de Publication: {tender.postedDateInFrench} \r\n
- Date Limite: {tender.closingDateInFrench} \r\n
\r\n {tender.shortDescription}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n ))} \r\n \r\n {facetsLoading ?\r\n (\r\n <>\r\n )\r\n :\r\n (\r\n
\r\n \r\n {rootFacet.facets.map((facet, index2) => (\r\n
\r\n )}\r\n\r\n \r\n item == facet.value)}\r\n value={facet.value}\r\n onChange={(event) => {\r\n if (event.target.checked) {\r\n setFilterValues([...filterValues, event.target?.value]);\r\n setSelectedRootFacetName([...selectedRootFacetName, rootFacet?.name]);\r\n }\r\n else {\r\n let filterValuesCopy = [...filterValues];\r\n let values = filterValuesCopy.filter(item => item != event.target.value);\r\n setFilterValues(values);\r\n\r\n let selectedRootFacetNameCopy = [...selectedRootFacetName];\r\n let values2 = selectedRootFacetNameCopy.filter(item => item != selectedRootFacetName);\r\n setSelectedRootFacetName(values2);\r\n }\r\n updateUrl(rootFacet?.name, event.target?.value, event.target.checked);\r\n }}\r\n />\r\n \r\n {facet.diplayName}\r\n {facet.count}\r\n \r\n
\r\n ))}\r\n \r\n
\r\n \r\n
\r\n - \r\n
- \r\n \r\n\r\n\r\n\r\n\r\n \r\n\r\n\r\n
\r\n
\r\n ) :\r\n (\r\n <>\r\n Chargement des archives d'appel d'offre en cours...
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Archives - Appel d'offre
\r\n- \r\n
- Accueil \r\n
- Archives - Appel d'offre \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n ) : (\r\n <>\r\n Chargement de l'appel d'offre en cours...
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {tender.title}
\r\n- \r\n
Accueil \r\n Archives - Appel d'offre \r\n - {tender.tenderNumber} \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {tender?.employer?.companyName}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {tender?.category}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {tender?.location}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {moment(tender.postedDate).format('YYYY-MM-DD')}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {tender.closingDateInFrench}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Description
\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n 
\r\n
\r\n - \r\n
- {tender?.employer?.companyName} \r\n {tender?.showPhoneNumber && (\r\n
- {tender?.employer?.companyPhoneNumber1Contact} {tender?.employer?.companyPhoneNumber2Contact} \r\n )}\r\n {tender?.showEmailAddress && (\r\n
- {tender?.employer?.companyEmailContact} \r\n )}\r\n
- \r\n Afficher toutes les offres\r\n \r\n
\r\n
\r\n \r\n
\r\n - \r\n
\r\n \r\n \r\n Télécharger cet appel offres\r\n \r\n \r\n
\r\n\r\n {/* Start Export tender modale */}\r\n \r\n
\r\n {/* End Export tender modale */}\r\n \r\n );\r\n}\r\n\r\nTenderExport.propTypes = {\r\n getTenderList: PropTypes.func.isRequired,\r\n tenderSearch: PropTypes.func.isRequired,\r\n storeTender: PropTypes.object.isRequired,\r\n downloadTenderPdf: PropTypes.func.isRequired,\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n getTenderList: PropTypes.func.isRequired,\r\n tenderSearch: PropTypes.func.isRequired,\r\n storeTender: state.tender,\r\n downloadTenderPdf: PropTypes.func.isRequired,\r\n});\r\n\r\nexport default connect(mapStateToProps, { getTenderList, tenderSearch, downloadTenderPdf })(TenderExport)","import React, { useEffect } from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport PropTypes from \"prop-types\";\r\nimport { tenderSearch } from \"../../redux/actions/TenderActions\"\r\nimport { CircularProgress } from '@material-ui/core';\r\nimport defaultBanner from '../../../assets/images/bg/default-banner.jpg';\r\nimport { Helmet } from \"react-helmet\";\r\nimport { getAdsList } from \"../../redux/actions/admin/AdsActions\";\r\nimport { NavLink } from 'reactstrap';\r\nimport { Link } from 'react-router-dom';\r\nimport Sidebar from '../shared/views/Sidebar';\r\nimport createAccountImage from '../../../assets/images/pourquoi-creer-un-compte.jpg';\r\nimport CustomGoogleAdsense from '../shared/views/CustomGoogleAdsense';\r\nimport TenderExport from '../tenders/TenderExport';\r\nimport siteService from '../../services/siteService';\r\n\r\nexport const TenderDetail = (props) => {\r\n const {\r\n tenderSearch,\r\n storeTender,\r\n } = props;\r\n const [isLoading, setIsLoading] = React.useState(true);\r\n const [tender, setTender] = React.useState(null);\r\n const [tenderNumber, setTenderNumber] = React.useState(\"\");\r\n const currentSite = siteService.getCurrentSite();\r\n\r\n useEffect(() => {\r\n let match = props.match;\r\n if (match !== undefined) {\r\n let params = match.params;\r\n if (params !== undefined && params.tenderNumber !== undefined) {\r\n setTenderNumber(params.tenderNumber);\r\n }\r\n };\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (tenderNumber != \"\") {\r\n if (storeTender.tenderListIncludedDescription.length == 0 && tender === null) {\r\n tenderSearch(true).then(response => {\r\n if (response) {\r\n let tenderFromStore = response.documents.find(d => d.tenderNumber == tenderNumber);\r\n if (tenderFromStore) {\r\n setTender(tenderFromStore);\r\n }\r\n }\r\n })\r\n }\r\n else if (storeTender.tenderListIncludedDescription.length > 0 && tender === null) {\r\n let tenderFromStore = storeTender.tenderListIncludedDescription.find(d => d.tenderNumber == tenderNumber);\r\n if (tenderFromStore) {\r\n setTender(tenderFromStore);\r\n }\r\n }\r\n }\r\n }, [tenderNumber]);\r\n\r\n useEffect(() => {\r\n if (tender !== null && isLoading) {\r\n setIsLoading(false);\r\n window.scrollTo(0, 0)\r\n }\r\n }, [tender]);\r\n\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n ×\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Téléchargement en cours\r\n
\r\n\r\n
\r\n \r\n
\r\n ) : (\r\n <>\r\n Chargement de l'appel d'offre en cours...
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {tender.title}
\r\n- \r\n
Accueil \r\n Appels d'offres \r\n - {tender.tenderNumber} \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {tender.companyName}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {tender.categoryDisplayName}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {tender.location}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {tender.postedDateInFrench}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {tender.closingDateInFrench}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Description
\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n - \r\n
- {tender.companyName} \r\n {tender?.showPhoneNumber && (\r\n
- {tender.companyPhoneNumber1Contact} {tender.companyPhoneNumber2Contact} \r\n )}\r\n {tender?.showEmailAddress && (\r\n
- {tender.applicationEmail} \r\n )}\r\n
- \r\n Afficher toutes les offres\r\n \r\n
< TenderExport tender={tender} />
\r\n \r\n
\r\n \r\n
\r\n - \r\n
- \r\n \r\n\r\n\r\n\r\n\r\n \r\n\r\n\r\n
\r\n
\r\n \r\n
\r\n - \r\n
\r\n
\r\n ) :\r\n (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n {tiles?.map((item, index) => (\r\n
\r\n {(data?.length > 0 && categories?.length > 0) && (\r\n \r\n
\r\n ))}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {item.name}
\r\n\r\n
\r\n {item.value}
\r\n\r\n
\r\n )}\r\n \r\n )}\r\n \r\n )\r\n}\r\n\r\n\r\nDashboard.propTypes = {\r\n getDashboardTiles: PropTypes.func.isRequired,\r\n getDashboardChart: PropTypes.func.isRequired,\r\n storeDashboard: PropTypes.object.isRequired,\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n getDashboardTiles: PropTypes.func.isRequired,\r\n getDashboardChart: PropTypes.func.isRequired,\r\n storeDashboard: state.dashboard\r\n});\r\n\r\nexport default connect(mapStateToProps, {\r\n getDashboardTiles, getDashboardChart\r\n})(Dashboard)","\r\nimport axios from \"axios\";\r\nimport { api } from \"../../../services/apiHelpers\";\r\nimport authentificationService from \"../../../services/authentificationService\"\r\n\r\nexport const SET_USER_DATA = \"USER_SET_DATA\";\r\nexport const REMOVE_USER_DATA = \"USER_REMOVE_DATA\";\r\nexport const USER_LOGGED_OUT = \"USER_LOGGED_OUT\";\r\nexport const CHANGE_USER_PASSWORD = \"CHANGE_USER_PASSWORD\";\r\nexport const GET_USER_LIST = \"GET_USER_LIST\";\r\nexport const USER_ACTION_LOADING = \"USER_ACTION_LOADING\";\r\nexport const USER_ACTION_SUCCESS = \"USER_ACTION_SUCCESS\";\r\nexport const USER_ACTION_ERROR = \"USER_ACTION_ERROR\";\r\nexport const USER_ACTION_SUBMITING = \"USER_ACTION_SUBMITING\"; //\r\nexport const USER_ACTION_SUBMITED = \"USER_ACTION_SUBMITED\";\r\nexport const SHOW_ALERT = \"SHOW_ALERT\";\r\nexport const HIDE_ALERT = \"HIDE_ALERT\";\r\nexport const USER_TABLE_CONTENT_LOADING = \"USER_TABLE_CONTENT_LOADING\";\r\nexport const USER_TABLE_CONTENT_LOADED = \"USER_TABLE_CONTENT_LOADED\";\r\n\r\n\r\n\r\nexport function setUserData(user) {\r\n return dispatch => {\r\n dispatch({\r\n type: SET_USER_DATA,\r\n data: user\r\n });\r\n };\r\n};\r\n\r\nexport const getUserList = () => dispatch => {\r\n dispatch({\r\n type: USER_ACTION_LOADING\r\n });\r\n return new Promise((resolve, reject) => {\r\n axios.get(api + \"/Users/list\").then(res => {\r\n if (res.data != null) {\r\n dispatch({\r\n type: GET_USER_LIST,\r\n data: res.data.usersList\r\n });\r\n dispatch({\r\n type: USER_ACTION_SUCCESS\r\n });\r\n resolve(res.data.usersList);\r\n }\r\n }).catch(error => {\r\n return dispatch({\r\n type: USER_ACTION_ERROR,\r\n data: error\r\n });\r\n });\r\n\r\n })\r\n\r\n};\r\n\r\nexport function logoutUser() {\r\n return dispatch => {\r\n this.logout();\r\n\r\n // history.push({\r\n // pathname: \"/session/signin\"\r\n // });\r\n\r\n dispatch({\r\n type: USER_LOGGED_OUT\r\n });\r\n dispatch({\r\n type: REMOVE_USER_DATA\r\n });\r\n };\r\n};\r\n\r\nexport const loginWithEmailAndPassword = (loginData) => dispatch => {\r\n dispatch({ // informe le reducer de user qu'un formulaire le concernant est en cours de soumission \r\n type: USER_ACTION_SUBMITING\r\n });\r\n return new Promise((resolve, reject) => {\r\n axios.post(api + \"/Users/login\", loginData).then(res => {\r\n if (res.data.success) { // Vérifie que le service a fournit une réponse souhaitée\r\n dispatch({ // Fournit la nouvelle liste d'utilisateur au reducer pour sa mise à jour \r\n type: SET_USER_DATA,\r\n data: res.data.user\r\n });\r\n dispatch({ // informe le reducer de user que le formulaire le concernant est traité\r\n type: USER_ACTION_SUBMITED\r\n });\r\n authentificationService.setSession(res.data.user.id);\r\n authentificationService.setUser(res.data.user);\r\n \r\n axios.defaults.headers.common['Authorization'] = `Bearer ${res.data.user.token}`;\r\n }\r\n resolve(res.data);\r\n }).catch(error => {\r\n return dispatch({\r\n type: USER_ACTION_ERROR,\r\n data: error\r\n });\r\n });\r\n })\r\n};\r\n\r\nexport const forgotPassword = (email) => dispatch => {\r\n dispatch({\r\n type: USER_ACTION_SUBMITING\r\n });\r\n return new Promise((resolve, reject) => {\r\n axios.post(api + \"/Users/forgotPassword\", email).then(res => {\r\n resolve(res.data);\r\n }).catch(error => {\r\n return dispatch({\r\n type: USER_ACTION_ERROR,\r\n data: error\r\n });\r\n });\r\n })\r\n};\r\n\r\nexport const changePassword = (requestData) => dispatch => {\r\n dispatch({\r\n type: USER_ACTION_SUBMITING\r\n });\r\n return new Promise((resolve, reject) => {\r\n axios.post(api + \"/Users/changePassword\", requestData).then(res => {\r\n resolve(res.data);\r\n }).catch(error => {\r\n resolve(false);\r\n return dispatch({\r\n type: USER_ACTION_ERROR,\r\n data: error\r\n });\r\n\r\n });\r\n })\r\n};\r\n\r\nexport const resetPassword = (request) => dispatch => {\r\n dispatch({\r\n type: USER_ACTION_SUBMITING\r\n });\r\n return new Promise((resolve, reject) => {\r\n axios.post(api + \"/Users/resetPassword\", request).then(res => {\r\n resolve(res.data);\r\n }).catch(error => {\r\n return dispatch({\r\n type: USER_ACTION_ERROR,\r\n data: error\r\n });\r\n });\r\n })\r\n};\r\n\r\nexport const logout = () => {\r\n\r\n this.removeUser();\r\n}\r\nexport const removeUser = () => {\r\n localStorage.removeItem(\"auth_user\");\r\n}\r\n\r\nexport const createUser = (user) => dispatch => {\r\n dispatch({ // informe le reducer de user qu'un formulaire le concernant est en cours de soumission \r\n type: USER_ACTION_SUBMITING\r\n });\r\n\r\n return new Promise((resolve, reject) => {\r\n axios.post(api + \"/Users/create\", user).then(res => {\r\n if (res.data.success) { // Vérifie que le service a fournit une réponse souhaitée\r\n dispatch({ // Fournit la nouvelle liste d'utilisateur au reducer pour sa mise à jour \r\n type: GET_USER_LIST,\r\n data: res.data.usersList\r\n });\r\n\r\n }\r\n resolve(res.data);\r\n }).catch(error => {\r\n return dispatch({\r\n type: USER_ACTION_ERROR,\r\n data: error\r\n });\r\n });\r\n }).then(data => {\r\n if (data) {\r\n dispatch({ // informe le reducer de user que le formulaire le concernant est traité\r\n type: USER_ACTION_SUBMITED\r\n });\r\n dispatch({ // informe le reducer de user qu'une alerte doit être affiché'\r\n type: SHOW_ALERT,\r\n data: \"Un utilisateur a été supprimé avec succès\"\r\n });\r\n }\r\n else {\r\n dispatch({// En cas d'erreur du service on affiche une alerte avec le message de service\r\n type: USER_ACTION_ERROR,\r\n data: data.message\r\n });\r\n }\r\n return data;\r\n });\r\n};\r\n\r\nexport const updateUser = (user) => dispatch => {\r\n dispatch({ // informe le reducer de user qu'un formulaire le concernant est en cours de soumission \r\n type: USER_ACTION_SUBMITING\r\n });\r\n\r\n return new Promise((resolve, reject) => {\r\n axios.post(api + \"/Users/update\", user).then(res => {\r\n if (res.data.success) { // Vérifie que le service a fournit une réponse souhaitée\r\n dispatch({ // Fournit la nouvelle liste d'utilisateur au reducer pour sa mise à jour \r\n type: GET_USER_LIST,\r\n data: res.data.usersList\r\n });\r\n\r\n }\r\n resolve(res.data);\r\n }).catch(error => {\r\n return dispatch({\r\n type: USER_ACTION_ERROR,\r\n data: error\r\n });\r\n });\r\n }).then(data => {\r\n if (data) {\r\n dispatch({ // informe le reducer de user que le formulaire le concernant est traité\r\n type: USER_ACTION_SUBMITED\r\n });\r\n dispatch({ // informe le reducer de user qu'une alerte doit être affiché'\r\n type: SHOW_ALERT,\r\n data: \"Un utilisateur a été supprimé avec succès\"\r\n });\r\n }\r\n else {\r\n dispatch({// En cas d'erreur du service on affiche une alerte avec le message de service\r\n type: USER_ACTION_ERROR,\r\n data: data.message\r\n });\r\n }\r\n return data;\r\n });\r\n};\r\n\r\nexport const deleteUser = (userId) => dispatch => {\r\n dispatch({ // informe le reducer de user qu'un formulaire le concernant est en cours de soumission \r\n type: USER_ACTION_SUBMITING\r\n });\r\n return new Promise((resolve, reject) => {\r\n axios.get(api + \"/Users/delete/\" + userId).then(res => {\r\n if (res.data.success) { // Vérifie que le service a fournit une réponse souhaitée\r\n dispatch({ // Fournit la nouvelle liste d'utilisateur au reducer pour sa mise à jour \r\n type: GET_USER_LIST,\r\n data: res.data.usersList\r\n });\r\n }\r\n resolve(res.data);\r\n }).catch(error => {\r\n return dispatch({\r\n type: USER_ACTION_ERROR,\r\n data: error\r\n });\r\n });\r\n }).then(data => {\r\n if (data) {\r\n dispatch({ // informe le reducer de user que le formulaire le concernant est traité\r\n type: USER_ACTION_SUBMITED\r\n });\r\n dispatch({ // informe le reducer de user qu'une alerte doit être affiché'\r\n type: SHOW_ALERT,\r\n data: \"Un utilisateur a été supprimé avec succès\"\r\n });\r\n }\r\n else {\r\n dispatch({// En cas d'erreur du service on affiche une alerte avec le message de service\r\n type: USER_ACTION_ERROR,\r\n data: data.message\r\n });\r\n }\r\n return data;\r\n });\r\n};\r\n\r\nexport const hideAlert = () => dispatch => {\r\n dispatch({\r\n type: HIDE_ALERT\r\n });\r\n};","import React, { useEffect } from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport PropTypes from \"prop-types\";\r\nimport { CircularProgress } from '@material-ui/core';\r\nimport { Helmet } from \"react-helmet\";\r\nimport { loginWithEmailAndPassword, forgotPassword } from \"../../../redux/actions/admin/UserActions\";\r\nimport { withRouter } from \"react-router\";\r\nimport CustomAlert from '../../shared/views/CustomAlert';\r\nimport $ from 'jquery';\r\nimport siteService from '../../../services/siteService';\r\n\r\nconst LoginPage = (props) => {\r\n\r\n const {\r\n\r\n loginWithEmailAndPassword,\r\n forgotPassword\r\n } = props;\r\n\r\n const [hasMissingValue, setHasMissingValue] = React.useState(false);\r\n const [isSubmitting, setIsSubmitting] = React.useState(false);\r\n const [loginData, setLoginData] = React.useState({ email: \"\", password: \"\" });\r\n const [loginFailed, setLoginFailed] = React.useState(false);\r\n const [canReconnect, setCanReconnect] = React.useState(false);\r\n const [adminForgotPassword, setAdminForgotPassword] = React.useState(false);\r\n const [alertMessage, setAlertMessage] = React.useState(\"\");\r\n const [alertType, setAlertType] = React.useState(\"\");\r\n const [buttonMessage, setButtonMessage] = React.useState(\"Connexion\");\r\n const currentSite = siteService.getCurrentSite();\r\n\r\n useEffect(() => {\r\n if (loginData.password == \"\"\r\n || loginData.password == undefined\r\n || loginData.email == \"\"\r\n || loginData.email == undefined\r\n ) {\r\n setHasMissingValue(true);\r\n }\r\n else {\r\n setHasMissingValue(false);\r\n }\r\n }, [loginData])\r\n\r\n let handleLoginUser = () => {\r\n setIsSubmitting(true);\r\n setLoginFailed(false);\r\n loginWithEmailAndPassword(loginData).then(response => {\r\n setIsSubmitting(false);\r\n if (response.success) {\r\n props.history.push({\r\n pathname: \"/admin/dashboard\"\r\n });\r\n }\r\n else {\r\n setLoginFailed(true);\r\n props.history.push({\r\n pathname: \"/admin/signin\"\r\n });\r\n }\r\n });\r\n }\r\n\r\n let handleForgotPassword = (email) => {\r\n setIsSubmitting(true);\r\n forgotPassword({ email: email }).then(response => {\r\n setIsSubmitting(false);\r\n setCanReconnect(true);\r\n setButtonMessage(\"Se reconnecter\")\r\n if (response) {\r\n setAlertMessage(\"Un message vous a été envoyé à l'adresse: \" + email + \". Veuillez cliquer sur le bouton Réinitialiser mon mot de passe dans le message et suivez les instructions\")\r\n setAlertType(\"alert-success\");\r\n // closeLoginModal.current.click();\r\n }\r\n else {\r\n setAlertMessage(\"L'email est incorrect.\");\r\n setAlertType(\"alert-danger\");\r\n }\r\n });\r\n }\r\n\r\n let handleResetformValues = () => {\r\n setAdminForgotPassword(false);\r\n setCanReconnect(false);\r\n setAlertMessage(\"\");\r\n setAlertType(\"\");\r\n setButtonMessage(\"Connexion\")\r\n }\r\n\r\n // Start keydown mechanism\r\n let onKeydown = event => {\r\n if (event.code === \"Enter\" || event.code === \"NumpadEnter\") {\r\n if (!hasMissingValue) {\r\n handleLoginUser();\r\n }\r\n event.preventDefault();\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n document.addEventListener(\"keydown\", onKeydown);\r\n return () => {\r\n document.removeEventListener(\"keydown\", onKeydown);\r\n };\r\n }, [onKeydown]);\r\n //End keydown mechanism\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Malibaara.com - Administration
\r\n\r\n
\r\n ) : (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n )\r\n }\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n Liste des utilisateurs
\r\n\r\n
\r\n\r\n {/* Start Create user modal */}\r\n \r\n\r\n \r\n \r\n
\r\n
\r\n | Prénom | \r\nNom | \r\nTéléphone | \r\nRôles | \r\n\r\n | |
|---|---|---|---|---|---|
| {user.firstName} | \r\n{user.lastName} | \r\n{user.email} | \r\n{user.phoneNumber1} | \r\n\r\n{user.roles?.map((role, index) => (\r\n role.name + \" \"\r\n ))} | \r\n\r\n
| \r\n
\r\n
\r\n {/* End Create user modale */}\r\n\r\n {/* Start Delete user modale */}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Création d'un nouvel utilisateur
\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n setUser(prevState => { return { ...prevState, firstName: val } });\r\n }}\r\n />\r\n {user.firstName?.length > 50 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n setUser(prevState => { return { ...prevState, lastName: val } });\r\n }}\r\n />\r\n {user.lastName?.length > 50 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n let isValide = validator.isEmail(e.target.value);\r\n setUser(prevState => { return { ...prevState, email: val } });\r\n if (invalideEmail) {\r\n setInvalideEmail(!isValide);\r\n }\r\n }}\r\n onBlur={(e) => {\r\n let val = validator.isEmail(e.target.value);\r\n setInvalideEmail(!val);\r\n }}\r\n />\r\n {user.email?.length > 50 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n {(user.email != \"\" && invalideEmail) && (\r\nFormat d'email invalide
\r\n )}\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n if (user.confirmPassword != '' && user.conformPassword != undefined) {\r\n setareNotSame(user.confirmPassword?.normalize() !== val.normalize());\r\n }\r\n setUser(prevState => { return { ...prevState, password: val } });\r\n }}\r\n value={user.password}\r\n required\r\n />\r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n setareNotSame(user.password?.normalize() !== val.normalize());\r\n setUser(prevState => { return { ...prevState, confirmPassword: val } });\r\n }}\r\n value={user.confirmPassword} />\r\n {areNotSame && (\r\n
\r\n Les deux mots de passe sont différents.
\r\n )}\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n setUser(prevState => { return { ...prevState, phoneNumber1: val } });\r\n }}\r\n />\r\n {user.phoneNumber1?.length > 50 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n {(user.phoneNumber1 != \"\" && !(new RegExp(/^[0-9\\b]+$/)).test(user.phoneNumber1)) && (\r\nFormat invalide
\r\n )}\r\n\r\n \r\n user?.roles?.some(r => r == opt.value))}\r\n options={userRoleSelectListOptions}\r\n loadingMessage=\"En cours de chargement\"\r\n isMulti\r\n onChange={(option) => {\r\n let unique = [...new Set(option.map(item => item.value))];\r\n setUser(prevState => {\r\n return { ...prevState, roles: unique }\r\n });\r\n }}\r\n />\r\n
\r\n \r\n \r\n Annuler\r\n \r\n \r\n Soumettre {isCreatting ?
\r\n \r\n
\r\n {/* End Delete user modale */}\r\n\r\n {/* Start update user modale */}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n Suppression d'un utlisateur: {userToDelete?.firstName + \" \" + userToDelete?.lastName}
\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Modification d'un utilisateur
\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n setUserToUpdate(prevState => { return { ...prevState, firstName: val } });\r\n }}\r\n />\r\n {userToUpdate.firstName?.length > 50 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n setUserToUpdate(prevState => { return { ...prevState, lastName: val } });\r\n }}\r\n />\r\n {userToUpdate.lastName?.length > 50 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n let isValide = validator.isEmail(e.target.value);\r\n setUserToUpdate(prevState => { return { ...prevState, email: val } });\r\n if (invalideEmail) {\r\n setInvalideEmail(!isValide);\r\n }\r\n }}\r\n onBlur={(e) => {\r\n let val = validator.isEmail(e.target.value);\r\n setInvalideEmail(!val);\r\n }}\r\n />\r\n {userToUpdate.email?.length > 50 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n {(userToUpdate.email != \"\" && invalideEmail) && (\r\nFormat d'email invalide
\r\n )}\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n setUserToUpdate(prevState => { return { ...prevState, phoneNumber1: val } });\r\n }}\r\n />\r\n {userToUpdate.phoneNumber1?.length > 50 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n {(userToUpdate.phoneNumber1 != undefined && userToUpdate.phoneNumber1 != \"\" && !(new RegExp(/^[0-9\\b]+$/)).test(userToUpdate.phoneNumber1)) && (\r\nFormat invalide
\r\n )}\r\n\r\n \r\n [...new Set(userToUpdate.roles?.map(item => item.id ? item.id : item))]?.some(r => r == opt.value))}\r\n options={userRoleSelectListOptions}\r\n loadingMessage=\"En cours de chargement\"\r\n isMulti\r\n onChange={(option) => {\r\n let unique = [...new Set(option.map(item => item.value))];\r\n setUserToUpdate(prevState => {\r\n return { ...prevState, roles: unique }\r\n });\r\n }}\r\n />\r\n
\r\n \r\n \r\n Annuler\r\n \r\n \r\n Soumettre {isUpdatting ?
\r\n\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Mot de passe oublié
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Changer le mot de passe
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n setChangePasswordRequest(prevState => { return { ...prevState, currentPassword: val } });\r\n }}\r\n />\r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n if (changePasswordRequest.newPasswordConfirmation !== \"\" && changePasswordRequest.conformPassword !== undefined) {\r\n setAreNotSame(changePasswordRequest.newPasswordConfirmation.normalize() !== val.normalize());\r\n }\r\n setChangePasswordRequest(prevState => { return { ...prevState, newPassword: val } });\r\n }}\r\n />\r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n setAreNotSame(changePasswordRequest.newPassword.normalize() !== val.normalize());\r\n setChangePasswordRequest(prevState => { return { ...prevState, newPasswordConfirmation: val } });\r\n }}\r\n />\r\n {areNotSame && (\r\n
\r\n Les deux mots de passe sont différents.
\r\n )}\r\n \r\n \r\n Sauvegarder {isSubmetting ?
\r\n {changed && (\r\n \r\n
\r\n )}\r\n \r\n
\r\n ) : (\r\n <>\r\n {/* \r\n
*/}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Admin : Rôles
\r\n \r\n\r\n
\r\n\r\n\r\n \r\n )}\r\n \r\n );\r\n}\r\n\r\nRoleListing.propTypes = {\r\n updateRole: PropTypes.func.isRequired,\r\n storeUsers: PropTypes.object.isRequired,\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n storeUsers: state.users,\r\n updateRole: PropTypes.func.isRequired\r\n});\r\n\r\nexport default connect(mapStateToProps, {\r\n updateRole\r\n})(RoleListing)","import React, { useEffect } from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport PropTypes from \"prop-types\";\r\n// import { jobSearch } from \"../../redux/actions/JobActions\"\r\nimport { CircularProgress } from '@material-ui/core';\r\nimport { Link } from \"react-router-dom\";\r\nimport { createAds, deleteAds, getAdsList } from \"../../../redux/actions/admin/AdsActions\";\r\nimport { Helmet } from \"react-helmet\";\r\nimport $ from 'jquery';\r\nimport { DropzoneArea } from 'material-ui-dropzone';\r\nimport siteService from '../../../services/siteService';\r\n\r\nexport const AdsListing = (props) => {\r\n const { createAds, deleteAds, getAdsList, storeAds = {} } = props;\r\n\r\n const [isLoading, setIsLoading] = React.useState(false);\r\n const [isDeletting, setIsDeletting] = React.useState(false);\r\n const [isCreatting, setIsCreatting] = React.useState(false);\r\n const [newAds, setNewAds] = React.useState({ name: \"\", link: \"\", openInNewTab: false, order: \"\" });\r\n const [hasMissingValue, setHasMissingValue] = React.useState(true);\r\n const [selectedFile, setSelectedFile] = React.useState()\r\n const [preview, setPreview] = React.useState();\r\n const [adsTodelete, setAdsTodelete] = React.useState(null);\r\n const closeAdsCreateModal = React.useRef();\r\n const closeDeleteAdsModal = React.useRef();\r\n const [adsList, setAdsList] = React.useState(null);\r\n const currentSite = siteService.getCurrentSite();\r\n\r\n useEffect(() => {\r\n if (storeAds.adsList.length > 0 && adsList == null) {\r\n setAdsList(storeAds.adsList);\r\n }\r\n else if (storeAds.adsList.length === 0) {\r\n getAdsList(true).then(response => {\r\n if (response.success) {\r\n setAdsList(response.adsList);\r\n }\r\n })\r\n }\r\n }, [])\r\n\r\n useEffect(() => {\r\n checkRequiredFields();\r\n }, [newAds]);\r\n\r\n useEffect(() => {\r\n if (storeAds.loading != isLoading) {\r\n setIsLoading(storeAds.loading);\r\n }\r\n }, [storeAds]);\r\n\r\n useEffect(() => {\r\n checkRequiredFields();\r\n if (!selectedFile) {\r\n setPreview(undefined)\r\n return\r\n }\r\n const objectUrl = URL.createObjectURL(selectedFile)\r\n setPreview(objectUrl)\r\n return () => URL.revokeObjectURL(objectUrl)\r\n }, [selectedFile]);\r\n\r\n const onSelectFile = e => {\r\n if (!e.target.files || e.target.files.length === 0) {\r\n setSelectedFile(e.target.files[0]);\r\n return\r\n }\r\n setSelectedFile(e.target.files[0]);\r\n }\r\n\r\n const handleSubmit = () => {\r\n setIsCreatting(true);\r\n let adsCopy = newAds;\r\n if (!adsCopy.order || adsCopy.order == \"\") {\r\n adsCopy.order = 0;\r\n }\r\n createAds(selectedFile, newAds).then(resp => {\r\n if (resp.success) {\r\n setAdsList(resp.adsList);\r\n setNewAds({ name: \"\", link: \"\", openInNewTab: false, order: \"\" });\r\n closeAdsCreateModal.current.click();\r\n setIsCreatting(false);\r\n setSelectedFile(undefined);\r\n }\r\n })\r\n }\r\n\r\n const handleDeleteSubmit = () => {\r\n setIsDeletting(true);\r\n deleteAds(adsTodelete?.id).then(resp => {\r\n setAdsTodelete(null);\r\n if (resp.success) {\r\n setAdsList(resp.adsList);\r\n }\r\n closeDeleteAdsModal.current.click();\r\n setIsDeletting(false);\r\n });\r\n }\r\n\r\n let checkRequiredFields = () => {\r\n if (newAds.name == \"\"\r\n ) {\r\n setHasMissingValue(true);\r\n }\r\n else if (newAds.link?.length > 200) {\r\n setHasMissingValue(true);\r\n }\r\n else {\r\n setHasMissingValue(false);\r\n }\r\n }\r\n\r\n // Start keydown mechanism\r\n let onKeydown = event => {\r\n if (event.code === \"Enter\" || event.code === \"NumpadEnter\") {\r\n if ($('#createAdsModal').attr('class')?.includes(\"show\")) {\r\n if (!hasMissingValue) {\r\n handleSubmit();\r\n }\r\n }\r\n event.preventDefault();\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n document.addEventListener(\"keydown\", onKeydown);\r\n return () => {\r\n document.removeEventListener(\"keydown\", onKeydown);\r\n };\r\n }, [onKeydown]);\r\n //End keydown mechanism\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n Liste des rôles
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | \r\n | Administrator | \r\nEditor | \r\nCandidate | \r\nEmployer | \r\n\r\n |
|---|---|---|---|---|---|
| {permission.ShortName} | \r\n\r\n \r\n \r\n | \r\n \r\n \r\n \r\n | \r\n \r\n \r\n \r\n | \r\n \r\n \r\n \r\n | \r\n \r\n
| \r\n
\r\n
\r\n ) : (\r\n <>\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n {/* Start Delete ads modale */}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Liste des publicités
\r\n\r\n Ajouter une publicité\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | Nom | \r\nStatut | \r\n\r\n |
|---|---|---|
| {ads.name} | \r\n\r\n {ads.isActive ? ( Actif ) : (Inactif )}\r\n | \r\n \r\n
| \r\n
\r\n
\r\n {/* End Delete ads modale */}\r\n\r\n {/* Start create ads modale */}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n\r\n Suppression d'une publicité: {adsTodelete?.name}
\r\n \r\n\r\n
\r\n\r\n \r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n Création d'une nouvelle publicité
\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n setNewAds(prevState => { return { ...prevState, name: val } });\r\n }}\r\n />\r\n {newAds?.name?.length > 200 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n setNewAds(prevState => { return { ...prevState, link: val } });\r\n }}\r\n />\r\n {newAds.link?.length > 50 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n setNewAds(prevState => {\r\n return { ...prevState, order: val }\r\n })\r\n }}\r\n />\r\n
\r\n\r\n \r\n \r\n {\r\n setSelectedFile(files[0])\r\n }}\r\n />\r\n
\r\n La taille maximale du fichier est de 5MB
\r\n\r\n
\r\n\r\n \r\n {\r\n let val = e.target.checked;\r\n setNewAds(prevState => {\r\n return { ...prevState, openInNewTab: val }\r\n });\r\n }}\r\n />\r\n \r\n
\r\n \r\n \r\n Annuler\r\n \r\n \r\n Soumettre {isCreatting ?
\r\n\r\n \r\n
\r\n ) : (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n {/* Start Delete smsNotification modale */}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Liste des SMS
\r\n\r\n Ajouter un SMS\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | Titre | \r\nMessages envoyés | \r\nStatut | \r\n\r\n |
|---|---|---|---|
| {smsNotification.title} | \r\n{smsNotification.lastSentRecipientIndex} | \r\n\r\n | \r\n \r\n\r\n
| \r\n
\r\n
\r\n {/* End Delete smsNotification modale */}\r\n\r\n\r\n {/* Start Restart smsNotification modale */}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n\r\n Suppression d'un SMS: {smsNotificationTodelete?.title}
\r\n \r\n\r\n
\r\n {/* End Restart smsNotification modale */}\r\n\r\n {/* Start create smsNotification modale */}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n\r\n Relancement d'un SMS: {smsNotificationToRestart?.title}
\r\n \r\n\r\n
\r\n\r\n \r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n Création d'un SMS
\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n setNewSmsNotification(prevState => { return { ...prevState, title: val } });\r\n }}\r\n />\r\n
\r\n \r\n \r\n {\r\n setCount(e.target.value.length)\r\n let content = newSmsNotification.content;\r\n content = e.target.value;\r\n let val = e.target?.value;\r\n setNewSmsNotification(prevState => { return { ...prevState, content: val } });\r\n }}\r\n\r\n onKeyDown={e => {\r\n if (e.key == \"Enter\") {\r\n let content = newSmsNotification.content;\r\n let val = e.target?.value + \"\\n\";\r\n setNewSmsNotification(prevState => { return { ...prevState, content: val } });\r\n }\r\n }}\r\n >\r\n
\r\n\r\n {count} caractères sur 160
\r\n \r\n \r\n {\r\n setNewSmsNotification(prevState => { return { ...prevState, category: option?.value } });\r\n }}\r\n isDisabled={\"\"}\r\n />\r\n
\r\n \r\n \r\n {\r\n let additionalNumbers = newSmsNotification.additionalNumbers;\r\n additionalNumbers = e.target.value;\r\n let val = e.target?.value;\r\n setNewSmsNotification(prevState => { return { ...prevState, additionalNumbers: val } });\r\n }}\r\n onKeyDown={e => {\r\n if (e.key == \"Enter\") {\r\n let additionalNumbers = newSmsNotification.additionalNumbers;\r\n let val = e.target?.value + \"\\n\";\r\n setNewSmsNotification(prevState => { return { ...prevState, additionalNumbers: val } });\r\n }\r\n }}\r\n >\r\n
\r\n \r\n \r\n\r\n opt?.value == \"2\")}\r\n options={NetworkOperator}\r\n loadingMessage=\"En cours de chargement\"\r\n onChange={(option) => {\r\n setNewSmsNotification(prevState => { return { ...prevState, networkOperator: option?.value } });\r\n }}\r\n isDisabled={\"\"}\r\n />\r\n
\r\n \r\n \r\n Annuler\r\n \r\n \r\n Soumettre {isCreatting ?
\r\n\r\n - \r\n
- \r\n \r\n setCandidateTodelete(candidate)}>\r\n \r\n \r\n
\r\n
\r\n \r\n )\r\n :\r\n (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n {/* Start Delete user modale */}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Liste des candidats
\r\n\r\n {isDeleted && (\r\n
\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {/* End Delete user modale */}\r\n \r\n )\r\n }\r\n \r\n )\r\n}\r\n\r\nCandidateListing.propTypes = {\r\n getCandidateList: PropTypes.func.isRequired,\r\n storeCandidate: PropTypes.object.isRequired,\r\n deleteCandidate: PropTypes.func.isRequired,\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n getCandidateList: PropTypes.func.isRequired,\r\n storeCandidate: state.candidate,\r\n deleteCandidate: PropTypes.func.isRequired,\r\n});\r\n\r\nexport default connect(mapStateToProps, { getCandidateList, deleteCandidate })(CandidateListing)","import React, { useEffect, useRef } from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport PropTypes from \"prop-types\";\r\n// import { employerSearch } from \"../../redux/actions/EmployerActions\"\r\nimport { CircularProgress } from '@material-ui/core';\r\nimport { Link } from \"react-router-dom\";\r\nimport { getEmployerList, deleteEmployer, createEmployer } from \"../../../redux/actions/admin/EmployerActions\";\r\nimport { Helmet } from \"react-helmet\";\r\nimport { useHistory } from 'react-router-dom';\r\nimport validator from 'validator';\r\nimport $ from 'jquery';\r\nimport siteService from '../../../services/siteService';\r\n\r\nlet EmployerListing = (props) => {\r\n\r\n const {\r\n getEmployerList,\r\n deleteEmployer,\r\n storeEmployer = {},\r\n createEmployer\r\n } = props;\r\n\r\n const descriptionHtmlEditor = useRef();\r\n const closeEmployerCreateModal = useRef();\r\n const closeEmployerDeleteModal = useRef();\r\n const history = useHistory();\r\n\r\n const currentSite = siteService.getCurrentSite();\r\n const [isLoading, setIsLoading] = React.useState(true);\r\n const [employersList, setEmployersList] = React.useState([]);\r\n const [initialEmployersList, setInitialEmployersList] = React.useState([]);\r\n const [employerTodelete, setEmployerTodelete] = React.useState(null);\r\n const [isUpdating, setIsUpdating] = React.useState(false);\r\n const [isDeleting, setIsDeleting] = React.useState(false);\r\n const [hasMissingValue, setHasMissingValue] = React.useState(true);\r\n const [employer, setEmployer] = React.useState(\r\n {\r\n companyName: \"\",\r\n companyPhoneNumber1Contact: \"\",\r\n email: \"\",\r\n companyPhoneNumber2Contact: \"\",\r\n companyEmailContact: \"\",\r\n order: \"\",\r\n description: \"\"\r\n });\r\n const [invalideEmail1, setInvalideEmail1] = React.useState(false);\r\n const [invalideEmail2, setInvalideEmail2] = React.useState(false);\r\n\r\n\r\n useEffect(() => {\r\n if (employersList.length == 0 && storeEmployer.employersList.length == 0) {\r\n getEmployerList(true).then(resp => {\r\n setEmployersList(resp.employersList);\r\n setInitialEmployersList(resp.employersList);\r\n setIsLoading(false);\r\n });\r\n }\r\n else if (employersList.length == 0 && storeEmployer.employersList.length > 0) {\r\n setEmployersList(storeEmployer.employersList);\r\n setInitialEmployersList(storeEmployer.employersList);\r\n setIsLoading(false);\r\n }\r\n window.scrollTo(0, 0)\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (employer.companyName == \"\"\r\n || employer.companyName == undefined\r\n || employer.companyPhoneNumber1Contact == \"\"\r\n || employer.companyPhoneNumber1Contact == undefined\r\n || employer.email == \"\"\r\n || employer.email == undefined\r\n ) {\r\n setHasMissingValue(true);\r\n }\r\n else if (employer.companyName?.length > 200\r\n || employer.companyEmailContact?.length > 50\r\n || employer.companyPhoneNumber1Contact?.length > 50\r\n || employer.companyPhoneNumber2Contact?.length > 50\r\n || (employer.email != \"\" && !validator.isEmail(employer.email))\r\n || (employer.companyEmailContact != \"\" && !validator.isEmail(employer.companyEmailContact))\r\n || (employer?.companyPhoneNumber1Contact != \"\" && !(new RegExp(/^[0-9\\b]+$/)).test(employer?.companyPhoneNumber1Contact))\r\n || (employer?.companyPhoneNumber2Contact != \"\" && !(new RegExp(/^[0-9\\b]+$/)).test(employer?.companyPhoneNumber2Contact))\r\n ) {\r\n setHasMissingValue(true);\r\n }\r\n else {\r\n setHasMissingValue(false);\r\n }\r\n }, [employer]);\r\n\r\n const handleUpdateSubmit = () => {\r\n setIsUpdating(true);\r\n let employerCopy = employer;\r\n if (!employerCopy.order || employerCopy.order == \"\") {\r\n employerCopy.order = 0;\r\n }\r\n createEmployer(employerCopy).then(res => {\r\n if (res.success) {\r\n setEmployersList(res.employersList);\r\n }\r\n setIsUpdating(false);\r\n closeEmployerCreateModal.current.click();\r\n setEmployer({\r\n companyName: \"\",\r\n companyPhoneNumber1Contact: \"\",\r\n email: \"\",\r\n companyPhoneNumber2Contact: \"\",\r\n companyEmailContact: \"\"\r\n });\r\n });\r\n }\r\n\r\n const handleDeleteSubmit = () => {\r\n setIsDeleting(true);\r\n deleteEmployer(employerTodelete?.id).then(resp => {\r\n setEmployerTodelete(null);\r\n setEmployersList(resp.employersList);\r\n closeEmployerDeleteModal.current.click();\r\n setIsDeleting(false);\r\n });\r\n }\r\n\r\n const handleSearchBoxChange = (event) => {\r\n let searchTerm = event.target.value;\r\n let filteredData = initialEmployersList.filter(value => {\r\n return (\r\n value.companyName?.toLowerCase().includes(searchTerm.toLowerCase()) ||\r\n value.companyPhoneNumber1Contact?.toLowerCase().includes(searchTerm.toLowerCase())\r\n );\r\n });\r\n setEmployersList(filteredData);\r\n }\r\n\r\n // Start keydown mechanism\r\n let onKeydown = event => {\r\n if (event.code === \"Enter\" || event.code === \"NumpadEnter\") {\r\n if ($('#createEmployerModal').attr('class')?.includes(\"show\")) {\r\n if (!hasMissingValue) {\r\n handleUpdateSubmit();\r\n }\r\n }\r\n event.preventDefault();\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n document.addEventListener(\"keydown\", onKeydown);\r\n return () => {\r\n document.removeEventListener(\"keydown\", onKeydown);\r\n };\r\n }, [onKeydown]);\r\n //End keydown mechanism\r\n\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n\r\n Suppression d'un Candidat: {candidateTodelete?.firstName + \" \" + candidateTodelete?.lastName}
\r\n \r\n\r\n
\r\n ) :\r\n (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n {/* Start Delete user modale */}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {employersList?.length} employeurs
\r\n\r\n Ajouter un employeur\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | Nom de la compagnie | \r\nEmail de contact | \r\nTéléphone | \r\nStatut | \r\n\r\n |
|---|---|---|---|---|
| {employer.companyName} | \r\n\r\n {employer.companyEmailContact}\r\n | \r\n{employer.companyPhoneNumber1Contact} | \r\n{employer.isActive ? ( Actif ) : (Inactif )} | \r\n \r\n
| \r\n
\r\n
\r\n {/* End Delete user modale */}\r\n\r\n {/* Start create employer modale */}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n\r\n Suppression d'un employeur: {employerTodelete?.companyName}
\r\n \r\n\r\n
\r\n\r\n \r\n )}\r\n\r\n \r\n )\r\n\r\n}\r\n\r\n\r\nEmployerListing.propTypes = {\r\n deleteEmployer: PropTypes.func.isRequired,\r\n getEmployerList: PropTypes.func.isRequired,\r\n createEmployer: PropTypes.func.isRequired,\r\n storeEmployer: PropTypes.object.isRequired,\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n deleteEmployer: PropTypes.func.isRequired,\r\n getEmployerList: PropTypes.func.isRequired,\r\n createEmployer: PropTypes.func.isRequired,\r\n storeEmployer: state.employer\r\n});\r\n\r\nexport default connect(mapStateToProps, { getEmployerList, deleteEmployer, createEmployer })(EmployerListing)","import React, { useEffect } from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport PropTypes from \"prop-types\";\r\nimport { getJobApplicationList, } from \"../../../redux/actions/JobActions\"\r\nimport { CircularProgress } from '@material-ui/core';\r\n// import darkblue from '../../../assets/images/bg/dark-blue.jpg';\r\nimport { Link, withRouter } from \"react-router-dom\";\r\nimport { Helmet } from \"react-helmet\";\r\nimport moment from 'moment';\r\nimport 'moment/locale/fr';\r\nimport ReactDatatable from '@ashvin27/react-datatable';\r\nimport siteService from '../../../services/siteService';\r\n\r\nlet columns = [\r\n {\r\n key: \"jobNumber\",\r\n text: \"Numéro\",\r\n // width: \"10%\",\r\n className: \"jobNumber\",\r\n align: \"right\",\r\n sortable: true,\r\n },\r\n {\r\n key: \"title\",\r\n text: \"Titre\",\r\n // width: \"45%\",\r\n className: \"title\",\r\n align: \"left\",\r\n sortable: true,\r\n },\r\n {\r\n key: \"employer\",\r\n text: \"Employeur\",\r\n // width: \"25%\",\r\n className: \"emplyer\",\r\n align: \"left\",\r\n sortable: true,\r\n },\r\n {\r\n key: \"postedDate\",\r\n text: \"Date\",\r\n // width: \"15%\",\r\n className: \"postedDate\",\r\n align: \"left\",\r\n sortable: true,\r\n },\r\n {\r\n key: \"action\",\r\n text: \"\",\r\n className: \"action\",\r\n // width: \"5%\",\r\n align: \"left\",\r\n sortable: false,\r\n cell: job => {\r\n return (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n Création de compte employeur
\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n setEmployer(prevState => {\r\n return { ...prevState, companyName: val }\r\n })\r\n }}\r\n />\r\n {employer.companyName?.length > 200 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n let isValide = validator.isEmail(e.target.value);\r\n setEmployer(prevState => { return { ...prevState, companyEmailContact: val } });\r\n if (invalideEmail1) {\r\n setInvalideEmail1(!isValide);\r\n }\r\n }}\r\n onBlur={(e) => {\r\n let val = validator.isEmail(e.target.value);\r\n setInvalideEmail1(!val);\r\n }}\r\n />\r\n {(employer.companyEmailContact != \"\" && invalideEmail1) && (\r\n
\r\n Format d'email invalide
\r\n )}\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n setEmployer(prevState => {\r\n return { ...prevState, companyPhoneNumber1Contact: val }\r\n })\r\n }}\r\n />\r\n {employer.companyPhoneNumber1Contact?.length > 50 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n {(employer?.companyPhoneNumber1Contact != \"\" && !(new RegExp(/^[0-9\\b]+$/)).test(employer?.companyPhoneNumber1Contact)) && (\r\nFormat invalide
\r\n )}\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n setEmployer(prevState => {\r\n return { ...prevState, companyPhoneNumber2Contact: val }\r\n })\r\n }}\r\n />\r\n {employer.companyPhoneNumber2Contact?.length > 50 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n {(employer?.companyPhoneNumber2Contact != \"\" && !(new RegExp(/^[0-9\\b]+$/)).test(employer?.companyPhoneNumber2Contact)) && (\r\nFormat invalide
\r\n )}\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n let isValide = validator.isEmail(e.target.value);\r\n setEmployer(prevState => { return { ...prevState, email: val } });\r\n if (invalideEmail2) {\r\n setInvalideEmail2(!isValide);\r\n }\r\n }}\r\n onBlur={(e) => {\r\n let val = validator.isEmail(e.target.value);\r\n setInvalideEmail2(!val);\r\n }}\r\n />\r\n {(employer.email != \"\" && invalideEmail2) && (\r\n
\r\n Format d'email invalide
\r\n )}\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n setEmployer(prevState => { return { ...prevState, description: val } });\r\n }}\r\n >\r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n setEmployer(prevState => {\r\n return { ...prevState, order: val }\r\n })\r\n }}\r\n />\r\n
\r\n \r\n
\r\n \r\n {\r\n let val = e.target?.checked;\r\n setEmployer(prevState => {\r\n return { ...prevState, isActive: val }\r\n });\r\n }}\r\n />\r\n \r\n
\r\n \r\n \r\n Annuler\r\n \r\n \r\n Soumettre {isUpdating ?
\r\n\r\n - \r\n
- \r\n
\r\n
\r\n ) : (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n )\r\n }\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {jobsList?.length + archiveJobsList?.length} offres d'emploi
\r\n\r\n
\r\n ) : (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Recherche avancée
\r\n\r\n {\r\n setSelectedFilterOptions(\r\n [\r\n {\r\n label: \"\",\r\n type: \"\",\r\n required: false,\r\n value: \"\",\r\n optionsValue: [],\r\n id: \"\",\r\n selectedOperator: \"\",\r\n operators: []\r\n }\r\n ]\r\n );\r\n selectInputRef.current?.clearValue();\r\n setSearchResult(applications);\r\n }}\r\n > Réinitialiser\r\n \r\n
\r\n {selectedfilterOptions?.map((filter, index) => (\r\n <>\r\n \r\n \r\n {\r\n if (selectedfilterOptions?.length == 1) {\r\n let array = [...selectedfilterOptions];\r\n array[0].id = option.value;\r\n array[0].label = option.label;\r\n array[0].optionsValue = option.optionsValue;\r\n array[0].required = option.required;\r\n array[0].selectedOperator = \"\";\r\n array[0].value = \"\";\r\n array[0].type = option.type;\r\n setSelectedFilterOptions(array);\r\n getOperatorOptions(option.type, 0);\r\n }\r\n else {\r\n let indexOf = selectedfilterOptions.findIndex(x => x.id == filter.id);\r\n if (indexOf > -1) {\r\n let array = [...selectedfilterOptions];\r\n array[indexOf].id = option.value;\r\n array[indexOf].label = option.label;\r\n array[indexOf].optionsValue = option.optionsValue;\r\n array[indexOf].required = option.required;\r\n array[indexOf].selectedOperator = \"\";\r\n array[indexOf].value = \"\";\r\n array[indexOf].type = option.type;\r\n setSelectedFilterOptions(array);\r\n getOperatorOptions(option.type, indexOf);\r\n }\r\n }\r\n }}\r\n />\r\n
\r\n \r\n \r\n {\r\n //setApplications(prevState => { return { ...prevState, category: option?.label } });\r\n let indexOf = selectedfilterOptions.findIndex(x => x.id == filter.id);\r\n if (indexOf > -1) {\r\n let array = [...selectedfilterOptions];\r\n array[indexOf].selectedOperator = option.value;\r\n setSelectedFilterOptions(array);\r\n }\r\n }}\r\n />\r\n
\r\n {\r\n filter.type == \"MultiValue\" ?\r\n (\r\n <>\r\n \r\n \r\n {\r\n let indexOf = selectedfilterOptions.findIndex(x => x.id == filter.id);\r\n if (indexOf > -1) {\r\n let unique = [...new Set(option.map(item => item.value))];\r\n let array = [...selectedfilterOptions];\r\n array[indexOf].value = unique.join('\\n');\r\n setSelectedFilterOptions(array);\r\n }\r\n }}\r\n />\r\n
\r\n \r\n ) :\r\n filter.type == \"SingleValue\" ?\r\n (\r\n <>\r\n \r\n \r\n {\r\n let indexOf = selectedfilterOptions.findIndex(x => x.id == filter.id);\r\n if (indexOf > -1) {\r\n let array = [...selectedfilterOptions];\r\n array[indexOf].value = option.value;\r\n setSelectedFilterOptions(array);\r\n }\r\n }}\r\n />\r\n
\r\n \r\n ) :\r\n filter.type == \"Numeric\" ?\r\n (\r\n \r\n \r\n {\r\n let indexOf = selectedfilterOptions.findIndex(x => x.id == filter.id);\r\n if (indexOf > -1) {\r\n let array = [...selectedfilterOptions];\r\n array[indexOf].value = e.target.value;\r\n setSelectedFilterOptions(array);\r\n }\r\n }}\r\n placeholder=\"\"\r\n // disabled={published}\r\n />\r\n
\r\n ) :\r\n filter.type == \"Boolean\" ?\r\n (\r\n \r\n \r\n
\r\n\r\n ) :\r\n filter.type == \"DateTime\" ?\r\n (\r\n \r\n
\r\n \r\n {\r\n let val = e.target?.value;\r\n let indexOf = selectedfilterOptions.findIndex(x => x.id == filter.id);\r\n if (indexOf > -1) {\r\n let array = [...selectedfilterOptions];\r\n array[indexOf].value = val;\r\n setSelectedFilterOptions(array);\r\n }\r\n }}\r\n />\r\n \r\n
\r\n \r\n {\r\n let val = e.target?.value;\r\n let indexOf = selectedfilterOptions.findIndex(x => x.id == filter.id);\r\n if (indexOf > -1) {\r\n let array = [...selectedfilterOptions];\r\n array[indexOf].value = val;\r\n setSelectedFilterOptions(array);\r\n }\r\n }}\r\n />\r\n \r\n
\r\n \r\n \r\n
\r\n ) :\r\n (\r\n \r\n {\r\n let indexOf = selectedfilterOptions.findIndex(x => x.id == filter.id);\r\n if (indexOf > -1) {\r\n let array = [...selectedfilterOptions];\r\n array[indexOf].value = e.target?.value;\r\n setSelectedFilterOptions(array);\r\n }\r\n }}\r\n // disabled={published}\r\n />\r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n let indexOf = selectedfilterOptions.findIndex(x => x.id == filter.id);\r\n if (indexOf > -1) {\r\n let array = [...selectedfilterOptions];\r\n array[indexOf].value = val;\r\n setSelectedFilterOptions(array);\r\n }\r\n }}\r\n // disabled={published}\r\n />\r\n
\r\n )}\r\n\r\n \r\n {index >= 1 && (\r\n \r\n {\r\n let array = [...selectedfilterOptions];\r\n let result = array?.filter(f => f.id != filter.id);\r\n setSelectedFilterOptions(result);\r\n }}>\r\n \r\n \r\n )}\r\n
\r\n \r\n\r\n ))}\r\n \r\n \r\n {\r\n search()\r\n // let array = [...selectedfilterOptions];\r\n // array.push({ label: \"\", type: \"\", required: false, value: \"\", optionsValue: [], id: \"\" });\r\n // setSelectedFilterOptions(array);\r\n }}\r\n > Lancer la recherche\r\n \r\n o.isDisabled == false) || !canAddFilterOption}\r\n onClick={e => {\r\n let array = [...selectedfilterOptions];\r\n array.push({ label: \"\", type: \"\", required: false, value: \"\", optionsValue: [], id: \"\", operators: \"\" });\r\n setSelectedFilterOptions(array);\r\n }}\r\n >\r\n Ajouter une option de recherche\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {searchResult?.length} postulations
\r\n\r\n {searchResult?.map((application, index) => (\r\n
\r\n ))}\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n {application?.candidateFirstName + \" \" + application?.candidateLastName + \" | \" + application?.candidateEmail + (application?.candidatePhoneNumber1 !== \"\" ? \" | \" + application?.candidatePhoneNumber1 : \"\")}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n {/* Questions supplémentaires */}\r\n\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Documents
\r\n| Nom | \r\nDate | \r\n\r\n |
|---|---|---|
| \r\n \r\n {file?.name}\r\n \r\n | \r\n\r\n {moment(file?.lastModifiedDate).format('Do MM YYYY')}\r\n | \r\n\r\n \r\n \r\n \r\n | \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n Questionnaire
\r\n| Questions | \r\nRéponses | \r\n {/**/}\r\n |
|---|---|---|
| \r\n {item.questionLabel}\r\n | \r\n\r\n {item.answer}\r\n | \r\n
\r\n
\r\n ) : (\r\n <>\r\n \r\n
\r\n \r\n
\r\n Chargement de l'employeur en cours...
\r\n \r\n
\r\n\r\n {/* Start Delete file modale */}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {employer.companyName}
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n setEmployer(prevState => {\r\n return { ...prevState, companyName: val }\r\n })\r\n }}\r\n />\r\n {employer.companyName?.length > 200 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n let isValide = validator.isEmail(e.target.value);\r\n setEmployer(prevState => { return { ...prevState, companyEmailContact: val } });\r\n if (invalideEmail1) {\r\n setInvalideEmail1(!isValide);\r\n }\r\n }}\r\n onBlur={(e) => {\r\n let val = validator.isEmail(e.target.value);\r\n setInvalideEmail1(!val);\r\n }}\r\n />\r\n {(employer.companyEmailContact != \"\" && invalideEmail1) && (\r\n
\r\n Format d'email invalide
\r\n )}\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n setEmployer(prevState => {\r\n return { ...prevState, companyPhoneNumber1Contact: val }\r\n })\r\n }}\r\n />\r\n {employer.companyPhoneNumber1Contact?.length > 50 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n {(employer?.companyPhoneNumber1Contact != \"\" && !(new RegExp(/^[0-9\\b]+$/)).test(employer?.companyPhoneNumber1Contact)) && (\r\nFormat invalide
\r\n )}\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n setEmployer(prevState => {\r\n return { ...prevState, companyPhoneNumber2Contact: val }\r\n })\r\n }}\r\n />\r\n {employer.companyPhoneNumber2Contact?.length > 50 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n {(employer?.companyPhoneNumber2Contact != \"\" && !(new RegExp(/^[0-9\\b]+$/)).test(employer?.companyPhoneNumber2Contact)) && (\r\nFormat invalide
\r\n )}\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n let isValide = validator.isEmail(e.target.value);\r\n setEmployer(prevState => { return { ...prevState, email: val } });\r\n if (invalideEmail2) {\r\n setInvalideEmail2(!isValide);\r\n }\r\n }}\r\n onBlur={(e) => {\r\n let val = validator.isEmail(e.target.value);\r\n setInvalideEmail2(!val);\r\n }}\r\n />\r\n {(employer.email != \"\" && invalideEmail2) && (\r\n
\r\n Format d'email invalide
\r\n )}\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n setEmployer(prevState => { return { ...prevState, description: val } });\r\n }}\r\n >\r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n setEmployer(prevState => {\r\n return { ...prevState, order: val }\r\n })\r\n }}\r\n />\r\n
\r\n \r\n
\r\n \r\n {\r\n let val = e.target?.checked;\r\n setEmployer(prevState => {\r\n return { ...prevState, isActive: val }\r\n });\r\n }}\r\n />\r\n \r\n
\r\n \r\n \r\n Sauvegarder {isUpdating ?
\r\n {published && (\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Logo
\r\n {employer.attachments?.length == 0 ?\r\n (\r\n\r\n Veuillez déposer dans cette section le logo de la société\r\n en cliquant à l'intérieur de la bande blanche ci-dessous\r\n
\r\n ) :\r\n (\r\n\r\n Veuillez supprimer le fichier existant pour pouvoir ajouter un autre logo.\r\n
\r\n )}\r\n\r\n {isUploading ?\r\n (\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n )\r\n :\r\n (employer.attachments?.length == 0 && (\r\n Chargement des documents en cours...
\r\n \r\n {\r\n setSelectedFile(files[0])\r\n }}\r\n />\r\n
\r\n ))}\r\n | Nom | \r\nDate | \r\n\r\n |
|---|---|---|
| {file.name} | \r\n{file.dateCreated} | \r\n\r\n \r\n \r\n \r\n \r\n setAttachmentToDelete(file)}>\r\n \r\n | \r\n
\r\n
\r\n {/* End Delete file modale */}\r\n \r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n\r\n {\"Suppression du fichier: \" + attachmentToDelete?.fullName}
\r\n \r\n\r\n
\r\n ) : (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n {/* Start Delete user modale */}\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {jobsList?.length} offres d'emploi
\r\n\r\n Ajouter une offre d'emploi\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n | Numéro | \r\nTitre | \r\nEmployeur | \r\nDate | \r\nStatut | \r\n\r\n |
|---|---|---|---|---|---|
| \r\n {job.jobNumber}\r\n | \r\n\r\n {job.title}\r\n | \r\n\r\n {job?.employer?.companyName}\r\n | \r\n\r\n {moment(job.postedDate).format('Do MMMM YYYY')}\r\n | \r\n\r\n {job.isActive ? ( Actif ) : (Inactif )}\r\n | \r\n \r\n
| \r\n
\r\n
\r\n {/* End Delete user modale */}\r\n\r\n {/* Start Create job modale */}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n\r\n Suppression d'une offre d'emploi: {jobTodelete?.title}
\r\n \r\n\r\n
\r\n {/* End Create job modale */}\r\n \r\n )\r\n }\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Création d'une offre d'emploi
\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n setNewJob(prevState => { return { ...prevState, title: val } });\r\n }}\r\n />\r\n
\r\n \r\n \r\n opt?.value == newJob?.employerId)}\r\n options={employersListOptions}\r\n loadingMessage=\"En cours de chargement\"\r\n onChange={(option) => {\r\n setNewJob(prevState => { return { ...prevState, employerId: option?.value, companyName: option.label, applicationEmail: option.email } });\r\n }}\r\n />\r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n let isValide = validator.isEmail(e.target.value);\r\n setNewJob(prevState => { return { ...prevState, applicationEmail: val } });\r\n if (invalideEmail) {\r\n setInvalideEmail(!isValide);\r\n }\r\n }}\r\n onBlur={(e) => {\r\n let val = validator.isEmail(e.target.value);\r\n setInvalideEmail(!val);\r\n }}\r\n />\r\n {(newJob.applicationEmail != \"\" && invalideEmail) && (\r\n
\r\n Format d'email invalide
\r\n )}\r\n\r\n \r\n opt?.value == newJob.category)}\r\n options={categories}\r\n loadingMessage=\"En cours de chargement\"\r\n onChange={(option) => {\r\n setNewJob(prevState => { return { ...prevState, category: option?.label } });\r\n }}\r\n />\r\n
\r\n \r\n \r\n opt.value == newJob?.type)}\r\n options={types}\r\n loadingMessage=\"En cours de chargement\"\r\n onChange={(option) => {\r\n setNewJob(prevState => { return { ...prevState, type: option?.value } });\r\n }}\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n {\r\n let val = e.target?.value;\r\n setNewJob(prevState => { return { ...prevState, closingDate: val } });\r\n }}\r\n\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n {\r\n let val = e.target?.value;\r\n setNewJob(prevState => { return { ...prevState, startingDate: val } });\r\n }}\r\n />\r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n setNewJob(prevState => { return { ...prevState, location: val } });\r\n }}\r\n />\r\n {newJob.location?.length > 200 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n\r\n \r\n {\r\n setNewJob(prevState => { return { ...prevState, description: descriptionHtmlEditor.current.getContent() } });\r\n }}\r\n ref={descriptionHtmlEditor}\r\n initialValue=\"\"\r\n />\r\n
\r\n \r\n
\r\n\r\n {creationFailed && (\r\n \r\n {\r\n let val = e.target?.checked;\r\n setNewJob(prevState => { return { ...prevState, isActive: val } });\r\n }}\r\n />\r\n \r\n
\r\n \r\n {\r\n let val = e.target?.checked;\r\n setNewJob(prevState => {\r\n return { ...prevState, receiveEmailNotification: val }\r\n });\r\n }}\r\n />\r\n \r\n
\r\n \r\n {\r\n let val = e.target?.checked;\r\n setNewJob(prevState => {\r\n return { ...prevState, showEmailAddress: val }\r\n });\r\n }}\r\n />\r\n \r\n
\r\n \r\n {\r\n let val = e.target?.checked;\r\n setNewJob(prevState => {\r\n return { ...prevState, showPhoneNumber: val }\r\n });\r\n }}\r\n />\r\n \r\n
\r\n \r\n
\r\n )}\r\n\r\n \r\n \r\n Annuler\r\n \r\n \r\n Soumettre {isSubmetting ?
\r\n\r\n \r\n
\r\n ) : (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n {/* Start Delete course modale */}\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {coursesList?.length} Formations
\r\n\r\n Ajouter une Formation\r\n
\r\n | Numéro | \r\nTitre | \r\nEmployeur | \r\nDate | \r\nStatut | \r\n\r\n |
|---|---|---|---|---|---|
| {course.courseNumber} | \r\n\r\n {course.title}\r\n | \r\n\r\n {course.employer?.companyName}\r\n | \r\n\r\n {moment(course.postedDate).format('Do MMMM YYYY')}\r\n | \r\n\r\n {course.isActive ? ( Actif ) : (Inactif )}\r\n | \r\n \r\n
| \r\n
\r\n
\r\n {/* End Delete course modale */}\r\n\r\n {/* Start create course modale */}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n Suppression d'une formation: {courseTodelete?.title}
\r\n \r\n\r\n
\r\n \r\n )\r\n }\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n Création d'une nouvelle formation
\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n setNewCourse(prevState => {\r\n return { ...prevState, title: val }\r\n });\r\n }}\r\n />\r\n {newCourse?.title?.length > 200 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n\r\n \r\n {\r\n setNewCourse(prevState => { return { ...prevState, employerId: option?.value, companyName: option?.label, applicationEmail: option?.email } });\r\n }}\r\n />\r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n let isValide = validator.isEmail(e.target.value);\r\n setNewCourse(prevState => { return { ...prevState, applicationEmail: val } });\r\n if (invalideEmail) {\r\n setInvalideEmail(!isValide);\r\n }\r\n }}\r\n onBlur={(e) => {\r\n let val = validator.isEmail(e.target.value);\r\n setInvalideEmail(!val);\r\n }}\r\n />\r\n {(newCourse.email != \"\" && invalideEmail) && (\r\n
\r\n Format d'email invalide
\r\n )}\r\n {newCourse?.applicationEmail?.length > 200 && (\r\nle nombre maximum de caractères a été dépassé
\r\n )}\r\n\r\n \r\n {\r\n setNewCourse(prevState => { return { ...prevState, category: option?.value } });\r\n }}\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n {\r\n let val = e.target?.value;\r\n let match = isMatch(e.target.value, 'yyyy-MM-dd');\r\n setNewCourse(prevState => { return { ...prevState, startDate: val } });\r\n if (match && val != \"\") {\r\n setInvalideDate1(!match);\r\n }\r\n }}\r\n onBlur={(e) => {\r\n let val = isMatch(e.target.value, 'yyyy-MM-dd');\r\n if (e.target.value != \"\") {\r\n setInvalideDate1(!val);\r\n }\r\n if (!val && e.target.value != \"\") {\r\n setNewCourse(prevState => { return { ...prevState, startDate: null } });\r\n }\r\n }}\r\n />\r\n {invalideDate1 && (\r\n
\r\n Format invalide
\r\n )}\r\n\r\n \r\n
\r\n \r\n {\r\n let val = e.target?.value;\r\n let match = isMatch(e.target.value, 'yyyy-MM-dd');\r\n setNewCourse(prevState => { return { ...prevState, endDate: val } });\r\n if (match && val != \"\") {\r\n setInvalideDate2(!match);\r\n }\r\n }}\r\n onBlur={(e) => {\r\n let val = isMatch(e.target.value, 'yyyy-MM-dd');\r\n if (e.target.value != \"\") {\r\n setInvalideDate2(!val);\r\n }\r\n if (!val && e.target.value != \"\") {\r\n setNewCourse(prevState => { return { ...prevState, endDate: null } });\r\n }\r\n }}\r\n />\r\n {invalideDate2 && (\r\n
\r\n Format invalide
\r\n )}\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n setNewCourse(prevState => { return { ...prevState, location: val } });\r\n }}\r\n />\r\n {newCourse.location.length > 200 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n\r\n \r\n {\r\n setNewCourse(prevState => { return { ...prevState, description: descriptionHtmlEditor.current.getContent() } });\r\n }}\r\n />\r\n
\r\n \r\n \r\n Annuler\r\n \r\n \r\n Soumettre {isCreatting ?
\r\n\r\n \r\n
\r\n ) : (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n {/* Start Delete file modale */}\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n {job.title} - {job.jobNumber}
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n setUpdateNewJob(prevState => { return { ...prevState, title: val } });\r\n }}\r\n />\r\n
\r\n \r\n \r\n opt?.value == updateNewJob?.employerId)}\r\n options={employersListOptions}\r\n loadingMessage=\"En cours de chargement\"\r\n onChange={(option) => {\r\n setUpdateNewJob(prevState => { return { ...prevState, employerId: option?.value, companyName: option.label } });\r\n }}\r\n />\r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n let isValide = validator.isEmail(e.target.value);\r\n setUpdateNewJob(prevState => { return { ...prevState, applicationEmail: val } });\r\n if (invalideEmail) {\r\n setInvalideEmail(!isValide);\r\n }\r\n }}\r\n onBlur={(e) => {\r\n let val = validator.isEmail(e.target.value);\r\n setInvalideEmail(!val);\r\n }}\r\n />\r\n {(updateNewJob.applicationEmail != \"\" && invalideEmail) && (\r\n
\r\n Format d'email invalide
\r\n )}\r\n\r\n \r\n opt?.value == updateNewJob.category)}\r\n options={categories}\r\n loadingMessage=\"En cours de chargement\"\r\n onChange={(option) => {\r\n setUpdateNewJob(prevState => { return { ...prevState, category: option?.label } });\r\n }}\r\n />\r\n
\r\n \r\n \r\n opt.value == updateNewJob?.type)}\r\n options={types}\r\n loadingMessage=\"En cours de chargement\"\r\n onChange={(option) => {\r\n setUpdateNewJob(prevState => { return { ...prevState, type: option?.value } });\r\n }}\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n {\r\n let val = e.target?.value;\r\n setUpdateNewJob(prevState => { return { ...prevState, closingDate: val } });\r\n }}\r\n\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n {\r\n let val = e.target?.value;\r\n setUpdateNewJob(prevState => { return { ...prevState, startingDate: val } });\r\n }}\r\n />\r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n setUpdateNewJob(prevState => { return { ...prevState, location: val } });\r\n }}\r\n />\r\n {updateNewJob.location?.length > 200 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n\r\n \r\n {\r\n if (value == \"\") {\r\n setValidateDescription(\"\");\r\n }\r\n else {\r\n setValidateDescription(value);\r\n }\r\n }}\r\n />\r\n
\r\n \r\n
\r\n {updateNewJob?.hasAdditionalQuestions == true && (\r\n updateNewJob?.additionalQuestions?.map((quiz, index) => (\r\n <>\r\n \r\n {\r\n let val = e.target?.checked;\r\n setUpdateNewJob(prevState => { return { ...prevState, isActive: val } });\r\n }}\r\n />\r\n \r\n
\r\n \r\n {\r\n let val = e.target?.checked;\r\n setUpdateNewJob(prevState => {\r\n return { ...prevState, receiveEmailNotification: val }\r\n });\r\n }}\r\n />\r\n \r\n
\r\n \r\n {\r\n let val = e.target?.checked;\r\n setUpdateNewJob(prevState => {\r\n return { ...prevState, showEmailAddress: val }\r\n });\r\n }}\r\n />\r\n \r\n
\r\n \r\n {\r\n let val = e.target?.checked;\r\n setUpdateNewJob(prevState => {\r\n return { ...prevState, showPhoneNumber: val }\r\n });\r\n }}\r\n />\r\n \r\n
\r\n \r\n {\r\n let val = e.target?.checked;\r\n setUpdateNewJob(prevState => {\r\n return { ...prevState, hasAdditionalQuestions: val }\r\n });\r\n if (val == true && updateNewJob.additionalQuestions?.length == 0) {\r\n setUpdateNewJob(prevState => {\r\n return { ...prevState, additionalQuestions: [{ label: \"\", type: \"\", required: false }] }\r\n });\r\n }\r\n // else {\r\n // setUpdateNewJob(prevState => {\r\n // return { ...prevState, additionalQuestions: [] }\r\n // });\r\n // }\r\n }}\r\n />\r\n \r\n
\r\n \r\n \r\n {index >= 0 && (\r\n {\r\n let indexOf = updateNewJob.additionalQuestions?.indexOf(quiz);\r\n let additionalQuestionsCopy = updateNewJob.additionalQuestions;\r\n additionalQuestionsCopy?.splice(indexOf, 1);\r\n setUpdateNewJob(prevState => {\r\n return { ...prevState, additionalQuestions: additionalQuestionsCopy }\r\n });\r\n }}>\r\n \r\n \r\n )}\r\n {\r\n let val = e.target.value;\r\n let additionalQuestionsCopy = updateNewJob.additionalQuestions;\r\n additionalQuestionsCopy[index].label = val;\r\n setUpdateNewJob(prevState => {\r\n return { ...prevState, additionalQuestions: additionalQuestionsCopy }\r\n });\r\n \r\n }}\r\n />\r\n
\r\n \r\n \r\n {\r\n let additionalQuestionsCopy = updateNewJob.additionalQuestions;\r\n additionalQuestionsCopy[index].type = option?.value;\r\n if (option.value == \"SingleValue\" || option.value == \"MultiValue\") {\r\n additionalQuestionsCopy[index].options = \"\";\r\n }\r\n setUpdateNewJob(prevState => { return { ...prevState, additionalQuestions: additionalQuestionsCopy } });\r\n }}\r\n />\r\n
\r\n {(quiz.type == \"SingleValue\" || quiz.type == \"MultiValue\") && (\r\n \r\n \r\n {\r\n let additionalQuestionsCopy = updateNewJob.additionalQuestions;\r\n additionalQuestionsCopy[index].options = e.target.value;\r\n setUpdateNewJob(prevState => { return { ...prevState, additionalQuestions: additionalQuestionsCopy } });\r\n }}\r\n onKeyDown={e => {\r\n if (e.key == \"Enter\") {\r\n let additionalQuestionsCopy = updateNewJob.additionalQuestions;\r\n additionalQuestionsCopy[index].options = e.target.value + \"\\n\";\r\n setUpdateNewJob(prevState => { return { ...prevState, additionalQuestions: additionalQuestionsCopy } });\r\n }\r\n }}\r\n >\r\n
\r\n )}\r\n Entrez un choix de réponse par ligne séparé par la touche Entrer
\r\n\r\n
\r\n \r\n ))\r\n )}\r\n {updateNewJob?.hasAdditionalQuestions == true && (\r\n \r\n {\r\n let val = e.target.checked;\r\n let additionalQuestionsCopy = updateNewJob.additionalQuestions;\r\n additionalQuestionsCopy[index].required = val;\r\n setUpdateNewJob(prevState => { return { ...prevState, additionalQuestions: additionalQuestionsCopy } });\r\n }}\r\n />\r\n \r\n
\r\n \r\n q.label == \"\" || q.type == \"\")}\r\n style={{ width: \"100%\" }}\r\n onClick={e => {\r\n setUpdateNewJob(prevState => {\r\n let val = updateNewJob.additionalQuestions;\r\n val.push({ label: \"\", type: \"\", required: false });\r\n return { ...prevState, additionalQuestions: val }\r\n });\r\n }}\r\n\r\n >\r\n Ajouter une question\r\n \r\n
\r\n )}\r\n \r\n \r\n Sauvegarder {isSubmetting ?
\r\n {published && (\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Documents
\r\n\r\n Veuillez déposer dans cette section les documents de l'offre d'emploi\r\n en cliquant à l'intérieur de la bande blanche ci-dessous\r\n
\r\n\r\n {isUploading ?\r\n (\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n )\r\n :\r\n (\r\n Chargement des documents en cours...
\r\n \r\n {\r\n setSelectedFile(files[0])\r\n }}\r\n />\r\n
\r\n )}\r\n | Nom | \r\nDate | \r\n\r\n |
|---|---|---|
| {file.name} | \r\n{file.dateCreated} | \r\n\r\n \r\n \r\n \r\n \r\n { navigator.clipboard.writeText(file.url) }}>\r\n \r\n \r\n setAttachmentToDelete(file)}>\r\n \r\n | \r\n
\r\n
\r\n {/* End Delete file modale */}\r\n \r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n\r\n {\"Suppression d'un fichier: \" + attachmentToDelete?.name}
\r\n \r\n\r\n
\r\n ) : (\r\n <>\r\n \r\n
\r\n \r\n
\r\n Chargement de la formation en cours...
\r\n \r\n
\r\n\r\n {/* Start Delete file modale */}\r\n \r\n
\r\n\r\n {/* Mes documents */}\r\n \r\n
\r\n \r\n
\r\n {course?.title} - {course.courseNumber}
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n setUpdateNewCourse(prevState => {\r\n return { ...prevState, title: val }\r\n });\r\n }}\r\n />\r\n
\r\n \r\n \r\n opt?.value == updateNewCourse?.employerId)}\r\n options={employersListOptions}\r\n loadingMessage=\"En cours de chargement\"\r\n onChange={(option) => {\r\n setUpdateNewCourse(prevState => { return { ...prevState, employerId: option?.value, companyName: option.label } });\r\n }}\r\n />\r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n let isValide = validator.isEmail(e.target.value);\r\n setUpdateNewCourse(prevState => { return { ...prevState, applicationEmail: val } });\r\n if (invalideEmail) {\r\n setInvalideEmail(!isValide);\r\n }\r\n }}\r\n onBlur={(e) => {\r\n let val = validator.isEmail(e.target.value);\r\n setInvalideEmail(!val);\r\n }}\r\n />\r\n {(updateNewCourse.applicationEmail != \"\" && invalideEmail) && (\r\n
\r\n Format d'email invalide
\r\n )}\r\n\r\n \r\n opt?.value == updateNewCourse.category)}\r\n options={categories}\r\n loadingMessage=\"En cours de chargement\"\r\n onChange={(option) => {\r\n setUpdateNewCourse(prevState => { return { ...prevState, category: option?.label } });\r\n }}\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n {\r\n let val = e.target?.value;\r\n setUpdateNewCourse(prevState => {\r\n return { ...prevState, startDate: val }\r\n });\r\n }}\r\n />\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n {\r\n let val = e.target?.value;\r\n setUpdateNewCourse(prevState => {\r\n return { ...prevState, endDate: val }\r\n });\r\n }}\r\n />\r\n\r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n setUpdateNewCourse(prevState => { return { ...prevState, location: val } });\r\n }}\r\n />\r\n {updateNewCourse.location?.length > 200 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n\r\n \r\n {\r\n if (value == \"\") {\r\n setValidateDescription(\"\");\r\n }\r\n else {\r\n setValidateDescription(value);\r\n }\r\n }}\r\n />\r\n
\r\n \r\n
\r\n \r\n {\r\n let val = e.target?.checked;\r\n setUpdateNewCourse(prevState => {\r\n return { ...prevState, isActive: val }\r\n });\r\n }}\r\n />\r\n \r\n
\r\n \r\n \r\n Sauvegarder {isUpdating ?
\r\n {published && (\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Images
\r\n\r\n Veuillez déposer dans cette section les images de la formation\r\n en cliquant à l'intérieur de la bande blanche ci-dessous\r\n
\r\n\r\n {isUploading ?\r\n (\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n )\r\n :\r\n (\r\n Chargement des documents en cours...
\r\n \r\n {\r\n setSelectedFiles(files)\r\n }}\r\n />\r\n
\r\n )}\r\n | Nom | \r\nDate | \r\n\r\n |
|---|---|---|
| {file.name} | \r\n{file.dateCreated} | \r\n\r\n \r\n \r\n \r\n \r\n setAttachmentToDelete(file)}>\r\n \r\n | \r\n
\r\n
\r\n {/* End Delete file modale */}\r\n \r\n )}\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n\r\n {\"Suppression d'un fichier: \" + attachmentToDelete?.name}
\r\n \r\n\r\n
\r\n ) : (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n {/* Start Delete user modale */}\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {tenderList.length} Appel d'offres
\r\n\r\n Ajouter un appel d'offre\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n | Numéro | \r\nTitre | \r\nEmployeur | \r\nDate | \r\nStatut | \r\n\r\n |
|---|---|---|---|---|---|
| {tender.tenderNumber} | \r\n\r\n {tender.title}\r\n | \r\n\r\n {tender.employer?.companyName}\r\n | \r\n\r\n {moment(tender.postedDate).format('Do MMMM YYYY')}\r\n | \r\n\r\n {tender.isActive ? ( Actif ) : (Inactif )}\r\n | \r\n \r\n
| \r\n
\r\n
\r\n {/* End Delete user modale */}\r\n\r\n {/* Start Create tender modale */}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Suppression d'un appel offre: {tenderTodelete?.title}
\r\n \r\n\r\n
\r\n {/* End Create tender modale */}\r\n \r\n )\r\n }\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Création d'un appel d'offre
\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n setNewTender(prevState => { return { ...prevState, title: val } });\r\n }}\r\n placeholder=\"\"\r\n />\r\n {newTender?.title?.length > 200 && (\r\n
\r\n {currentEmployer ?\r\n (\r\n <>\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n\r\n \r\n
\r\n \r\n ) :\r\n (\r\n <>\r\n \r\n \r\n {\r\n setNewTender(prevState => { return { ...prevState, employerId: option?.value, companyName: option.label, applicationEmail: option.email } });\r\n }}\r\n />\r\n
\r\n \r\n )}\r\n\r\n Si votre société ne se trouve pas dans cette liste, veuillez cliquez sur lien pour créer un nouveau compte
\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n let isValide = validator.isEmail(e.target.value);\r\n setNewTender(prevState => { return { ...prevState, applicationEmail: val } });\r\n if (invalideEmail) {\r\n setInvalideEmail(!isValide);\r\n }\r\n }}\r\n onBlur={(e) => {\r\n let val = validator.isEmail(e.target.value);\r\n setInvalideEmail(!val);\r\n }}\r\n placeholder=\"\"\r\n />\r\n {(newTender.email != \"\" && invalideEmail) && (\r\n
\r\n Format d'email invalide
\r\n )}\r\n {newTender?.applicationEmail?.length > 200 && (\r\nle nombre maximum de caractères a été dépassé
\r\n )}\r\n\r\n \r\n {\r\n setNewTender(prevState => { return { ...prevState, category: option?.label } });\r\n }}\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n {\r\n let val = e.target?.value;\r\n setNewTender(prevState => { return { ...prevState, closingDate: val } });\r\n }}\r\n />\r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n setNewTender(prevState => { return { ...prevState, location: val } });\r\n }}\r\n />\r\n {newTender.location.length > 200 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n\r\n \r\n {\r\n setNewTender(prevState => { return { ...prevState, description: descriptionHtmlEditor.current.getContent() } });\r\n }}\r\n ref={descriptionHtmlEditor}\r\n initialValue=\"\" />\r\n
\r\n \r\n
\r\n\r\n {creationFailed && (\r\n \r\n {\r\n let val = e.target?.checked;\r\n setNewTender(prevState => {\r\n return { ...prevState, showEmailAddress: val }\r\n });\r\n }}\r\n />\r\n \r\n
\r\n \r\n {\r\n let val = e.target?.checked;\r\n setNewTender(prevState => {\r\n return { ...prevState, showPhoneNumber: val }\r\n });\r\n }}\r\n />\r\n \r\n
\r\n \r\n
\r\n )}\r\n\r\n \r\n \r\n Annuler\r\n \r\n \r\n Soumettre {isSaving ?
\r\n\r\n \r\n
\r\n ) : (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n {/* Start Delete file modale */}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {tender.title} - {tender.tenderNumber}
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n setUpdateNewTender(prevState => { return { ...prevState, title: val } });\r\n }}\r\n />\r\n
\r\n \r\n \r\n opt?.value == updateNewTender?.employerId)}\r\n options={employersListOptions}\r\n loadingMessage=\"En cours de chargement\"\r\n onChange={(option) => {\r\n setUpdateNewTender(prevState => { return { ...prevState, employerId: option?.value, companyName: option.label } });\r\n }}\r\n />\r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n let isValide = validator.isEmail(e.target.value);\r\n setUpdateNewTender(prevState => { return { ...prevState, applicationEmail: val } });\r\n if (invalideEmail) {\r\n setInvalideEmail(!isValide);\r\n }\r\n }}\r\n onBlur={(e) => {\r\n let val = validator.isEmail(e.target.value);\r\n setInvalideEmail(!val);\r\n }}\r\n />\r\n {(updateNewTender.applicationEmail != undefined && updateNewTender.applicationEmail != \"\" && invalideEmail) && (\r\n
\r\n Format d'email invalide
\r\n )}\r\n\r\n \r\n opt?.value == updateNewTender?.category)}\r\n options={categories}\r\n loadingMessage=\"En cours de chargement\"\r\n onChange={(option) => {\r\n setUpdateNewTender(prevState => { return { ...prevState, category: option?.label } });\r\n }}\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n {\r\n let val = e.target?.value;\r\n setUpdateNewTender(prevState => { return { ...prevState, closingDate: val } });\r\n }}\r\n />\r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n setUpdateNewTender(prevState => { return { ...prevState, location: val } });\r\n }}\r\n />\r\n {updateNewTender.location?.length > 200 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n\r\n \r\n {\r\n if (value == \"\") {\r\n setValidateDescription(\"\");\r\n }\r\n else {\r\n setValidateDescription(value);\r\n }\r\n }}\r\n />\r\n
\r\n \r\n
\r\n \r\n {\r\n let val = e.target?.checked;\r\n setUpdateNewTender(prevState => { return { ...prevState, isActive: val } });\r\n }}\r\n />\r\n \r\n
\r\n \r\n {\r\n let val = e.target?.checked;\r\n setUpdateNewTender(prevState => {\r\n return { ...prevState, showEmailAddress: val }\r\n });\r\n }}\r\n />\r\n \r\n
\r\n \r\n {\r\n let val = e.target?.checked;\r\n setUpdateNewTender(prevState => {\r\n return { ...prevState, showPhoneNumber: val }\r\n });\r\n }}\r\n />\r\n \r\n
\r\n\r\n \r\n \r\n Sauvegarder {isSubmetting ?
\r\n {published && (\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Documents
\r\n\r\n Veuillez déposer dans cette section les documents de l'appel d'offres\r\n en cliquant à l'intérieur de la bande blanche ci-dessous\r\n
\r\n\r\n {isUploading ?\r\n (\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n )\r\n :\r\n (\r\n Chargement des documents en cours...
\r\n \r\n {\r\n setSelectedFile(files[0])\r\n }}\r\n />\r\n
\r\n )}\r\n | Nom | \r\nDate | \r\n\r\n |
|---|---|---|
| {file.name} | \r\n{file.dateCreated} | \r\n\r\n \r\n \r\n \r\n \r\n { navigator.clipboard.writeText(file.url) }}>\r\n \r\n \r\n setAttachmentToDelete(file)}>\r\n \r\n | \r\n
\r\n
\r\n {/* End Delete file modale */}\r\n\r\n \r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n\r\n {\"Suppression d'un fichier: \" + attachmentToDelete?.name}
\r\n \r\n\r\n
\r\n ) :\r\n (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n {/* Start Delete file modale */}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {ads.name}
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n setAds(prevState => {\r\n return { ...prevState, name: val }\r\n });\r\n }}\r\n value={ads.name}\r\n />\r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n setAds(prevState => { return { ...prevState, link: val } });\r\n }}\r\n />\r\n {ads.link?.length > 200 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n setAds(prevState => {\r\n return { ...prevState, order: val }\r\n });\r\n }}\r\n value={ads.order}\r\n />\r\n
\r\n \r\n
\r\n \r\n {\r\n let val = e.target?.checked;\r\n setAds(prevState => {\r\n return { ...prevState, isActive: val }\r\n });\r\n }}\r\n />\r\n \r\n
\r\n \r\n {\r\n let val = e.target.checked;\r\n setAds(prevState => {\r\n return { ...prevState, openInNewTab: val }\r\n });\r\n }}\r\n />\r\n \r\n
\r\n \r\n \r\n Sauvegarder {isUpdating ?
\r\n {published && (\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Images
\r\n\r\n Veuillez déposer dans cette section les images de la publicité\r\n en cliquant à l'intérieur de la bande blanche ci-dessous\r\n
\r\n\r\n {isUploading ?\r\n (\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n )\r\n :\r\n (\r\n Chargement des documents en cours...
\r\n \r\n {\r\n setSelectedFile(files[0])\r\n }}\r\n />\r\n
\r\n )}\r\n | Nom | \r\nDate | \r\n\r\n |
|---|---|---|
| {file.name} | \r\n{file.dateCreated} | \r\n\r\n \r\n \r\n \r\n \r\n setAttachmentToDelete(file)}>\r\n \r\n | \r\n
\r\n
\r\n {/* End Delete file modale */}\r\n \r\n )\r\n }\r\n\r\n \r\n )\r\n\r\n}\r\n\r\n\r\nAdsDetail.propTypes = {\r\n getAdsList: PropTypes.func.isRequired,\r\n addAttachmentFromAds: PropTypes.func.isRequired,\r\n updateAds: PropTypes.func.isRequired,\r\n deleteAttachmentFromAds: PropTypes.func.isRequired,\r\n storeAds: PropTypes.object.isRequired,\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n getAdsList: PropTypes.func.isRequired,\r\n addAttachmentFromAds: PropTypes.func.isRequired,\r\n updateAds: PropTypes.func.isRequired,\r\n deleteAttachmentFromAds: PropTypes.func.isRequired,\r\n storeAds: state.ads,\r\n});\r\n\r\nexport default connect(mapStateToProps, { getAdsList, updateAds, addAttachmentFromAds, deleteAttachmentFromAds })(AdsDetail)","import React, { useEffect, useRef } from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport PropTypes from \"prop-types\";\r\nimport { getTenderList, createTender } from \"../../redux/actions/TenderActions\"\r\nimport { getEmployerList } from \"../../redux/actions/admin/EmployerActions\"\r\nimport { CircularProgress } from '@material-ui/core';\r\nimport defaultBanner from '../../../assets/images/bg/default-banner.jpg';\r\nimport { categories, types } from \"../../views/shared/Helper\";\r\nimport CustomHtmlEditor from './../shared/views/CustomHtmlEditor';\r\nimport CustomAlert from './../shared/views/CustomAlert';\r\nimport { getAdsList } from \"../../redux/actions/admin/AdsActions\";\r\nimport Select from 'react-select';\r\nimport localStorageService from '../../services/localStorageService';\r\nimport validator from 'validator'\r\nimport { Link } from 'react-router-dom';\r\nimport postBannerImage from '../../../assets/images/pourquoi-deposer-une-offre.jpg';\r\nimport siteService from '../../services/siteService';\r\n\r\nlet TenderCreate = (props) => {\r\n const descriptionHtmlEditor = useRef();\r\n const {\r\n storeEmployer = {},\r\n createTender,\r\n getEmployerList,\r\n storeAds,\r\n getAdsList\r\n } = props;\r\n\r\n const [hasMissingValue, setHasMissingValue] = React.useState(true);\r\n const [creationFailed, setCreationFailed] = React.useState(false);\r\n const [isLoading, setIsLoading] = React.useState(true);\r\n const [isSaving, setIsSaving] = React.useState(false);\r\n const [published, setPublished] = React.useState(false);\r\n const [currentEmployer, setCurrentEmployer] = React.useState(null);\r\n const [employersListOptions, setEmployersListOptions] = React.useState([]);\r\n const [displayingActiveAdsList, setDisplayingActiveAdsList] = React.useState([]);\r\n const [newTender, setNewTender] = React.useState(\r\n {\r\n title: \"\",\r\n companyName: \"\",\r\n employerId: \"\",\r\n applicationEmail: \"\",\r\n category: \"\",\r\n type: \"\",\r\n count: \"\",\r\n location: \"\",\r\n closingDate: new Date(),\r\n startingDate: new Date(),\r\n description: \"\",\r\n showEmailAddress: false,\r\n showPhoneNumber: false,\r\n // receiveEmailNotification: \"\",\r\n });\r\n const [invalideEmail, setInvalideEmail] = React.useState(false);\r\n const [createdTenderNumber, setCreatedTenderNumber] = React.useState(\"\");\r\n const currentSite = siteService.getCurrentSite();\r\n\r\n useEffect(() => {\r\n if (storeEmployer.employersList.length > 0 && employersListOptions.length == 0) {\r\n getEmployersListOptions(storeEmployer.employersList);\r\n }\r\n else if (storeEmployer.employersList.length == 0 && employersListOptions.length == 0) {\r\n getEmployerList(false).then(response => {\r\n if (response.success) {\r\n getEmployersListOptions(response.employersList);\r\n };\r\n });\r\n }\r\n if (storeAds.adsList.length == 0) {\r\n getAdsList(false).then(resp => {\r\n setDisplayingActiveAdsList(resp.adsList);\r\n })\r\n }\r\n else {\r\n setDisplayingActiveAdsList(storeAds.adsList);\r\n }\r\n let employer = localStorageService.getItem(\"malibaara_auth_employer\");\r\n if (employer) {\r\n setCurrentEmployer(employer);\r\n setNewTender(prevState => { return { ...prevState, employerId: employer.id, companyName: employer.companyName, applicationEmail: employer.email } });\r\n }\r\n }, [])\r\n\r\n useEffect(() => {\r\n if (newTender.title == \"\"\r\n || newTender.title == undefined\r\n || newTender.companyName == \"\"\r\n || newTender.companyName == undefined\r\n || newTender.applicationEmail == \"\"\r\n || newTender.applicationEmail == undefined\r\n || newTender.category == \"\"\r\n || newTender.category == undefined\r\n || newTender.location == \"\"\r\n || newTender.location == undefined\r\n || newTender.description == \"\"\r\n || newTender.description == undefined\r\n ) {\r\n setHasMissingValue(true);\r\n }\r\n else if (newTender.location?.length > 200\r\n || (newTender.applicationEmail != \"\" && !validator.isEmail(newTender.applicationEmail) && newTender.applicationEmail > 200)\r\n || newTender?.title?.length > 200\r\n ) {\r\n setHasMissingValue(true);\r\n }\r\n else {\r\n setHasMissingValue(false);\r\n }\r\n }, [newTender])\r\n\r\n useEffect(() => {\r\n if (employersListOptions.length > 0 && isLoading) {\r\n setIsLoading(false);\r\n }\r\n }, [employersListOptions])\r\n\r\n const handleSubmit = () => {\r\n setIsSaving(true);\r\n createTender(newTender).then(data => {\r\n if (data !== undefined && data !== null) {\r\n setCreatedTenderNumber(data);\r\n setIsSaving(false);\r\n setPublished(true);\r\n setCreationFailed(false);\r\n }\r\n else {\r\n setCreationFailed(true);\r\n setIsSaving(false)\r\n }\r\n });\r\n }\r\n\r\n const getEmployersListOptions = (employers) => {\r\n let result = [];\r\n employers.forEach(employer => {\r\n result.push({ label: employer.companyName, id: employer.id, value: employer.id, email: employer.companyEmailContact });\r\n });\r\n setEmployersListOptions(result);\r\n }\r\n\r\n // Start keydown mechanism\r\n let onKeydown = event => {\r\n if (event.code === \"Enter\" || event.code === \"NumpadEnter\") {\r\n if (!hasMissingValue) {\r\n handleSubmit();\r\n }\r\n event.preventDefault();\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n document.addEventListener(\"keydown\", onKeydown);\r\n return () => {\r\n document.removeEventListener(\"keydown\", onKeydown);\r\n };\r\n }, [onKeydown]);\r\n //End keydown mechanism\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n\r\n {\"Suppression d'un fichier: \" + attachmentToDelete?.name}
\r\n \r\n\r\n \r\n
\r\n {isLoading ? (\r\n \r\n
\r\n ) : (\r\n <>\r\n Chargement du formulaire en cours...
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Publication d'un appel d'offres
\r\nRemplissez le formulaire ci-dessous afin de publier votre appel d'offres. Cet appel d'offres sera visible sur le site une fois qu'il sera approuvé par un modérateur.
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n setNewTender(prevState => { return { ...prevState, title: val } });\r\n }}\r\n placeholder=\"\"\r\n disabled={published}\r\n />\r\n {newTender?.title?.length > 200 && (\r\n
\r\n {currentEmployer ?\r\n (\r\n <>\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n\r\n \r\n
\r\n \r\n ) :\r\n (\r\n <>\r\n \r\n \r\n {\r\n setNewTender(prevState => { return { ...prevState, employerId: option?.value, companyName: option.label, applicationEmail: option.email } });\r\n }}\r\n isDisabled={published}\r\n />\r\n
\r\n \r\n )}\r\n\r\n Si votre société ne se trouve pas dans cette liste, veuillez cliquez sur lien pour créer un nouveau compte
\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n let isValide = validator.isEmail(e.target.value);\r\n setNewTender(prevState => { return { ...prevState, applicationEmail: val } });\r\n if (invalideEmail) {\r\n setInvalideEmail(!isValide);\r\n }\r\n }}\r\n onBlur={(e) => {\r\n let val = validator.isEmail(e.target.value);\r\n setInvalideEmail(!val);\r\n }}\r\n placeholder=\"\"\r\n disabled={published}\r\n />\r\n {(newTender.email != \"\" && invalideEmail) && (\r\n
\r\n Format d'email invalide
\r\n )}\r\n {newTender?.applicationEmail?.length > 200 && (\r\nle nombre maximum de caractères a été dépassé
\r\n )}\r\n\r\n \r\n {\r\n setNewTender(prevState => { return { ...prevState, category: option?.label } });\r\n }}\r\n isDisabled={published}\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n {\r\n let val = e.target?.value;\r\n setNewTender(prevState => { return { ...prevState, closingDate: val } });\r\n }}\r\n disabled={published}\r\n />\r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n setNewTender(prevState => { return { ...prevState, location: val } });\r\n }}\r\n disabled={published}\r\n />\r\n {newTender.location.length > 200 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n\r\n \r\n {\r\n setNewTender(prevState => { return { ...prevState, description: descriptionHtmlEditor.current.getContent() } });\r\n }}\r\n ref={descriptionHtmlEditor}\r\n initialValue=\"\"\r\n disabled={published} />\r\n
\r\n \r\n
\r\n \r\n {\r\n let val = e.target?.checked;\r\n setNewTender(prevState => {\r\n return { ...prevState, showEmailAddress: val }\r\n });\r\n }}\r\n disabled={published}\r\n />\r\n \r\n
\r\n \r\n {\r\n let val = e.target?.checked;\r\n setNewTender(prevState => {\r\n return { ...prevState, showPhoneNumber: val }\r\n });\r\n }}\r\n disabled={published}\r\n />\r\n \r\n
\r\n \r\n \r\n Publiez {isSaving ?
\r\n {published && (\r\n \r\n Félicitations! Votre offre a été créé avec succès. Cependant, l'offre nécessite l'approbation d'un modérateur du site. Elle sera visible sur le site dès qu'un modérateur l'aura approuvé et aura confirmé les informations du paiement.
Voici le numéro de référence de l'offre : \" + createdTenderNumber + \"\"} />\r\n
\r\n )}\r\n {creationFailed && (\r\n Voici le numéro de référence de l'offre : \" + createdTenderNumber + \"\"} />\r\n
\r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n
- \r\n \r\n\r\n\r\n\r\n\r\n \r\n\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Création de compte candidat !
\r\nInscrivez-vous gratuitement pour recevoir les offres d’emplois par SMS, par e-mail et par Messenger et aussi pour être vus par les employeurs
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n setNewCandidat(prevState => { return { ...prevState, firstName: val } });\r\n }}\r\n />\r\n {newCandidat.firstName.length > 50 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n setNewCandidat(prevState => { return { ...prevState, lastName: val } });\r\n }}\r\n />\r\n {newCandidat.lastName.length > 50 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n let match = isMatch(e.target.value, 'yyyy-MM-dd');\r\n setNewCandidat(prevState => { return { ...prevState, birthDay: val } });\r\n if (match && val != \"\") {\r\n setInvalideDate(!match);\r\n }\r\n }}\r\n onBlur={(e) => {\r\n let val = isMatch(e.target.value, 'yyyy-MM-dd');\r\n if (e.target.value != \"\") {\r\n setInvalideDate(!val);\r\n }\r\n if (!val && e.target.value != \"\") {\r\n setNewCandidat(prevState => { return { ...prevState, birthDay: null } });\r\n }\r\n }}\r\n />\r\n {invalideDate && (\r\n
\r\n Format invalide
\r\n )}\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n setNewCandidat(prevState => { return { ...prevState, birthPlace: val } });\r\n }}\r\n />\r\n {newCandidat.birthPlace?.length > 50 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n setNewCandidat(prevState => { return { ...prevState, phoneNumber1: val } });\r\n }}\r\n />\r\n {newCandidat.phoneNumber1?.length > 15 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n {(newCandidat.phoneNumber1 != \"\" && !(new RegExp(/^[0-9\\b]+$/)).test(newCandidat.phoneNumber1)) && (\r\nFormat invalide
\r\n )}\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n setNewCandidat(prevState => { return { ...prevState, phoneNumber2: val } });\r\n }}\r\n />\r\n {newCandidat.phoneNumber2?.length > 15 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n {(newCandidat.phoneNumber2 != \"\" && !(new RegExp(/^[0-9\\b]+$/)).test(newCandidat.phoneNumber2)) && (\r\nFormat invalide
\r\n )}\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n let isValide = validator.isEmail(e.target.value);\r\n setNewCandidat(prevState => { return { ...prevState, email: val } });\r\n if (invalideEmail) {\r\n setInvalideEmail(!isValide);\r\n }\r\n if (creationFailed) setCreationFailed(false)\r\n }}\r\n onBlur={(e) => {\r\n let val = validator.isEmail(e.target.value); \r\n setInvalideEmail(!val);\r\n if (!val) {\r\n // emailRef.current.focus();\r\n }\r\n }}\r\n />\r\n {newCandidat.email?.length > 200 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n {(newCandidat.email != \"\" && invalideEmail) && (\r\nFormat d'email invalide
\r\n )}\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n if (newCandidat.confirmPassword != '' && newCandidat.conformPassword != undefined) {\r\n setareNotSame(newCandidat.confirmPassword.normalize() !== val.normalize());\r\n }\r\n setNewCandidat(prevState => { return { ...prevState, password: val } });\r\n }}\r\n />\r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n setareNotSame(newCandidat.password.normalize() !== val.normalize());\r\n setNewCandidat(prevState => { return { ...prevState, confirmPassword: val } });\r\n }}\r\n />\r\n {areNotSame && (\r\n
\r\n Les deux mots de passe sont différents.
\r\n )}\r\n \r\n \r\n Soumettre {isCreating ?
\r\n {published && (\r\n \r\n Félicitations! Ce compte candidat a été créé avec succès. Un email de confirmation a été envoyé à l'adresse suivante :\" + \" \" + newCandidat?.email + \"\"} />\r\n
\r\n )}\r\n {creationFailed && (\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n
- \r\n \r\n\r\n\r\n\r\n\r\n \r\n\r\n\r\n
\r\n
\r\n ) : (\r\n <>\r\n Chargement du formulaire en cours...
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {/* Informations de base */}\r\n
\r\n \r\n
\r\n\r\n {/* Mes documents */}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Mes informations
\r\n {/* */}\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n setCandidatToUpdate(prevState => { return { ...prevState, firstName: val } });\r\n }}\r\n />\r\n {candidatToUpdate?.firstName?.length > 50 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n setCandidatToUpdate(prevState => { return { ...prevState, lastName: val } });\r\n }}\r\n />\r\n {candidatToUpdate?.lastName?.length > 50 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n let match = isMatch(e.target.value, 'yyyy-MM-dd');\r\n setCandidatToUpdate(prevState => { return { ...prevState, birthDay: val } });\r\n if (match && val != \"\") {\r\n setInvalideDate(!match);\r\n }\r\n }}\r\n onBlur={(e) => {\r\n let val = isMatch(e.target.value, 'yyyy-MM-dd');\r\n if (e.target.value != \"\") {\r\n setInvalideDate(!val);\r\n }\r\n if (!val) {\r\n setCandidatToUpdate(prevState => { return { ...prevState, birthDay: \"\" } });\r\n }\r\n }}\r\n />\r\n {invalideDate && (\r\n
\r\n Format invalide
\r\n )}\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n setCandidatToUpdate(prevState => { return { ...prevState, birthPlace: val } });\r\n }}\r\n />\r\n {candidatToUpdate?.birthPlace?.length > 50 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n setCandidatToUpdate(prevState => { return { ...prevState, phoneNumber1: val } });\r\n }}\r\n />\r\n {candidatToUpdate?.phoneNumber1?.length > 50 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n {(candidatToUpdate?.phoneNumber1 != \"\" && !(new RegExp(/^[0-9\\b]+$/)).test(candidatToUpdate?.phoneNumber1)) && (\r\nFormat invalide
\r\n )}\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n setCandidatToUpdate(prevState => { return { ...prevState, phoneNumber2: val } });\r\n }}\r\n />\r\n {candidatToUpdate?.phoneNumber2?.length > 50 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n {(candidatToUpdate?.phoneNumber2 != \"\" && !(new RegExp(/^[0-9\\b]+$/)).test(candidatToUpdate?.phoneNumber2)) && (\r\nFormat invalide
\r\n )}\r\n\r\n \r\n {\r\n let val = e.target?.value;\r\n let isValide = validator.isEmail(e.target.value);\r\n setCandidatToUpdate(prevState => { return { ...prevState, email: val } });\r\n if (invalideEmail) {\r\n setInvalideEmail(!isValide);\r\n }\r\n }}\r\n onBlur={(e) => {\r\n let val = validator.isEmail(e.target.value);\r\n setInvalideEmail(!val);\r\n }}\r\n />\r\n {candidatToUpdate?.email?.length > 50 && (\r\n
\r\n le nombre maximum de caractères a été dépassé
\r\n )}\r\n {(candidatToUpdate?.email != \"\" && invalideEmail) && (\r\nFormat d'email invalide
\r\n )}\r\n\r\n \r\n candidatToUpdate?.categories?.some(cat => cat == opt.value))}\r\n options={categories}\r\n loadingMessage=\"En cours de chargement\"\r\n isMulti\r\n onChange={(option) => {\r\n const unique = [...new Set(option.map(item => item.value))];\r\n setCandidatToUpdate(prevState => {\r\n return { ...prevState, categories: unique }\r\n });\r\n }}\r\n />\r\n
\r\n \r\n
\r\n \r\n {\r\n let val = e.target?.checked;\r\n setCandidatToUpdate(prevState => { return { ...prevState, receiveEmailNotification: val } });\r\n }}\r\n />\r\n \r\n
\r\n \r\n {\r\n let val = e.target?.checked;\r\n setCandidatToUpdate(prevState => { return { ...prevState, receiveSmsNotification: val } });\r\n }}\r\n />\r\n \r\n
\r\n \r\n \r\n Soumettre {isUpdating ?
\r\n {updated && (\r\n \r\n Félicitations! Ce compte candidat a été modifié avec succès. \"} />\r\n
\r\n )}\r\n \r\n
\r\n\r\n {/* Start Delete file modale */}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Mes documents
\r\n\r\n Veuillez déposer dans cette section vos documents (CV, lettres de présentation, diplômes, attestations, permis de conduire, etc.)\r\n en cliquant à l'intérieur de la bande blanche ci-dessous\r\n
\r\n\r\n {isUploading ?\r\n (\r\n
\r\n \r\n
\r\n )\r\n :\r\n (\r\n Chargement des documents en cours...
\r\n \r\n
\r\n )}\r\n \r\n {\r\n setSelectedFiles(files)\r\n }}\r\n onDelete={(file) => {\r\n let filteredFiles = [...selectedFiles.filter(fi => fi?.name != file?.name)];\r\n setSelectedFiles(filteredFiles);\r\n \r\n }}\r\n />\r\n
\r\n Vous pouvez ajouter jusqu'à 10 fichiers dont la taille ne dépasse pas 5MB
\r\nNom
\r\n Date
\r\n \r\n\r\n {candidatToUpdate?.attachments?.map((file, index) => (\r\n <>\r\n \r\n \r\n {file?.name}\r\n \r\n
\r\n {moment(file?.lastModifiedDate).format('Do MM YYYY')}
\r\n \r\n \r\n \r\n \r\n \r\n setAttachmentToDelete(file)}>\r\n \r\n
\r\n ))}\r\n {someTypeChanged && (\r\n <>\r\n \r\n \r\n Soumettre {isUpdating ?
\r\n {updated && (\r\n \r\n
\r\n )}\r\n \r\n )}\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n\r\n {\"Suppression d'un fichier: \" + attachmentToDelete?.name}
\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n {\r\n displayingActiveAdsList.map((ads, index) => (\r\n ads.attachments.map((attachment, index) => (\r\n
- \r\n \r\n\r\n\r\n\r\n\r\n \r\n\r\n\r\n\r\n ))\r\n ))\r\n }\r\n
\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {/* Informations de base */}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Réinitialiser le Mot de passe
\r\n {/* */}\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n setResetPasswordRequest(prevState => { return { ...prevState, email: val } });\r\n }}\r\n />\r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n if (resetPasswordRequest.confirmPassword != \"\" && resetPasswordRequest.conformPassword != undefined) {\r\n setAreNotSame(resetPasswordRequest.confirmPassword.normalize() !== val.normalize());\r\n }\r\n setResetPasswordRequest(prevState => { return { ...prevState, password: val } });\r\n }}\r\n />\r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n setAreNotSame(resetPasswordRequest.password.normalize() !== val.normalize());\r\n setResetPasswordRequest(prevState => { return { ...prevState, confirmPassword: val } });\r\n }}\r\n />\r\n {areNotSame && (\r\n
\r\n Les deux mots de passe sont différents.
\r\n )}\r\n \r\n \r\n Soumettre {isUpdating ?
\r\n {published && (\r\n \r\n Félicitations! votre mot de passe a été réinitialisé avec succès. Veuillez-vous reconnecter\"} />\r\n
\r\n )}\r\n {resetPasswordFailed && (\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n {\r\n displayingActiveAdsList.map((ads, index) => (\r\n ads.attachments.map((attachment, index) => (\r\n
- \r\n \r\n\r\n\r\n\r\n\r\n \r\n\r\n\r\n\r\n ))\r\n ))\r\n }\r\n
\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {/* Informations de base */}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Changer le mot de passe
\r\n {/* */}\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n setChangePasswordRequest(prevState => { return { ...prevState, currentPassword: val } });\r\n }}\r\n />\r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n if (changePasswordRequest.newPasswordConfirmation != \"\" && changePasswordRequest.conformPassword != undefined) {\r\n setAreNotSame(changePasswordRequest.newPasswordConfirmation.normalize() !== val.normalize());\r\n }\r\n setChangePasswordRequest(prevState => { return { ...prevState, newPassword: val } });\r\n }}\r\n />\r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n setAreNotSame(changePasswordRequest.newPassword.normalize() !== val.normalize());\r\n setChangePasswordRequest(prevState => { return { ...prevState, newPasswordConfirmation: val } });\r\n }}\r\n />\r\n {areNotSame && (\r\n
\r\n Les deux mots de passe sont différents.
\r\n )}\r\n \r\n \r\n Soumettre {isUpdating ?
\r\n {changed && (\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n {\r\n displayingActiveAdsList.map((ads, index) => (\r\n ads.attachments.map((attachment, index) => (\r\n
- \r\n \r\n\r\n\r\n\r\n\r\n \r\n\r\n\r\n\r\n ))\r\n ))\r\n }\r\n
\r\n
\r\n\r\n {/* End operations listing */}\r\n\r\n {/* Start Refresh Operation Modal */}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Opérations
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | \r\n | \r\n | \r\n |
|---|---|---|
| \r\n Rafraichir la liste des offres d'emploi sur le site public\r\n | \r\n\r\n \r\n | \r\n\r\n
| \r\n
| \r\n Rafraichir la liste des appels d'offre sur le site public\r\n | \r\n\r\n \r\n | \r\n\r\n
| \r\n
| \r\n Rafraichir la liste des formations sur le site public\r\n | \r\n\r\n \r\n | \r\n\r\n
| \r\n
| \r\n Rafraichir la liste des CVs sur le site public\r\n | \r\n\r\n \r\n | \r\n\r\n
| \r\n
| \r\n Rafraichir la liste des publicités sur le site public\r\n | \r\n\r\n \r\n | \r\n\r\n
| \r\n
| \r\n Rafraichir la liste des employeurs de confiance sur le site public\r\n | \r\n\r\n \r\n | \r\n\r\n
| \r\n
| \r\n Vider la cache du serveur\r\n | \r\n\r\n \r\n | \r\n\r\n
| \r\n
| \r\n Rafraichir la cache de Cloudflare\r\n | \r\n\r\n \r\n | \r\n\r\n
| \r\n
\r\n
\r\n {/* End Refresh Operation Modal */}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n\r\n {operationToUpdateTitle}
\r\n \r\n\r\n
\r\n Informations
\r\n- \r\n
- \r\n \r\n {currentSite.address}\r\n \r\n
- \r\n \r\n {currentSite.phoneNumber1} \r\n {currentSite.phoneNumber2 && (<> / {currentSite.phoneNumber2})}\r\n \r\n \r\n
- \r\n \r\n {currentSite.emailAddress}\r\n \r\n
- \r\n \r\n www.d3kinc.com\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Services
\r\n- \r\n
Accueil \r\n - Pages \r\n
- Services \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n www.{currentSite.fullName.toLowerCase()} est un site de recherche d’emplois {currentSite.countryPrefix} {currentSite.countryName} où les employeurs peuvent déposer leurs offres d’emploi et les candidats peuvent consulter les offres d’emplois. Ces derniers peuvent aussi recevoir les annonces d’offres d’emploi par e-mail et par SMS en s’enregistrant.\r\n
\r\n\r\n
\r\n \r\n
\r\n EMPLOYEURS
\r\nPublications des offres d’emploi
\r\n\r\n
\r\n - \r\n
- Bénéficiez de notre vaste répertoire de candidats déjà enregistrés \r\n
- Les candidats pourront recevoir les offres par SMS et par e-mail \r\n
- Trouvez plus rapidement votre candidat idéal \r\n
Réception des dossiers de candidature
\r\n\r\n
\r\n - \r\n
- Réception des dossiers de candidature (CV, Lettre de motivation, diplômes, etc.) \r\n
Tri des dossiers de candidature et Présélection des candidats
\r\n\r\n
\r\n - \r\n
- Plus besoin de lire et évaluer des centaines de CVs et LMs. \r\n
- Nous vous enverrons uniquement les candidatures correspondant au profil que vous recherchez \r\n
Publication des appels d’Offres
\r\n\r\n
\r\n - \r\n
- Bénéficiez de notre vaste répertoire d’entreprises déjà enregistrées \r\n
- Les soumissionnaires pourront recevoir les appels d’offres par SMS et par e-mail \r\n
- Trouvez plus rapidement votre prestataire idéal \r\n
\r\n
\r\n CANDIDATS
\r\n\r\n
\r\n - \r\n
- Réception des annonces d’offres d’emploi par e-mail \r\n
- Réception d’alertes d’offres d’emploi par SMS \r\n
- Votre profil et CVs seront disponibles aux employeurs \r\n
\r\n
\r\n VENTE ESPACE PUBLICITAIRE
\r\n\r\n
\r\n Vous pouvez aussi faire la publicité de vos services et produits sur notre siteweb qui est visité par des milliers de personnes quotidiennement Pour toutes questions concernant nos tarifs, veuillez nous contacter à {currentSite.emailAddress} ou au {currentSite.phoneNumber1} {currentSite.phoneNumber2 && (<> / {currentSite.phoneNumber2})}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Politique de confidentialité
\r\n- \r\n
Accueil \r\n - Pages \r\n
- Politique de confidentialité \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n 31 Janvier 2019\r\n
\r\n Votre vie privée nous tient à coeur à {currentSite.name}.\r\n Cette déclaration de confidentialité fournit des détails sur les informations personnelles que {currentSite.name} collecte, et sur la manière dont {currentSite.name} les utilise.\r\n
\r\n
\r\n
\r\n COLLECTE D'INFORMATIONS PERSONNELLES
\r\n{currentSite.name} collecte les informations personnelles suivants à travers un formulaire d'adhésion sur le site:
\r\n\r\n
\r\n\r\n - \r\n
- Nom \r\n
- Prénom \r\n
- Age \r\n
- Numéros de téléphones \r\n
- Adresse \r\n
- Scolarité \r\n
- Expériences professionnelles \r\n
- CVs, lettres de motivations, diplômes, permis de conduire, etc. \r\n
\r\n
\r\n UTILISATION D'INFORMATIONS PERSONNELLES
\r\n{currentSite.name} collecte les informations personnelles dans le but de :
\r\n\r\n
\r\n - \r\n
- Notifier par email et sms les candidats sur les offres d'emplois disponibles \r\n
- De proposer des informations et des offres publicitaires aux candidats \r\n
\r\n Les candidats ont la possibilité en tout moment d'accéder à leurs informations ou encore de les supprimer. Cette procédure se fait manuellement pour le moment en nous contactant par email ou par téléphone.\r\n
\r\n\r\n \r\n
\r\n COOKIES
\r\n{currentSite.name} dépose des cookies sur son site afin de garantir son bon fonctionnement et de vous fournir une meilleure expérience de navigation.
\r\n {/* Certains de ces cookies peuvent être désactivés dans la section ci-dessous: */}\r\n\r\n Authentification\r\n
\r\n \r\n \r\n
\r\n \r\n Suivi d'audience\r\n
\r\n \r\n \r\n
\r\n \r\n Publicité\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Pour toutes questions, veuillez nous contacter à {currentSite.emailAddress} ou au {currentSite.phoneNumber1} {currentSite.phoneNumber2 && (<> / {currentSite.phoneNumber2})}\r\n
\r\n \r\n Pour toutes questions, veuillez nous contacter à {currentSite.emailAddress} ou au {currentSite.phoneNumber1} {currentSite.phoneNumber2 && (<> / {currentSite.phoneNumber2})}\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Contact
\r\n- \r\n
Accueil \r\n - Pages \r\n
- Contact \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Formulaire de contact
\r\nRemplissez le formulaire ci-dessous un membre de notre équipe vous repondra dans les plus brefs délais.
\r\n\r\n
\r\n \r\n
\r\n \r\n {\r\n let val = e.target?.value;\r\n setContact(prevState => { return { ...prevState, FirstName: val } });\r\n }}\r\n />\r\n
\r\n \r\n {\r\n let val = e.target?.value;\r\n setContact(prevState => { return { ...prevState, LastName: val } });\r\n }}\r\n />\r\n
\r\n \r\n {\r\n let val = e.target?.value;\r\n setContact(prevState => { return { ...prevState, Email: val } });\r\n }}\r\n />\r\n
\r\n \r\n {\r\n let val = e.target?.value;\r\n setContact(prevState => { return { ...prevState, PhoneNumber: val } });\r\n }}\r\n />\r\n
\r\n \r\n {\r\n let val = e.target?.value;\r\n setContact(prevState => { return { ...prevState, Message: val } });\r\n }}\r\n >\r\n \r\n
\r\n \r\n {\r\n setContact(prevState => { return { ...prevState, CaptchaResponse: value } });\r\n \r\n }}\r\n />\r\n
\r\n \r\n \r\n Envoyer\r\n \r\n
\r\n {sent && (\r\n \r\n
\r\n )}\r\n \r\n Si vous nous contactez parce que vous êtes à la recherche d’un emploi, nous vous conseillons de vous enregistrer sur le site à partir de la page ‘candidats’. Malibaara n’offre pas d’emploi mais aide les candidats à obtenir un emploi en publiant les offres d’emploi (avis de recrutement) et en les leur acheminant par SMS et e-mail.\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n ) : (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n )\r\n }\r\n \r\n
\r\n \r\n
\r\n Mis à jour d'un SMS
\r\n\r\n
\r\n \r\n
\r\n {updateSmsNotification.title}
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n let val = e.target?.value;\r\n setSmsNotification(prevState => {\r\n return { ...prevState, title: val }\r\n });\r\n }}\r\n />\r\n
\r\n \r\n \r\n {\r\n setCount(e.target.value.length)\r\n let val = e.target?.value;\r\n setSmsNotification(prevState => { return { ...prevState, content: val } });\r\n }}\r\n >\r\n
\r\n {count} caractères sur 160
\r\n \r\n \r\n \r\n opt?.value == smsNotification.category)}\r\n onChange={(option) => {\r\n setSmsNotification(prevState => { return { ...prevState, category: option?.value } });\r\n }}\r\n isDisabled={\"\"}\r\n />\r\n
\r\n \r\n \r\n {\r\n let additionalNumbersCopy = smsNotification.additionalNumbers;\r\n additionalNumbersCopy = e.target.value;\r\n setSmsNotification(prevState => { return { ...prevState, additionalNumbers: additionalNumbersCopy } });\r\n }}\r\n onKeyDown={e => {\r\n if (e.key == \"Enter\") {\r\n let additionalNumbersCopy = smsNotification.additionalNumbers;\r\n additionalNumbersCopy = e.target.value + \"\\n\";\r\n setSmsNotification(prevState => { return { ...prevState, additionalNumbers: additionalNumbersCopy } });\r\n }\r\n }}\r\n >\r\n
\r\n \r\n \r\n\r\n opt?.value == smsNotification.networkOperator)}\r\n options={NetworkOperator}\r\n loadingMessage=\"En cours de chargement\"\r\n onChange={(option) => {\r\n setSmsNotification(prevState => { return { ...prevState, networkOperator: option?.value } });\r\n }}\r\n isDisabled={\"\"}\r\n />\r\n
\r\n \r\n \r\n Sauvegarder {isUpdating ?
\r\n {published && (\r\n \r\n
\r\n )}\r\n \r\n
\r\n ) : (\r\n <>\r\n Chargement des offres d'emploi en cours...
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Offres d'emploi
\r\n- \r\n
- Accueil \r\n
- Employeur \r\n
- Offres d'emploi \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n Mes offres d'emploi
\r\n\r\n {displayingJobList?.sort((a, b) => sortedBy == \"closingDate\" ? (a.closingDate < b.closingDate ? 1 : -1) : (a.postedDate < b.postedDate ? 1 : -1))?.map((job, index) => (\r\n
\r\n \r\n
\r\n ))}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {job.title}
\r\n\r\n
\r\n - \r\n
- Date de Publication: {job.postedDateInFrench} \r\n
- Date Limite: {job.closingDateInFrench} \r\n
- {job.categoryDisplayName} \r\n
\r\n {job.shortDescription}\r\n
\r\n \r\n
\r\n - \r\n
- \r\n Par \r\n \r\n {job.companyName}\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n
- \r\n \r\n\r\n\r\n\r\n\r\n \r\n\r\n\r\n
\r\n
\r\n ) : (\r\n <>\r\n Chargement des appels d'offre en cours...
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Appels d'offre
\r\n- \r\n
- Accueil \r\n
- Employeur \r\n
- Appels d'offre \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n Mes appels d'offre
\r\n\r\n {displayingJobList?.sort((a, b) => sortedBy == \"closingDate\" ? (a.closingDate < b.closingDate ? 1 : -1) : (a.postedDate < b.postedDate ? 1 : -1))?.map((job, index) => (\r\n
\r\n \r\n
\r\n ))}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {job.title}
\r\n\r\n
\r\n - \r\n
- Date de Publication: {job.postedDateInFrench} \r\n
- Date Limite: {job.closingDateInFrench} \r\n
- {job.categoryDisplayName} \r\n
\r\n {job.shortDescription}\r\n
\r\n \r\n
\r\n - \r\n
- \r\n Par \r\n \r\n {job.companyName}\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n
- \r\n \r\n\r\n\r\n\r\n\r\n \r\n\r\n\r\n