\n
\n );\n }\n}\n\nexport default hot(module)(App);\n","import * as React from \"react\";\nimport { hot } from \"react-hot-loader\";\nimport { BrowserRouter as Router, Redirect, Route, Switch } from \"react-router-dom\";\nimport Candidatures from '../../components/Candidatures/Candidatures';\nimport Footer from '../../components/Footer/Footer';\nimport FormulaireCandidature from '../../components/FormulaireCandidature/FormulaireCandidature';\nimport Header from '../../components/Header/Header';\nimport Home from '../../components/Home/Home';\nimport Inscription from '../../components/Inscription/Inscription';\nimport InscriptionActivation from '../../components/Inscription/InscriptionActivation/InscriptionActivation';\nimport MdpPerdu from '../../components/MdpPerdu/MdpPerdu';\nimport MdpPerduRenouvellement from '../../components/MdpPerdu/MdpPerduRenouvellement/MdpPerduRenouvellement';\ndeclare var configcustoms: any;\n\n\nclass CustomRouter extends React.Component<{}, {}> {\n\n constructor(props: any) {\n super(props);\n }\n\n public render() {\n\n return (\n \n
\n \n \n \n
\n \n \n
\n );\n });\n\n return (\n \n
\n \n
\n {promotion.Titre}
\n{libelle.promotionsList.dateCandidature} {EnmUtils.getDateFrAddOneDay(promotion.DateOuverture)} > {EnmUtils.getDateFrAddOneDay(promotion.DateFermeture)}
\n{libelle.promotionsList.annee} {promotion.Annee}
\n\n \n
\n \n
\n );\n }\n\n private createCandidatureAndRedirect(idPromotion: number) {\n const idCandidatureKey = \"IdCandidature\";\n this.setState({ DisabledBtn: true });\n this._dataProvider.createCandidature(this.props.ConnectedLogin, idPromotion).then(res => {\n if (res[idCandidatureKey] != null) {\n\n this._dataProvider.sendInput(this.props.ConnectedLogin, res[idCandidatureKey], \"IdPromo\", '' + idPromotion, \"Text\").then(respIdPromo => {\n this._dataProvider.sendInput(this.props.ConnectedLogin, res[idCandidatureKey], \"EtatCandidature\", this.props.EtatCandidatureList[0], \"Choice\").then(respEtatCandidature => {\n this._dataProvider.sendInput(this.props.ConnectedLogin, res[idCandidatureKey], \"EtatDepotCandidature\", this.props.EtatDepotCandidatureList[0], \"Choice\").then(respEtatDepot => {\n this.setState({ DisabledBtn: true, RedirectTo: configcustoms.Route.Formulaire + '?idCandidature=' + res[idCandidatureKey] });\n });\n });\n });\n\n\n } else {\n this.setState({ DisabledBtn: false });\n }\n });\n }\n\n private promotionHaveAlreadyCandidature(idPromotion: number): boolean {\n let promotionHaveCandidature = false;\n\n this.props.candidaturesList.map(candidature => {\n if (candidature.IdPromo === '' + idPromotion) {\n promotionHaveCandidature = true;\n return;\n }\n });\n\n return promotionHaveCandidature;\n }\n\n}\n\nexport default hot(module)(PromotionsList);\n","import * as React from \"react\";\nimport { hot } from \"react-hot-loader\";\nimport ModalObligatoryMention from '../Modal/ModalObligatoryMention';\ndeclare var libelle: any;\n\n\nclass Footer extends React.Component<{}, {}> {\n public render() {\n return (\n \n );\n }\n}\n\nexport default hot(module)(Footer);\n","import * as React from \"react\";\nimport { hot } from \"react-hot-loader\";\ndeclare var libelle: any;\n\n\nclass ModalObligatoryMention extends React.Component<{}, {}> {\n public render() {\n return (\n \n
\n {libelle.promotionsList.title}
\n\n {promotionsRender}\n
\n \n
\n );\n }\n}\n\nexport default hot(module)(ModalObligatoryMention);\n","import queryString from 'query-string-es5';\nimport * as React from \"react\";\nimport { hot } from \"react-hot-loader\";\nimport Captcha from \"react-numeric-captcha\";\nimport { Link } from 'react-router-dom';\nimport { CSSTransition } from 'react-transition-group';\nimport DataProvider from '../../dataproviders/DataProvider';\nimport DataProviderSharePoint from '../../dataproviders/DataProvidersSharePoint';\nimport { ICategorie } from '../../interfaces/ICategorie';\nimport { ICategorieInfo } from '../../interfaces/ICategorieInfo';\nimport { IInputFormSharePoint } from '../../interfaces/IInputFormSharePoint';\nimport { IInputValidation } from '../../interfaces/IInputValidation';\nimport EnmUtils from '../../utils/EnmUtils';\nimport CustomLoader from '../CustomLoader/CustomLoader';\nimport FormulaireCategorie from './FormulaireCategorie/FormulaireCategorie';\nimport { IFormulaireCandidatureState } from './IFormulaireCandidatureState';\n\ndeclare var configcustoms: any;\ndeclare var libelle: any;\ndeclare var formulaireCandidature: any;\ndeclare var formulaireAllPjList: any;\n\nclass FormulaireCandidature extends React.Component<{}, IFormulaireCandidatureState> {\n\n private _dataProvider = new DataProviderSharePoint();\n private _dataProviderLocal = new DataProvider();\n\n constructor(props: any) {\n super(props);\n\n const categorieInfosInit: ICategorieInfo[] = [];\n Object.keys(formulaireCandidature).map((key) => {\n categorieInfosInit[key] = {\n IsValid: false,\n }\n });\n\n this.state = {\n IsReady: false,\n IsReadOnly: false,\n ObligatoryIsCheck: false,\n AllCategorieIsValid: false,\n AllCategorieIsReady: false,\n ConnectedLogin: EnmUtils.getLoginConnectedUser(),\n AllFormulaire: formulaireCandidature,\n CategorieInfos: categorieInfosInit,\n AllCustomInputInfos: [],\n CandidatureFieldsValue: [],\n IdCandidature: 0,\n InputFormSharePointList: [],\n PJSharePointList: [],\n EtatCandidatureList: [],\n EtatDepotCandidatureList: [],\n captchaIsValid: false,\n NumDossier: '',\n IsSuccessSubmit: false,\n PromotionIsClosed: false\n }\n\n if (props.location.search != null) {\n const parsedUrl = queryString.parse(props.location.search);\n this.state = {\n ...this.state,\n IdCandidature: parsedUrl.idCandidature,\n }\n }\n\n this.OnCategorieIsValid = this.OnCategorieIsValid.bind(this);\n this.OnCategorieIsReady = this.OnCategorieIsReady.bind(this);\n this.OnInputChange = this.OnInputChange.bind(this);\n\n this.handleObligatoryChange = this.handleObligatoryChange.bind(this);\n this.submitCandidature = this.submitCandidature.bind(this);\n }\n\n public componentDidMount() {\n if (this.state.IdCandidature === 0) {\n return;\n } else {\n Promise.all([this.getEtatDepotCandidature(), this.getEtatCandidature()]).then(values => {\n this.getAllCandidature();\n });\n }\n }\n\n public render() {\n const categoriesRender = Object.keys(this.state.AllFormulaire).map((key, index) => {\n return (\n \n
\n \n
\n \n
\n \n {libelle.footer.modalTitle}
\n \n\n \n
\n \n \n
\n );\n }\n\n private scrollToElementWithId(elementId: string) {\n if (elementId != null && document != null) {\n const element = document.getElementById(elementId);\n if (element != null) {\n element.scrollIntoView({ block: 'start' });\n }\n }\n }\n\n private handleObligatoryChange(event) {\n const target = event.target;\n const value = target.checked;\n\n this.setState({\n ObligatoryIsCheck: value\n });\n }\n\n private submitCandidature(event) {\n\n this.setState({ IsReady: false });\n\n // update Depot candidature date\n this._dataProvider.sendInput(this.state.ConnectedLogin, this.state.IdCandidature, 'DateValidDossier', new Date().toISOString(), 'DateTime').then(respValidDossier => {\n\n // update Depot candidature state\n this._dataProvider.sendInput(this.state.ConnectedLogin, this.state.IdCandidature, 'EtatDepotCandidature', this.state.EtatDepotCandidatureList[1], 'Text').then(respEtatDepot => {\n\n // update candidature state\n this._dataProvider.sendInput(this.state.ConnectedLogin, this.state.IdCandidature, 'EtatCandidature', this.state.EtatCandidatureList[1], 'Text').then(respEtat => {\n\n // update AttestHonSignature\n this._dataProvider.sendInput(this.state.ConnectedLogin, this.state.IdCandidature, 'AttestHonSignature', new Date().toISOString(), 'DateTime').then(respSignature => {\n\n // Le numéro contiendra les 3 premières lettres du nom de famille + l'année de la promotion + la date et heure de la validation définitive du dossier\n const name: string = this.state.InputFormSharePointList['NomDeNaissance'].Value.substring(0, 3);\n const annee: number = this.state.CandidatureFieldsValue[0]['IdPromo_x003a_Ann_x00e9_e'].substring(0, 4);\n const dateNow: Date = new Date();\n const date = EnmUtils.getDateForCandidatureNumber(dateNow.toString()) + \"-\" + dateNow.getHours() + \":\" + dateNow.getMinutes();\n const numeroDossier = name + \"_\" + annee + \"_\" + date;\n\n // Set numéro du dossier dans sharePoint\n this._dataProvider.sendInput(this.state.ConnectedLogin, this.state.IdCandidature, 'NumDossier', numeroDossier, 'Text').then(respNumero => {\n\n // Send mail validation\n const categorieList = this.constructCategorieList();\n this._dataProviderLocal.validationCandidatureSendPdf(this.state.ConnectedLogin, this.state.IdCandidature, categorieList).then(respValidation => {\n\n // show success\n this.setState({ IsReady: true, IsSuccessSubmit: true, NumDossier: numeroDossier });\n });\n });\n });\n });\n });\n });\n\n }\n\n private constructCategorieList(): ICategorie[] {\n const categorieList: ICategorie[] = [];\n\n Object.keys(formulaireCandidature).map((key) => {\n const categorie: ICategorie = { categorieItems: [], categorieName: \"\" };\n categorie.categorieName = key;\n categorie.categorieItems = formulaireCandidature[key];\n categorieList.push(categorie);\n });\n\n return categorieList;\n }\n\n private getAllCandidature(): void {\n this._dataProvider.getInputValue(this.state.ConnectedLogin, '*', this.state.IdCandidature).then(valueRes => {\n\n this.setState({ CandidatureFieldsValue: valueRes.List }, () => {\n\n let isReadOnly = false;\n let promotionIsClosed = false;\n\n if (this.state.EtatDepotCandidatureList[0] !== this.state.CandidatureFieldsValue[0][\"EtatDepotCandidature\"]) {\n isReadOnly = true;\n }\n\n if (EnmUtils.promotionIsClosed(this.state.CandidatureFieldsValue[0][\"IdPromo_x003a_DateFermeture\"])) {\n isReadOnly = true;\n promotionIsClosed = true;\n }\n\n this.setState({ IsReadOnly: isReadOnly, PromotionIsClosed: promotionIsClosed }, () => {\n this.getAllCustomInputInfos();\n });\n });\n });\n }\n\n private getAllCustomInputInfos(): void {\n this._dataProvider.getAllCustomInput().then(valueRes => {\n this.setState({ AllCustomInputInfos: valueRes.List }, () => {\n this.getAllFormInputSharePoint();\n });\n });\n }\n\n private OnCategorieIsValid(categorieKey: string, categorieIsValid: boolean) {\n this.state = {\n ...this.state,\n CategorieInfos: {\n ...this.state.CategorieInfos,\n [categorieKey]: {\n ...this.state.CategorieInfos[categorieKey],\n IsValid: categorieIsValid,\n }\n }\n }\n\n let allIsValid = true;\n\n Object.keys(this.state.CategorieInfos).map((key, index) => {\n if (!this.state.CategorieInfos[key].IsValid) {\n allIsValid = false;\n return;\n }\n });\n\n this.setState({ ...this.state, AllCategorieIsValid: allIsValid });\n }\n\n private OnCategorieIsReady(categorieKey: string) {\n this.state = {\n ...this.state,\n CategorieInfos: {\n ...this.state.CategorieInfos,\n [categorieKey]: {\n ...this.state.CategorieInfos[categorieKey],\n IsReady: true,\n }\n }\n }\n\n let allIsReady = true;\n\n Object.keys(this.state.CategorieInfos).map((key, index) => {\n if (!this.state.CategorieInfos[key].IsReady) {\n allIsReady = false;\n return;\n }\n });\n\n this.setState({ ...this.state, AllCategorieIsReady: allIsReady });\n }\n\n private getAllFormInputSharePoint(): void {\n let allInputFormList: IInputFormSharePoint[] = [];\n\n this.state.AllCustomInputInfos.map(inputInfos => {\n\n const inputValidation: IInputValidation = {\n IsRequired: inputInfos['Required'],\n IsRequiredMessage: libelle.formulaireInput.requiredField,\n IsEmail: false,\n IsEmailMessage: '',\n IsEqualsToInput: '',\n IsEqualsToInputMessage: '',\n IsRegexMatch: '',\n IsRegexMatchMessage: '',\n }\n\n let inputSharePoint: IInputFormSharePoint = {\n Value: inputInfos['DefaultValue'] != null ? inputInfos['DefaultValue'] : '',\n IsValid: true,\n ToUpper: false,\n ToUpperFirstLetter: false,\n Message: '',\n InputValidation: inputValidation,\n Name: inputInfos['InternalName'],\n PlaceHolder: '',\n Type: inputInfos['Type'],\n Label: inputInfos['Description'],\n DisabledAutoComplet: false,\n DisabledPaste: false,\n InternalName: inputInfos['InternalName'],\n Choices: inputInfos['Choices'],\n TypeChoices: inputInfos['TypeChoices'],\n Description: inputInfos['Title'],\n Terms: inputInfos['Terms'],\n SendToSharePoint: true,\n IsReadOnly: this.state.IsReadOnly,\n IsVisible: true,\n ShowInputWhenValueEquals: '',\n IsFileInput: false,\n }\n\n // Gestion des contrôles bloquant la saisie de caractères alphabétiques\n // EL 20220208 : ajout du champs AutresDate (=année obtention autres diplomes)\n if (inputInfos['InternalName'] === 'NbEnfants'\n || inputInfos['InternalName'] === 'NbFS'\n || inputInfos['InternalName'] === 'NbFSEtude'\n || inputInfos['InternalName'] === 'AdrNum'\n || inputInfos['InternalName'] === 'AdrPereNum'\n || inputInfos['InternalName'] === 'AdrMereNum'\n || inputInfos['InternalName'] === 'AutresDate') {\n inputSharePoint = this.getCustomRegexValidationInput(inputSharePoint, configcustoms.Regex.NumberRegex, libelle.formulaireCandidature.numberRegexMessage);\n }\n\n // Gestion des contrôles bloquant la saisie de caractères alphabétiques autre qu'une virgule ou un point (pour les montants)\n // EL 20220208 : ajout des champs BoursesNMontant, ImportsPere, ImpotsMere, RevenuBrutGlobPere et RevenuBrutGlobMere\n if (inputInfos['InternalName'] === 'RvenuBrutGlobParents'\n || inputInfos['InternalName'] === 'ImpotsParents'\n || inputInfos['InternalName'] === 'RevenuBrutGlobCandidat'\n || inputInfos['InternalName'] === 'ImpotsCandidat'\n || inputInfos['InternalName'] === 'RevenuBrutGlobConjoint'\n || inputInfos['InternalName'] === 'ImpotsConjoint'\n || inputInfos['InternalName'] === 'BoursesNMontant'\n || inputInfos['InternalName'] === 'BoursesN1NMontant'\n || inputInfos['InternalName'] === 'BoursesN2N1Montant'\n || inputInfos['InternalName'] === 'BoursesN3N2Montant'\n || inputInfos['InternalName'] === 'BoursesN4N3Montant'\n || inputInfos['InternalName'] === 'ImpotsPere'\n || inputInfos['InternalName'] === 'ImpotsMere'\n || inputInfos['InternalName'] === 'RevenuBrutGlobPere'\n || inputInfos['InternalName'] === 'RevenuBrutGlobMere') {\n inputSharePoint = this.getCustomRegexValidationInput(inputSharePoint, configcustoms.Regex.DecimalRegex, libelle.formulaireCandidature.decimalRegexMessage);\n }\n\n // Gestion des contrôles sur les champs codes postaux\n if (inputInfos['InternalName'] === 'AdrCP'\n || inputInfos['InternalName'] === 'AdrBACCP'\n || inputInfos['InternalName'] === 'AdrPereCP'\n || inputInfos['InternalName'] === 'AdrMereCP') {\n inputSharePoint = this.getCustomRegexValidationInput(inputSharePoint, configcustoms.Regex.CodePostalRegex, libelle.formulaireCandidature.codePostalRegexMessage);\n }\n \n // Gestion des contrôles bloquant la saisie de caractères numériques\n // EL 20220208 : ajout des champs VilleNaissance, AdrVille, AdrBACVille, AdrPereVille, AdrMereVille, ProfPere et ProfMere\n if (inputInfos['InternalName'] === 'NomDeNaissance'\n || inputInfos['InternalName'] === 'NomMarital'\n || inputInfos['InternalName'] === 'Prenoms'\n || inputInfos['InternalName'] === 'AutresPrenoms'\n || inputInfos['InternalName'] === 'NomConjoint'\n || inputInfos['InternalName'] === 'PrenomConjoint'\n || inputInfos['InternalName'] === 'NomPere' \n || inputInfos['InternalName'] === 'PrenomPere' \n || inputInfos['InternalName'] === 'NomMere'\n || inputInfos['InternalName'] === 'PrenomMere'\n || inputInfos['InternalName'] === 'VilleNaissance'\n || inputInfos['InternalName'] === 'AdrVille'\n || inputInfos['InternalName'] === 'AdrBACVille'\n || inputInfos['InternalName'] === 'AdrPereVille'\n || inputInfos['InternalName'] === 'AdrMereVille'\n || inputInfos['InternalName'] === 'ProfPere'\n || inputInfos['InternalName'] === 'ProfMere') {\n inputSharePoint = this.getCustomRegexValidationInput(inputSharePoint, configcustoms.Regex.PasDeChiffresRegex, libelle.formulaireCandidature.PasDeChiffresRegexMessage);\n }\n\n // Formatage automatique de lettres minuscules en majuscules\n if (inputInfos['InternalName'] === 'NomDeNaissance'\n || inputInfos['InternalName'] === 'NomMarital'\n || inputInfos['InternalName'] === 'NomConjoint'\n || inputInfos['InternalName'] === 'NomPere'\n || inputInfos['InternalName'] === 'NomMere' ){\n inputSharePoint = {\n ...inputSharePoint,\n ToUpper: true\n }\n }\n\n // Formatage automatique de la 1ère lettre du champ en majuscule\n if (inputInfos['InternalName'] === 'Prenoms'\n || inputInfos['InternalName'] === 'AutresPrenoms'\n || inputInfos['InternalName'] === 'PrenomConjoint'\n || inputInfos['InternalName'] === 'PrenomPere'\n || inputInfos['InternalName'] === 'PrenomMere') {\n inputSharePoint = {\n ...inputSharePoint,\n ToUpperFirstLetter: true\n }\n }\n\n // Gestion des contrôles sur les champs Année (4 numériques)\n if (inputInfos['InternalName'] === 'SNDate'\n || inputInfos['InternalName'] === 'M2Date'\n || inputInfos['InternalName'] === 'M1Date'\n || inputInfos['InternalName'] === 'LICDate'\n || inputInfos['InternalName'] === 'BACDate'\n || inputInfos['InternalName'] === 'IEPDate'\n || inputInfos['InternalName'] === 'Candidature1Annee'\n || inputInfos['InternalName'] === 'Candidature2Annee'\n || inputInfos['InternalName'] === 'Candidature3Annee') {\n inputSharePoint = this.getCustomRegexValidationInput(inputSharePoint, configcustoms.Regex.AnneeRegex, libelle.formulaireCandidature.anneeRegexMessage);\n }\n\n // Gestion des contrôles sur les champs téléphones fixes\n if (inputInfos['InternalName'] === 'TelDomicile'\n || inputInfos['InternalName'] === 'TelPere'\n || inputInfos['InternalName'] === 'TelMere') {\n inputSharePoint = this.getCustomRegexValidationInput(inputSharePoint, configcustoms.Regex.InternationalPhoneRegex, libelle.formulaireCandidature.internationalPhoneRegexMessage);\n }\n\n // Gestion des contrôles sur les champs téléphones portables\n if (inputInfos['InternalName'] === 'TelPortable') {\n inputSharePoint = this.getCustomRegexValidationInput(inputSharePoint, configcustoms.Regex.PortableRegex, libelle.formulaireCandidature.portableRegexMessage);\n }\n\n if (inputInfos['InternalName'] === 'NationaliteFrancaise') {\n inputSharePoint = this.getCustomNationaliteFrancaiseInput(inputSharePoint);\n }\n\n if (inputInfos['InternalName'] === 'Courriel') {\n inputSharePoint = this.getCustomCourrielInput(inputSharePoint);\n } \n\n // Mise en place du paramétrage pour gérer l'affichage conditionnel de certains champs\n if (inputInfos['InternalName'] === 'ParentsSepares') {\n inputSharePoint = this.getCustomParentsSeparesInput(inputSharePoint);\n }\n if (inputInfos['InternalName'] === 'SN') {\n inputSharePoint = this.getCustomSNInput(inputSharePoint);\n }\n if (inputInfos['InternalName'] === 'BoursesN') {\n inputSharePoint = this.getCustomBoursesNInput(inputSharePoint);\n }\n if (inputInfos['InternalName'] === 'BoursesN1') {\n inputSharePoint = this.getCustomBoursesN1Input(inputSharePoint);\n }\n if (inputInfos['InternalName'] === 'BoursesN2') {\n inputSharePoint = this.getCustomBoursesN2Input(inputSharePoint);\n }\n if (inputInfos['InternalName'] === 'BoursesN3') {\n inputSharePoint = this.getCustomBoursesN3Input(inputSharePoint);\n }\n if (inputInfos['InternalName'] === 'BoursesN4') {\n inputSharePoint = this.getCustomBoursesN4Input(inputSharePoint);\n }\n\n // EL 20220208 : Gestion du critère obligatoire sur les champs soumis à une condition d'affichage :\n if (inputInfos['InternalName'] === 'BoursesNIntitule'\n || inputInfos['InternalName'] === 'BoursesNNature'\n || inputInfos['InternalName'] === 'BoursesN1NIntitule'\n || inputInfos['InternalName'] === 'BoursesN1NNature'\n || inputInfos['InternalName'] === 'BoursesN2N1Intitule'\n || inputInfos['InternalName'] === 'BoursesN2N1Nature'\n || inputInfos['InternalName'] === 'BoursesN3N2Intitule'\n || inputInfos['InternalName'] === 'BoursesN3N2Nature'\n || inputInfos['InternalName'] === 'BoursesN4N3Intitule'\n || inputInfos['InternalName'] === 'BoursesN4N3Nature'\n || inputInfos['InternalName'] === 'SNDate') {\n inputSharePoint = this.getCustomInputRequired(inputSharePoint);\n }\n\n if (this.state.CandidatureFieldsValue[0] != null && this.state.CandidatureFieldsValue[0][inputSharePoint.InternalName] != null) {\n let value = this.state.CandidatureFieldsValue[0][inputSharePoint.InternalName];\n if (inputSharePoint.Type === \"DateTime\") {\n value = this.state.CandidatureFieldsValue[0][inputSharePoint.InternalName] === '' ? null : new Date(this.state.CandidatureFieldsValue[0][inputSharePoint.InternalName]);\n }\n if (inputSharePoint.Type === \"Note\") {\n const tmp = this.state.CandidatureFieldsValue[0][inputSharePoint.InternalName] as string;\n value = tmp.replace(/<.*?>/gi, \"\")\n }\n inputSharePoint = { ...inputSharePoint, Value: value };\n }\n\n formulaireAllPjList.map(PJInput => {\n if (inputInfos['InternalName'] === PJInput) {\n inputSharePoint.IsFileInput = true;\n }\n });\n\n const inputFormList: IInputFormSharePoint[] = [];\n\n inputFormList[inputInfos['InternalName']] = {\n ...inputSharePoint\n }\n\n if (inputSharePoint.IsFileInput) {\n inputFormList[inputInfos['InternalName'] + '_file'] = {\n ...this.getCustomFileInput(inputSharePoint)\n }\n }\n\n allInputFormList = {\n ...allInputFormList,\n ...inputFormList\n }\n });\n\n this.setState({ InputFormSharePointList: allInputFormList }, () => {\n this.getAllPJList();\n });\n }\n\n private getAllPJList(): void {\n\n this._dataProvider.getPJList(this.state.ConnectedLogin, this.state.IdCandidature).then(resp => {\n this.setState({ IsReady: true, PJSharePointList: resp.List });\n });\n\n } \n\n // EL 20220208 : Gestion du critère obligatoire\n private getCustomInputRequired(inputSharePoint: IInputFormSharePoint): IInputFormSharePoint {\n return {\n ...inputSharePoint,\n InputValidation: {\n ...inputSharePoint.InputValidation,\n IsRequired: true,\n }\n }\n }\n\n private getCustomRegexValidationInput(inputSharePoint: IInputFormSharePoint, regex: string, regexMessage: string) {\n return {\n ...inputSharePoint,\n InputValidation: {\n ...inputSharePoint.InputValidation,\n IsRegexMatch: regex,\n IsRegexMatchMessage: regexMessage,\n }\n }\n }\n\n private getCustomNationaliteFrancaiseInput(inputSharePoint: IInputFormSharePoint): IInputFormSharePoint {\n return {\n ...inputSharePoint,\n InputValidation: {\n ...inputSharePoint.InputValidation,\n IsNotEqualsToValue: 'Non',\n IsNotEqualsToValueMessage: libelle.formulaireInput.requiredNationalite\n }\n }\n }\n\n private getCustomCourrielInput(inputSharePoint: IInputFormSharePoint): IInputFormSharePoint {\n return {\n ...inputSharePoint,\n InputValidation: {\n ...inputSharePoint.InputValidation,\n IsEmail: true,\n IsEmailMessage: libelle.formulaireInput.errorEmail\n }\n }\n }\n\n private getCustomTelNumberInput(inputSharePoint: IInputFormSharePoint): IInputFormSharePoint {\n return {\n ...inputSharePoint,\n InputValidation: {\n ...inputSharePoint.InputValidation,\n IsTelNumber: true,\n IsTelNumberMessage: libelle.formulaireInput.errorTel\n }\n }\n }\n\n // EL 20220208 : Méthodes permettant de paramétrer l'affichage conditionnel de certains champs\n // ShowInputListId : contient les champs liés au champ en cours de traitement (inputSharePoint)\n // ShowInputWhenValueEquals : contient la valeur qui déclenche l'affichage des champs liés\n private getCustomBoursesNInput(inputSharePoint: IInputFormSharePoint): IInputFormSharePoint {\n return {\n ...inputSharePoint,\n ShowInputWhenValueEquals: 'Oui',\n ShowInputListId: ['BoursesNMontant', 'BoursesNIntitule', 'BoursesNNature']\n }\n }\n private getCustomBoursesN1Input(inputSharePoint: IInputFormSharePoint): IInputFormSharePoint {\n return {\n ...inputSharePoint,\n ShowInputWhenValueEquals: 'Oui',\n ShowInputListId: ['BoursesN1NMontant', 'BoursesN1NIntitule', 'BoursesN1NNature']\n }\n }\n private getCustomBoursesN2Input(inputSharePoint: IInputFormSharePoint): IInputFormSharePoint {\n return {\n ...inputSharePoint,\n ShowInputWhenValueEquals: 'Oui',\n ShowInputListId: ['BoursesN2N1Montant', 'BoursesN2N1Intitule', 'BoursesN2N1Nature']\n }\n }\n private getCustomBoursesN3Input(inputSharePoint: IInputFormSharePoint): IInputFormSharePoint {\n return {\n ...inputSharePoint,\n ShowInputWhenValueEquals: 'Oui',\n ShowInputListId: ['BoursesN3N2Montant', 'BoursesN3N2Intitule', 'BoursesN3N2Nature']\n }\n }\n private getCustomBoursesN4Input(inputSharePoint: IInputFormSharePoint): IInputFormSharePoint {\n return {\n ...inputSharePoint,\n ShowInputWhenValueEquals: 'Oui',\n ShowInputListId: ['BoursesN4N3Montant', 'BoursesN4N3Intitule', 'BoursesN4N3Nature']\n }\n }\n private getCustomSNInput(inputSharePoint: IInputFormSharePoint): IInputFormSharePoint {\n return {\n ...inputSharePoint,\n ShowInputWhenValueEquals: 'Effectué',\n ShowInputListId: ['SNDate']\n }\n }\n private getCustomParentsSeparesInput(inputSharePoint: IInputFormSharePoint): IInputFormSharePoint {\n return {\n ...inputSharePoint,\n ShowInputWhenValueEquals: 'Oui',\n ShowInputListId: ['RevenuBrutGlobPere', 'ImpotsPere', 'RevenuBrutGlobMere', 'ImpotsMere']\n }\n }\n\n // Gestion spécifique pour les champs de type fichier\n private getCustomFileInput(inputSharePoint: IInputFormSharePoint): IInputFormSharePoint {\n\n var extensionsArray = configcustoms.Other.FileFormat.split(',');\n if (inputSharePoint.InternalName === 'PJPhotoIdentite') {\n extensionsArray = configcustoms.Other.ImageFormat.split(',');\n }\n const inputFileValidation: IInputValidation = {\n IsRequired: inputSharePoint.InputValidation.IsRequired,\n IsRequiredMessage: libelle.formulaireFileInput.requiredField,\n IsEmail: false,\n IsEmailMessage: '',\n IsEqualsToInput: '',\n IsEqualsToInputMessage: '',\n IsRegexMatch: '',\n IsRegexMatchMessage: '',\n IsMaxSizeMo: configcustoms.Other.MaxFileSize,\n IsMaxSizeMoMessage: libelle.formulaireFileInput.fileToBig.replace('{0}', configcustoms.Other.MaxFileSize),\n IsExtensions: extensionsArray,\n IsExtensionsMessage: libelle.formulaireFileInput.extensionError + \" \" + extensionsArray.join(', '),\n }\n\n const inputFileSharePoint: IInputFormSharePoint = {\n Value: '',\n IsValid: true,\n Message: '',\n ToUpper: false,\n ToUpperFirstLetter: false,\n InputValidation: inputFileValidation,\n Name: inputSharePoint.InternalName + \"_file\",\n PlaceHolder: '',\n Type: 'File',\n Label: inputSharePoint.Label,\n DisabledAutoComplet: false,\n DisabledPaste: false,\n InternalName: '',\n Choices: '',\n Description: inputSharePoint.Description,\n SendToSharePoint: false,\n IsReadOnly: inputSharePoint.IsReadOnly,\n IsVisible: true,\n ShowInputWhenValueEquals: '',\n Terms:[],\n }\n\n if (inputSharePoint.InternalName === 'PJPhotoIdentite') {\n\n inputFileSharePoint.InputValidation.IsExtensions = configcustoms.Other.ImageFormat.split(',');\n inputFileSharePoint.InputValidation.IsDimensionsHeight = configcustoms.Other.MinHeigtImageDimension;\n inputFileSharePoint.InputValidation.IsDimensionsWidth = configcustoms.Other.MinWidthImageDimension;\n inputFileSharePoint.InputValidation.IsDimensionsMessage = libelle.formulaireFileInput.dimensionsMessageError + \" \" + configcustoms.Other.MinWidthImageDimension + \"x\" + configcustoms.Other.MinHeigtImageDimension;\n }\n\n return inputFileSharePoint;\n }\n\n private OnInputChange(inputChange: IInputFormSharePoint): void {\n\n this.setState({ InputFormSharePointList: { ...this.state.InputFormSharePointList, [inputChange.InternalName]: inputChange } });\n }\n\n private getEtatCandidature(): Promise\n \n \n
\n\n \n
\n \n {libelle.formulaireCandidature.title} {promotionTitle}
\n {this.state.PromotionIsClosed && this.state.EtatDepotCandidatureList[0] === this.state.CandidatureFieldsValue[0][\"EtatDepotCandidature\"] &&\n\n
\n }\n {!this.state.IsReadOnly &&\n {libelle.formulaireCandidature.promotionClosed}
\n\n
\n }\n {libelle.formulaireCandidature.infos}
\n\n {categoriesRender}\n
\n {!this.state.IsReadOnly &&\n \n
\n }\n {this.state.IsReadOnly &&\n \n
\n {!this.state.AllCategorieIsValid &&\n \n this.setState({ captchaIsValid: status })}\n />\n {!this.state.captchaIsValid &&\n Le captcha n'est pas valide\n }\n
\n \n \n \n
\n \n \n
\n }\n {libelle.formulaireCandidature.categoriesErrors}
\n{libelle.formulaireCandidature.categoriesErrorsInfo}
\n{categoriesInvalidRender}
\n \n \n
\n \n
\n {libelle.formulaireCandidature.alertValidate}
\n \n {libelle.formulaireCandidature.btnCancel}\n \n
\n \n {libelle.formulaireCandidature.btnCancel}\n
\n }\n \n
\n \n {libelle.formulaireCandidature.title} {promotionTitle}
\n\n
\n {libelle.formulaireCandidature.successMessage} {this.state.NumDossier}
\n{libelle.formulaireCandidature.successMessageSuite}
\n\n \n \n \n
\n \n
\n );\n }\n\n private OnInputIsValid(inputKey: string, isValid: boolean): void {\n\n this.state = {\n ...this.state,\n formInputInfos: {\n ...this.state.formInputInfos,\n [inputKey]: {\n ...this.state.formInputInfos[inputKey],\n IsValid: isValid,\n }\n }\n }\n\n let allIsValid = true;\n\n Object.keys(this.state.formInputInfos).map((key, index) => {\n if (!this.state.formInputInfos[key].IsValid) {\n allIsValid = false;\n return;\n }\n });\n\n this.setState({ ...this.state, allInputValid: allIsValid });\n\n this.props.OnCategorieIsValid(this.props.categorieName, allIsValid);\n }\n\n private OnInputIsReady(inputKey: string): void {\n\n this.state = {\n ...this.state,\n formInputInfos: {\n ...this.state.formInputInfos,\n [inputKey]: {\n ...this.state.formInputInfos[inputKey],\n IsReady: true,\n }\n }\n }\n\n let allIsReady = true;\n\n Object.keys(this.state.formInputInfos).map((key, index) => {\n if (!this.state.formInputInfos[key].IsReady) {\n allIsReady = false;\n return;\n }\n });\n\n this.setState({ ...this.state, allInputReady: allIsReady });\n\n if (allIsReady) {\n this.props.OnCategorieIsReady(this.props.categorieName);\n }\n }\n}\n\nexport default hot(module)(FormulaireCategorie);\n","import * as React from \"react\";\nimport { hot } from \"react-hot-loader\";\nimport DataProviderSharePoint from '../../../dataproviders/DataProvidersSharePoint';\nimport { IInputFormSharePoint } from '../../../interfaces/IInputFormSharePoint';\nimport CustomInput from '../../CustomInput/CustomInput';\nimport { CustomInputService } from '../../CustomInput/CustomInputService';\nimport { IFormulaireFileInputProps } from './IFormulaireFileInputProps';\nimport { IFormulaireFileInputState } from './IFormulaireFileInputState';\ndeclare var libelle: any;\ndeclare var configcustoms: any;\n\nclass FormulaireFileInput extends React.Component\n
\n\n \n
\n \n \n
\n\n
\n \n {(this.props.categorieName === 'Diplomes'\n || this.props.categorieName === 'Bourses'\n || this.props.categorieName === 'Filiation'\n || this.props.categorieName === 'Revenus') &&\n
\n {libelle.formulaireCandidature.warningText}
\n }\n {formListRender}\n\n \n \n \r\n\n {this.state.N1selected != \"\" ? libelle.formulaireCandidature.sousCategoriePCS : \"\"}\n \n \n\n ![](\"./assets/info_bulle.png\")
{libelle.formulaireCandidature.DetailPCS}\n\n
\n );\n\n }\n\n}\n\nexport default hot(module)(PCSInput);\n","import * as React from \"react\";\nimport { hot } from \"react-hot-loader\";\nimport DataProviderSharePoint from '../../../dataproviders/DataProvidersSharePoint';\nimport { IInputFormSharePoint } from '../../../interfaces/IInputFormSharePoint';\nimport CustomInput from '../../CustomInput/CustomInput';\nimport { CustomInputService } from '../../CustomInput/CustomInputService';\nimport { IFormulaireInputProps } from './IFormulaireInputProps';\nimport { IFormulaireInputState } from './IFormulaireInputState';\ndeclare var libelle: any;\n\nclass FormulaireInput extends React.Component{libelle.formulaireCandidature.DetailPCS}\n\n \n \n
\n );\n }\n\n // EL : Méthode permettant d'initialiser les champs PCS\n // -> récupération de la valeur saisie dans la liste PCS de niveau 1 (ProfPCSParent*)\n // -> intialisation des valeurs de la listes PCS de niveau 2 (FonctionPCSParent*)\n // -> gestion du critère obligatoire sur le bloc PCS\n private initListePCS(InputListeSP:string[]): string[] {\n let valeursSP: string[] = [];\n this.props.InputFormSharePoint.IsValid = true;\n\n InputListeSP.map(listeSP => {\n const inputSP: IInputFormSharePoint = this.props.InputFormSharePointList[listeSP];\n if (inputSP != null) {\n valeursSP.push(inputSP.Value);\n if (inputSP.Value == null || inputSP.Value == \"\") {\n this.props.InputFormSharePoint.IsValid = false;\r\n }\n }\r\n });\n\n CustomInputService.validInput(this.props.InputFormSharePoint, \"\", this.props.InputFormSharePointList);\n \n return valeursSP;\n }\n\n // EL : ajout de la gestion des liste PCS (enregistrement des champs SP des listes PCS ProfPCSParent* et FonctionParent*)\n // EL : gestion de l'affichage conditionnel déclenché par des sélections de valeur dans des champs de type liste\n private handleCheck(event) {\n if (this.state.InputState.IsReadOnly) {\n return;\n }\n\n const inputState = this.state.InputState;\n inputState.Value = event.target.value;\n this.setState({ InputState: inputState });\n this.inputHaveShowingOther();\n\n if (this.state.InputState.Type == \"TaxonomyFieldType\") {\n // Gestion du critère obligatoire du bloc PCS\n this.state.InputState.IsValid = event.target.value == \"\" ||\n event.target.name == \"ProfPCSParent1\" || event.target.name == \"ProfPCSParent2\" ? false : true; \n CustomInputService.validInput(this.state.InputState, event.target.value, this.props.InputFormSharePointList);\n this.props.OnInputIsValid(this.state.InputState.InternalName, this.state.InputState.IsValid);\n\n // Enregistrement des valeurs sélectionnées dans les champs SP correspondants\n let inputPCSModify: IInputFormSharePoint = this.props.InputFormSharePointList[event.target.name];\n if (inputPCSModify != null) { \n inputPCSModify.Value = event.target.value;\n inputPCSModify.SendToSharePoint = true;\n this.sendInputValueToSharePoint(inputPCSModify);\n\n if (inputPCSModify.Name == \"ProfPCSParent1\") {\n let inputPCSNiveau2: IInputFormSharePoint = this.props.InputFormSharePointList[\"FonctionParent1\"];\n inputPCSNiveau2.Value = \"\";\n inputPCSNiveau2.SendToSharePoint = true;\n this.sendInputValueToSharePoint(inputPCSNiveau2);\r\n }\n if (inputPCSModify.Name == \"ProfPCSParent2\") {\n let inputPCSNiveau2: IInputFormSharePoint = this.props.InputFormSharePointList[\"FonctionParent2\"];\n inputPCSNiveau2.Value = \"\";\n inputPCSNiveau2.SendToSharePoint = true;\n this.sendInputValueToSharePoint(inputPCSNiveau2);\r\n } \n } \n }\n else {\n if (this.formValidation(true) || this.state.InputState.Value === \"\") {\n this.sendInputValueToSharePoint();\n }\r\n }\n }\n\n private handleChange(event) {\n if (this.state.InputState.IsReadOnly) {\n return;\n }\n\n const inputChange = CustomInputService.validInput(this.state.InputState, event.target.value, this.props.InputFormSharePointList);\n if (this.state.InputState.ToUpper && this.state.InputState.Type === \"Text\") {\n inputChange.Value = event.target.value.toUpperCase();\r\n }\n if (this.state.InputState.ToUpperFirstLetter && this.state.InputState.Type === \"Text\") {\n const valeur = event.target.value.split(\",\");\n var newValue = \"\"; \n for (let j = 0; j < valeur.length; j++) {\n if (valeur[j].charAt(0) == \" \") valeur[j] = valeur[j].slice(1);\n newValue = newValue + valeur[j].charAt(0).toUpperCase() + valeur[j].slice(1) + \", \";\r\n }\n \n inputChange.Value = newValue.slice(0, newValue.length - 2);\r\n\r\n }\n\n this.setState({ InputState: inputChange })\n this.inputHaveShowingOther();\n } \n\n private handleChangeDate(date) {\n if (this.state.InputState.IsReadOnly) {\n return;\n }\n\n const dateCast = date as Date;\n if (dateCast != null) {\n dateCast.setHours(8);\n const inputChange = CustomInputService.validInput(this.state.InputState, dateCast, this.props.InputFormSharePointList)\n this.setState({ InputState: inputChange })\n this.inputHaveShowingOther();\n if (this.formValidation(true) || this.state.InputState.Value === \"\") {\n this.sendInputValueToSharePoint();\n }\n }\n\n }\n\n private handleBlur(event) {\n if (this.state.InputState.IsReadOnly) {\n return;\n }\n\n this.handleSubmit(event);\n }\n\n private handleSubmit(event) {\n if (this.state.InputState.IsReadOnly) {\n return;\n }\n\n event.preventDefault();\n\n if (this.formValidation(true) || this.state.InputState.Value === \"\") {\n this.sendInputValueToSharePoint();\n }\n }\n\n private formValidation(changeFirstSubmit: boolean): boolean {\n let isValidForm = true;\n let isFirstSubmit = this.state.IsFirstSubmit;\n\n if (isFirstSubmit && changeFirstSubmit) {\n isFirstSubmit = false;\n }\n\n const inputCheck = CustomInputService.validInput(this.state.InputState, this.state.InputState.Value, this.props.InputFormSharePointList);\n if (!inputCheck.IsValid) {\n isValidForm = false;\n }\n this.props.OnInputIsValid(inputCheck.InternalName, inputCheck.IsValid);\n\n this.setState({ IsValidForm: isValidForm, IsFirstSubmit: isFirstSubmit });\n\n return isValidForm;\n }\n\n private sendInputValueToSharePoint(input?: IInputFormSharePoint): void {\n const inputToSave = input != null ? input : this.state.InputState; \n\n if (!inputToSave.SendToSharePoint || inputToSave.IsReadOnly) {\n return;\n }\n\n this._dataProvider.sendInput(this.props.loginName, this.props.candidatureId, inputToSave.InternalName, inputToSave.Value, inputToSave.Type).then(result => {\n if (!result.OK) {\n // Retry\n (async () => {\n // Do something before delay\n await this.delay(1000);\n\n // Do something after\n this._dataProvider.sendInput(this.props.loginName, this.props.candidatureId, inputToSave.InternalName, inputToSave.Value, inputToSave.Type).then(resultTwo => {\n\n // If failed\n if (!resultTwo.OK) {\n inputToSave.Value = \"\";\n inputToSave.IsValid = false;\n inputToSave.Message = libelle.formulaireInput.errorSaveSharePoint;\n\n this.props.OnInputIsValid(inputToSave.InternalName, inputToSave.IsValid);\n this.setState({ IsValidForm: false, IsFirstSubmit: false });\n this.props.OnInputChange(inputToSave);\n }\n });\n })();\n }\n });\n\n this.props.OnInputChange(inputToSave);\n }\n\n private async delay(ms: number) {\n return new Promise(resolve => setTimeout(resolve, ms));\n }\n\n //Méthode permettant de gérer l'affichage conditionnel d'autres champs liés à celui en cours de traitement\n private inputHaveShowingOther() {\n if (this.state.InputState.ShowInputWhenValueEquals !== '' && this.state.InputState.ShowInputListId != null) {\n this.state.InputState.ShowInputListId.map(async (key) => {\n //console.log('Gestion de l affichage conditionnel du champ ' + key);\n let inputToShow: IInputFormSharePoint = this.props.InputFormSharePointList[key];\n \n if (this.state.InputState.Value === this.state.InputState.ShowInputWhenValueEquals) {\n // Si visible on test sa validité\n inputToShow.IsVisible = true;\n inputToShow = CustomInputService.validInput(inputToShow, inputToShow.Value, this.props.InputFormSharePointList)\n this.props.OnInputIsValid(inputToShow.InternalName, inputToShow.IsValid);\n } else {\n // Si invisible il est dans tous les cas valide\n inputToShow.IsVisible = false;\n inputToShow.IsValid = true;\n inputToShow.Value = \"\";\n\n if (!inputToShow.SendToSharePoint || inputToShow.IsReadOnly) {\n return;\n }\n \n await this._dataProvider.sendInput(this.props.loginName, this.props.candidatureId, inputToShow.InternalName, inputToShow.Value, inputToShow.Type).then(async (result) => {\n if (!result.OK) {\n // Retry\n await this._dataProvider.sendInput(this.props.loginName, this.props.candidatureId, inputToShow.InternalName, inputToShow.Value, inputToShow.Type).then(resultTwo => {\n // If failed\n if (!resultTwo.OK) {\n inputToShow.Value = \"\";\n inputToShow.IsValid = false;\n inputToShow.Message = libelle.formulaireInput.errorSaveSharePoint;\n }\n });\n }\n });\n\n this.props.OnInputIsValid(inputToShow.InternalName, true);\n }\n\n this.props.OnInputChange(inputToShow);\n });\n }\n }\n\n /* private inputSetRequiredFile() {\n const internalName = this.state.InputState.InternalName;\n const matchesEndWithNumber = internalName.match(/\\d+$/);\n if (internalName === 'DateNaissance') {\n \n const eventStartTime = new Date(this.state.InputState.Value);\n const eventEndTime = Date.now();\n const duration = eventEndTime.valueOf() - eventStartTime.valueOf();\n const durationYear = duration / (3.1556952 * (Math.pow(10, 10)));\n \n const inputToSetRequired: IInputFormSharePoint = this.props.InputFormSharePointList[\"PJJustifServiceNational_file\"];\n \n this.otherInputToSetRequired(inputToSetRequired, durationYear < 25)\n \n } else if (internalName.lastIndexOf(\"BoursesN\", 0) === 0 && matchesEndWithNumber) {\n \n const inputFileName = \"PJJustifBourses\" + matchesEndWithNumber[0] + \"_file\";\n const inputToSetRequired: IInputFormSharePoint = this.props.InputFormSharePointList[inputFileName];\n this.otherInputToSetRequired(inputToSetRequired, this.state.InputState.Value === \"Oui\")\n \n }\n } \n \n private otherInputToSetRequired(input: IInputFormSharePoint, isRequired: boolean) {\n if(input == null) {\n return;\n }\n \n if (isRequired) {\n input.InputValidation.IsRequired = true;\n this.props.OnInputIsValid(input.InternalName, input.IsValid);\n } else {\n input.InputValidation.IsRequired = false;\n this.props.OnInputIsValid(input.InternalName, true);\n }\n \n this.props.OnInputChange(input);\n } */\n\n private firstValidationFormInputSharePoint(): void {\n\n this.setState({ IsReady: true }, () => {\n this.formValidation(false);\n this.inputHaveShowingOther();\n // this.inputSetRequiredFile();\n });\n\n this.props.OnInputIsReady(this.state.InputState.InternalName);\n }\n\n}\n\nexport default hot(module)(FormulaireInput);\n","import * as React from \"react\";\nimport { hot } from \"react-hot-loader\";\nimport { Link, NavLink } from 'react-router-dom';\nimport EnmUtils from '../../utils/EnmUtils';\nimport { IHeaderState } from './IHeaderState';\ndeclare var configcustoms: any;\ndeclare var libelle: any;\n\n\nclass Header extends React.Component<{}, IHeaderState> {\n\n private propsEnter:any;\n\n constructor(props: any) {\n super(props);\n\n this.propsEnter = props;\n\n // Init du state\n this.state = {\n ConnectedLogin: EnmUtils.getLoginConnectedUser()\n };\n\n this.logout = this.logout.bind(this);\n }\n\n public render() {\n return (\n \n\n \n \n {/* Si pas de user authentifié > page presentation de l'app */}\n \n {/* Si user authentifié > page de la liste des candidatures de l'utilisateur */}\n
\n );\n }\n}\n\nexport default hot(module)(Home);","import * as React from \"react\";\nimport { hot } from \"react-hot-loader\";\nimport { Link } from \"react-router-dom\";\ndeclare var configcustoms: any;\ndeclare var libelle: any;\n\nclass Presentation extends React.Component<{}, {}> {\n\n constructor(props: any) {\n super(props);\n }\n\n public render() {\n return (\n \n
\n );\n }\n}\n\nexport default hot(module)(Presentation);\n","import classNames from \"classnames\";\nimport fr from 'date-fns/locale/fr';\nimport * as React from \"react\";\nimport DatePicker, { registerLocale } from \"react-datepicker\";\nimport { hot } from \"react-hot-loader\";\nimport { ICustomInputProps } from './ICustomInputProps';\nimport PCSInput from '../PCSInput/PCSInput';\n\nimport { ITerm } from '../PCSInput/IPCSInputProps';\nimport { th } from \"date-fns/esm/locale\";\r\n\nregisterLocale(\"fr\", fr);\n\ndeclare var libelle: any;\n\n//var terms: ITerm[];\n\nclass CustomInput extends React.Component\n
\n \n ![\"Logo](\"./assets/logo_enm.png\")
\n
\n\n \n \n
\n \n \n
\n \n \n \n
\n );\n });\n } else {\n choices = choicesList.map((choice, key) => {\n return (\n \n );\n });\n }\n }\n\n const inputLabel = this.props.InputForm.Label + \" \" + (this.props.InputForm.InputValidation.IsRequired ? '*' : '');\n return (\n \n \n {(() => {\n switch (this.props.InputForm.Type) {\n case \"Choice\":\n switch (this.props.InputForm.TypeChoices) {\n case \"RadioButtons\":\n return (\n
\n );\n }\n\n private onPaste(event) {\n\n if (this.props.InputForm.DisabledPaste) {\n event.preventDefault();\n }\n\n }\n\n}\n\nexport default hot(module)(CustomInput);\n","import * as React from \"react\";\nimport { hot } from \"react-hot-loader\";\nimport { Link } from 'react-router-dom';\nimport { CSSTransition } from 'react-transition-group';\nimport DataProvider from '../../dataproviders/DataProvider';\nimport IApiResponse from '../../interfaces/IApiResponse';\nimport { IInputFormSharePoint } from '../../interfaces/IInputFormSharePoint';\nimport IUser from '../../interfaces/IUser';\nimport CustomInput from '../CustomInput/CustomInput';\nimport { CustomInputService } from '../CustomInput/CustomInputService';\nimport CustomLoader from '../CustomLoader/CustomLoader';\nimport { IInscriptionState } from './IInscriptionState';\ndeclare var configcustoms: any;\ndeclare var libelle: any;\n\nclass Inscription extends React.Component<{}, IInscriptionState> {\n\n private _dataProvider = new DataProvider();\n\n private lastNameKey = 'LastName';\n private firstNameKey = 'FirstName';\n private emailKey = 'Email';\n private emailRepeatKey = 'EmailRepeat';\n\n constructor(props) {\n super(props);\n\n this._dataProvider = new DataProvider();\n\n // Init input validation\n const inputValidationInit = CustomInputService.inputValidationInit();\n\n // Init input form\n const inputFormInit = CustomInputService.inputFormInit(inputValidationInit);\n\n // Init submited resp\n const submitedRespInit: IApiResponse\n {choices}\n
\n );\n default:\n return (\n \n );\n }\n case \"DateTime\":\n let openToDateValue = new Date();\n let maxDateValue: Date | null = null;\n if (this.props.InputForm.InternalName === \"DateNaissance\") {\n maxDateValue = new Date();\n if (this.props.InputForm.Value == null || this.props.InputForm.Value === \"\") {\n openToDateValue = new Date(\"01/01/2000\");\n } else {\n openToDateValue = this.props.InputForm.Value;\n }\n }\n /* Disabled typing in input DatePicker */\n const handleDateChangeRaw = (e) => {\n e.preventDefault();\n }\n return (\n \n
\n );\n case \"Boolean\":\n return (\n \n
\n );\n case \"File\":\n const disabledInputFile = this.props.OnDelete || this.props.OnDownload || this.props.OnUpload;\n return (\n \n \n \n
\n \n \n \n
\n \n
\n );\n case \"Note\":\n return (\n \n );\n case \"password\":\n return (\n \n );\n\n case \"TaxonomyFieldType\":\n \n let inputlistesSP: string[] = [];\n if (this.props.InputForm.Name == \"PCSParent1\") {\n inputlistesSP = [\"ProfPCSParent1\",\"FonctionParent1\"];\r\n }\n if (this.props.InputForm.Name == \"PCSParent2\") {\n inputlistesSP = [\"ProfPCSParent2\",\"FonctionParent2\"];\n }\n\n return (\n\n \n {this.props.OnUpload &&\n \n }\n
\n {this.props.FileExist &&\n {libelle.customInput.fileExist}\n }\n {!this.props.FileExist &&\n {libelle.customInput.fileNotExist}\n }\n {this.props.InputForm.InputValidation.IsExtensions != null &&\n {libelle.customInput.acceptedFormat} {this.props.InputForm.InputValidation.IsExtensions.join(', ')}\n }\n \n \n \n
\n \n \n \n \n
\n );\n }\n\n private handleChange(event) {\n let state = {\n ...this.state,\n InputFormList: {\n ...this.state.InputFormList,\n [event.target.name]: CustomInputService.validInput(this.state.InputFormList[event.target.name], event.target.value, this.state.InputFormList)\n }\n };\n\n if (event.target.name === this.emailKey) {\n state = {\n ...this.state,\n InputFormList: {\n ...this.state.InputFormList,\n [this.emailRepeatKey]: CustomInputService.validInput(this.state.InputFormList[this.emailRepeatKey], this.state.InputFormList[this.emailRepeatKey].Value, this.state.InputFormList)\n }\n };\n }\n\n this.setState(state);\n }\n\n private handleSubmit(event) {\n event.preventDefault();\n\n if (this.formValidation()) {\n this.createUser();\n }\n }\n\n private formValidation(): boolean {\n\n let isValidForm = true;\n let isFirstSubmit = this.state.IsFirstSubmit;\n\n if (isFirstSubmit) {\n isFirstSubmit = false;\n }\n\n Object.keys(this.state.InputFormList).map(key => {\n const inputCheck = CustomInputService.validInput(this.state.InputFormList[key], this.state.InputFormList[key].Value, this.state.InputFormList);\n if (!inputCheck.IsValid) {\n isValidForm = false;\n }\n });\n\n this.setState({ IsValidForm: isValidForm, IsFirstSubmit: isFirstSubmit });\n\n return isValidForm;\n }\n\n private createUser() {\n this.setState({ IsReady: false });\n\n const user: IUser = {\n Email: this.state.InputFormList[this.emailKey].Value,\n FirstName: this.state.InputFormList[this.firstNameKey].Value,\n LastName: this.state.InputFormList[this.lastNameKey].Value,\n Password: '',\n Key: '',\n Login: ''\n };\n\n this._dataProvider.createUser(user).then((resp: IApiResponse\n
\n \n \n
\n {libelle.inscription.title}
\n\n
\n \n {libelle.inscription.infos}
\n{libelle.inscription.infos2}
\n {this.state.IsSubmitedResp.State === 'KO' &&\n\n {libelle.inscription.errorCreateUser}\n
\n }\n {this.state.IsSubmitedResp.State === 'KO_EMAIL_EXIST' &&\n\n {libelle.inscription.errorCreateUserEmailExist}\n
\n }\n\n
\n \n \n
\n {libelle.inscription.title}
\n\n
\n {libelle.inscription.successMessage}
\n{this.state.InputFormList[this.emailKey].Value}
\n\n \n \n \n
\n \n \n \n \n \n
\n );\n }\n\n private handleChange(event) {\n let state = {\n ...this.state,\n InputFormList: {\n ...this.state.InputFormList,\n [event.target.name]: CustomInputService.validInput(this.state.InputFormList[event.target.name], event.target.value, this.state.InputFormList)\n }\n };\n\n if (event.target.name === this.passwordKey) {\n state = {\n ...this.state,\n InputFormList: {\n ...this.state.InputFormList,\n [this.passwordRepeatKey]: CustomInputService.validInput(this.state.InputFormList[this.passwordRepeatKey], this.state.InputFormList[this.passwordRepeatKey].Value, this.state.InputFormList)\n }\n };\n }\n\n this.setState(state);\n }\n\n private handleSubmit(event) {\n event.preventDefault();\n\n if (this.formValidation()) {\n this.activateUser();\n }\n }\n\n private formValidation(): boolean {\n\n let isValidForm = true;\n let isFirstSubmit = this.state.IsFirstSubmit;\n\n if (isFirstSubmit) {\n isFirstSubmit = false;\n }\n\n Object.keys(this.state.InputFormList).map(key => {\n const inputCheck = CustomInputService.validInput(this.state.InputFormList[key], this.state.InputFormList[key].Value, this.state.InputFormList);\n if (!inputCheck.IsValid) {\n isValidForm = false;\n }\n });\n\n this.setState({ IsValidForm: isValidForm, IsFirstSubmit: isFirstSubmit });\n\n return isValidForm;\n }\n\n private verifyUserKey() {\n\n let user: IUser;\n user = {\n FirstName: '',\n LastName: '',\n Password: '',\n Login: '',\n Email: this.state.Email,\n Key: this.state.Key\n }\n\n this._dataProvider.verifyUserKey(user).then((resp: IApiResponse\n
\n \n\n \n
\n {libelle.inscriptionActivation.title}
\n\n
\n {libelle.inscriptionActivation.keyInvalid}
\n\n
\n \n\n \n
\n {libelle.inscriptionActivation.title}
\n\n
\n \n {libelle.inscriptionActivation.infos}
\n{libelle.inscriptionActivation.infos2}
\n {this.state.IsActivateResp.State === 'KO' &&\n\n {libelle.inscriptionActivation.errorMessage}\n
\n }\n {this.state.IsActivateResp.State === 'KO_EMAIL_EXIST' &&\n\n {libelle.inscriptionActivation.errorMessageEmailExist}\n
\n }\n\n
\n \n \n
\n {libelle.inscriptionActivation.title}
\n\n
\n \n {libelle.inscriptionActivation.success}
\n{this.state.IsActivateResp.Content.Login}
\n\n \n \n \n
\n );\n }\n\n private handleChange(event) {\n const state = {\n ...this.state,\n InputFormList: {\n ...this.state.InputFormList,\n [event.target.name]: CustomInputService.validInput(this.state.InputFormList[event.target.name], event.target.value, this.state.InputFormList)\n }\n };\n\n this.setState(state);\n }\n\n private handleSubmit(event) {\n event.preventDefault();\n\n if (this.formValidation()) {\n this.renewPassword();\n }\n }\n\n private formValidation(): boolean {\n\n let isValidForm = true;\n let isFirstSubmit = this.state.IsFirstSubmit;\n\n if (isFirstSubmit) {\n isFirstSubmit = false;\n }\n\n Object.keys(this.state.InputFormList).map(key => {\n const inputCheck = CustomInputService.validInput(this.state.InputFormList[key], this.state.InputFormList[key].Value, this.state.InputFormList);\n if (!inputCheck.IsValid) {\n isValidForm = false;\n }\n });\n\n this.setState({ IsValidForm: isValidForm, IsFirstSubmit: isFirstSubmit});\n\n return isValidForm;\n }\n\n private renewPassword() {\n this.setState({ IsReady: false });\n\n const user: IUser = {\n Email: this.state.InputFormList[this.emailKey].Value,\n FirstName: '',\n LastName: '',\n Password: '',\n Key: '',\n Login: ''\n };\n\n this._dataProvider.renewPassword(user).then((resp: IApiResponse\n
\n \n \n
\n {libelle.mdpPerdu.title}
\n\n
\n \n {libelle.mdpPerdu.infos}
\n {this.state.IsSubmitedResp.State === 'KO' &&\n\n {libelle.mdpPerdu.error}\n
\n }\n {this.state.IsSubmitedResp.State === 'KO_EMAIL_NOT_EXIST' &&\n\n {libelle.mdpPerdu.errorEmailNotExist}\n
\n }\n\n
\n \n \n
\n {libelle.mdpPerdu.title}
\n\n
\n \n {libelle.mdpPerdu.success} {this.state.InputFormList[this.emailKey].Value}{libelle.mdpPerdu.successSuite}\n
\n\n \n \n \n
\n \n \n \n \n \n
\n );\n }\n\n private handleChange(event) {\n const state = {\n ...this.state,\n InputFormList: {\n ...this.state.InputFormList,\n [event.target.name]: CustomInputService.validInput(this.state.InputFormList[event.target.name], event.target.value, this.state.InputFormList)\n }\n };\n\n this.setState(state);\n }\n\n private handleSubmit(event) {\n event.preventDefault();\n\n if (this.formValidation()) {\n this.renewPasswordValidation();\n }\n }\n\n private formValidation(): boolean {\n\n let isValidForm = true;\n let isFirstSubmit = this.state.IsFirstSubmit;\n\n if (isFirstSubmit) {\n isFirstSubmit = false;\n }\n\n Object.keys(this.state.InputFormList).map(key => {\n const inputCheck = CustomInputService.validInput(this.state.InputFormList[key], this.state.InputFormList[key].Value, this.state.InputFormList);\n if (!inputCheck.IsValid) {\n isValidForm = false;\n }\n });\n\n this.setState({ IsValidForm: isValidForm, IsFirstSubmit: isFirstSubmit });\n\n return isValidForm;\n }\n\n private verifyUserRenewPasswordKey() {\n\n let user: IUser;\n user = {\n FirstName: '',\n LastName: '',\n Password: '',\n Login: '',\n Email: this.state.Email,\n Key: this.state.Key\n }\n\n this._dataProvider.verifyRenewPasswordKey(user).then((resp: IApiResponse\n
\n \n\n \n
\n {libelle.mdpPerduRenouvellement.title}
\n\n
\n {libelle.mdpPerduRenouvellement.keyInvalid}
\n\n
\n \n\n \n
\n {libelle.mdpPerduRenouvellement.title}
\n\n
\n \n {libelle.mdpPerduRenouvellement.infos}
\n{libelle.mdpPerduRenouvellement.infos2}
\n{libelle.mdpPerduRenouvellement.infos3}
\n {this.state.IsRenewResp.State === 'KO' &&\n\n {libelle.mdpPerduRenouvellement.errorMessage}\n
\n }\n {this.state.IsRenewResp.State === 'KO_EMAIL_NOT_EXIST' &&\n\n {libelle.mdpPerduRenouvellement.errorMessageEmailNotExist}\n
\n }\n\n
\n \n \n
\n {libelle.mdpPerduRenouvellement.title}
\n\n
\n \n {libelle.mdpPerduRenouvellement.success}
\n{this.state.IsRenewResp.Content.Login}
\n