\r\n {messagesBars}\r\n
\r\n }, [id, noGutter, notificationsTarget]);\r\n\r\n // RENDER\r\n return \r\n \r\n
\r\n );\r\n\r\n rows = _fieldGroups.reduce((memo, fieldGroup, rIndex) => {\r\n\r\n const { listCycleChampDescription } = fieldGroup;\r\n\r\n // Première colonne\r\n // S'il existe au moins une date à traiter alors afficher les labels en première colonne\r\n let initialValue = [];\r\n\r\n let required = false;\r\n let inputClassName = \"ms-Grid-col ms-sm12\";\r\n\r\n if (includesAtLeastOneDate) {\r\n\r\n if (Array.isArray(listCycleChampDescription) && listCycleChampDescription.length > 0) {\r\n for (let i = 0; i < listCycleChampDescription.length; i++) {\r\n if (!required)\r\n required = !!listCycleChampDescription[i].obligatoireFicheTrancheTravaux;//20241107 : YD : 2813 -> erreur obligatoireCycleProgramme au lieu de obligatoireCycleOperation\r\n }\r\n }\r\n\r\n let rowLabel = Array.isArray(listCycleChampDescription) && listCycleChampDescription.length > 0 ? listCycleChampDescription[0].labelAffichage : \"-\";\r\n initialValue.push(\r\n Date prévue
\r\n Date réelle
\r\n \r\n \r\n
\r\n );\r\n inputClassName = \"ms-Grid-col ms-sm4 ms-xxxl3\";\r\n }\r\n\r\n const columns = listCycleChampDescription.reduce((cols, champ, cIndex) => {\r\n\r\n const key = `${rIndex}-${cIndex}`;\r\n const {\r\n champDisabledFicheTrancheTravaux,\r\n hintWrapperFicheTrancheTravaux,\r\n hintWrapperContentFicheTrancheTravaux,\r\n hintWrapperVerticalAlignFicheTrancheTravaux,\r\n hintWrapperVerticalOffsetFicheTrancheTravaux,\r\n maxValue: maxValueToEval,\r\n minValue: minValueToEval,\r\n nom,\r\n obligatoireFicheTrancheTravaux,\r\n titreFicheTrancheTravaux: title,\r\n typeChamp,\r\n valeurParDefaut: value,\r\n visibleFicheTrancheTravaux\r\n } = champ;\r\n\r\n const disabled = champDisabledFicheTrancheTravaux === \"true\";\r\n const isRequired = !!obligatoireFicheTrancheTravaux;\r\n\r\n let column;\r\n\r\n if (!visibleFicheTrancheTravaux || typeChamp !== \"date\") cols.push();\r\n else {\r\n const maxValue = !disabled ? eval(maxValueToEval) : null;\r\n const minValue = !disabled ? eval(minValueToEval) : null;\r\n\r\n // Si pas de date prévisionnelle, insérer une colonne vide\r\n if (cIndex == 0 && nom.indexOf(\"Prevue\") === -1)\r\n cols.push();\r\n\r\n column = {column}
;\r\n\r\n cols.push(column);\r\n }\r\n\r\n return cols;\r\n\r\n }, [initialValue])\r\n\r\n const row = {columns}
;\r\n memo.push(row);\r\n\r\n return memo;\r\n\r\n }, rows);\r\n\r\n return \r\n {rows}\r\n
;\r\n\r\n }, [_fieldGroups, _onSelectDate]);\r\n\r\n // RENDER\r\n return */}\r\n\r\n {/*
*/}\r\n\r\n */}\r\n {/* */}\r\n {/*
*/}\r\n\r\n {_formArray}\r\n\r\n {/*Date prévue
*/}\r\n {/* Date réelle
*/}\r\n {/* \r\n \r\n
\r\n );\r\n\r\n rows = _fieldGroups.reduce((memo, group, rIndex) => {\r\n\r\n const { listCycleChampDescription } = group;\r\n\r\n // Première colonne\r\n // S'il existe au moins une date à traiter alors afficher les labels en première colonne\r\n let initialValue = [];\r\n\r\n let required = false;\r\n let inputClassName = \"ms-Grid-col ms-sm12\";\r\n\r\n if (includesAtLeastOneDate) {\r\n\r\n //20241204 : YD : 2813 -> erreur obligatoireCycleProgramme au lieu de obligatoireCycleOperation + ajout de la condition pour récupérer le require si au moins un des champs est required\r\n if (Array.isArray(listCycleChampDescription) && listCycleChampDescription.length > 0) {\r\n for (let i = 0; i < listCycleChampDescription.length; i++) {\r\n if (!required)\r\n required = !!listCycleChampDescription[i].obligatoireCycleOperation;\r\n }\r\n }\r\n\r\n //required = Array.isArray(listCycleChampDescription) && listCycleChampDescription.length > 0 ? !!listCycleChampDescription[0].obligatoireCycleOperation : false;//20241107 : YD : 2813 -> erreur obligatoireCycleProgramme au lieu de obligatoireCycleOperation\r\n let rowLabel = Array.isArray(listCycleChampDescription) && listCycleChampDescription.length > 0 ? listCycleChampDescription[0].labelAffichage : \"-\";\r\n initialValue.push(\r\n Date prévue
\r\n Date réelle
\r\n \r\n \r\n
\r\n );\r\n inputClassName = \"ms-Grid-col ms-sm4 ms-xxxl3\";\r\n }\r\n\r\n const columns = listCycleChampDescription.reduce((columns, champ, cIndex) => {\r\n\r\n const key = `${rIndex}-${cIndex}`;\r\n const {\r\n champDisabledCycleOperation,\r\n hintWrapperCycleOperation,\r\n hintWrapperContentCycleOperation,\r\n hintWrapperVerticalAlignCycleOperation,\r\n hintWrapperVerticalOffsetCycleOperation,\r\n maxValue: maxValueToEval,\r\n minValue: minValueToEval,\r\n nom,\r\n titreCycleOperation: title,\r\n typeChamp,\r\n valeurParDefaut: value,\r\n visibleCycleOperation\r\n } = champ;\r\n\r\n const disabled = champDisabledCycleOperation === \"true\";\r\n\r\n // Autres colonnes\r\n if (!visibleCycleOperation) columns.push();\r\n else {\r\n let column;\r\n if (typeChamp === \"date\") {\r\n\r\n const maxValue = !disabled ? eval(maxValueToEval) : null;\r\n const minValue = !disabled ? eval(minValueToEval) : null;\r\n\r\n // Si pas de date prévisionnelle, insérer une colonne vide\r\n if (cIndex == 0 && nom.indexOf(\"Prevue\") === -1)\r\n columns.push();\r\n\r\n column = {column}
;\r\n\r\n columns.push(column);\r\n\r\n }\r\n\r\n return columns;\r\n\r\n }, initialValue)\r\n\r\n const row = {columns}
;\r\n memo.push(row);\r\n\r\n return memo;\r\n\r\n }, rows);\r\n\r\n return \r\n {rows}\r\n
;\r\n\r\n }, [_fieldGroups, _onSelectDate, _operation, operationCycleOperation, periodeOuverture, existePeriodeOuverte, dateDebutPeriode]);\r\n // Attention, dans les dépendances ci-dessus il y a des variables qui semblent inutilisées mais qui peuvent potentiellement être utilisées dans un eval ; ne pas supprimer\r\n\r\n // RENDER\r\n return \r\n \r\n
\r\n );\r\n\r\n rows = _fieldGroups.reduce((memo, fieldGroup, rIndex) => {\r\n\r\n const { listCycleChampDescription } = fieldGroup;\r\n\r\n // Première colonne\r\n // S'il existe au moins une date à traiter alors afficher les labels en première colonne\r\n let initialValue = [];\r\n\r\n let required = false;\r\n let inputClassName = \"ms-Grid-col ms-sm12\";\r\n\r\n if (includesAtLeastOneDate) {\r\n\r\n //20241204 : YD : 2813 -> erreur obligatoireCycleProgramme au lieu de obligatoireCycleOperation + ajout de la condition pour récupérer le require si au moins un des champs est required\r\n if (Array.isArray(listCycleChampDescription) && listCycleChampDescription.length > 0) {\r\n for (let i = 0; i < listCycleChampDescription.length; i++) {\r\n if (!required)\r\n required = !!listCycleChampDescription[i].obligatoireFicheOperation;//20241107 : YD : 2813 -> erreur obligatoireCycleProgramme au lieu de obligatoireCycleOperation\r\n }\r\n }\r\n\r\n let rowLabel = Array.isArray(listCycleChampDescription) && listCycleChampDescription.length > 0 ? listCycleChampDescription[0].labelAffichage : \"-\";\r\n initialValue.push(\r\n Date prévue
\r\n Date réelle
\r\n \r\n \r\n
\r\n );\r\n inputClassName = \"ms-Grid-col ms-sm4 ms-xxxl3\";\r\n }\r\n\r\n const columns = listCycleChampDescription.reduce((cols, champ, cIndex) => {\r\n\r\n const key = `${rIndex}-${cIndex}`;\r\n const {\r\n champDisabledFicheOperation,\r\n hintWrapperFicheOperation,\r\n hintWrapperContentFicheOperation,\r\n hintWrapperVerticalAlignFicheOperation,\r\n hintWrapperVerticalOffsetFicheOperation,\r\n maxValue: maxValueToEval,\r\n minValue: minValueToEval,\r\n nom,\r\n obligatoireFicheOperation,\r\n titreFicheOperation: title,\r\n typeChamp,\r\n valeurParDefaut: value,\r\n visibleFicheOperation\r\n } = champ;\r\n\r\n const disabled = champDisabledFicheOperation === \"true\";\r\n const isRequired = !!obligatoireFicheOperation;\r\n\r\n let column;\r\n\r\n if (!visibleFicheOperation || typeChamp !== \"date\") cols.push();\r\n else {\r\n const maxValue = !disabled ? eval(maxValueToEval) : null;\r\n const minValue = !disabled ? eval(minValueToEval) : null;\r\n\r\n // Si pas de date prévisionnelle, insérer une colonne vide\r\n if (cIndex == 0 && nom.indexOf(\"Prevue\") === -1)\r\n cols.push();\r\n\r\n column = {column}
;\r\n\r\n cols.push(column);\r\n }\r\n\r\n return cols;\r\n\r\n }, [initialValue])\r\n\r\n const row = {columns}
;\r\n memo.push(row);\r\n\r\n return memo;\r\n\r\n }, rows);\r\n\r\n return \r\n {rows}\r\n
;\r\n\r\n }, [_fieldGroups, periodeOuverture]);\r\n // Attention, dans les dépendances ci-dessus il y a des variables qui semblent inutilisées mais qui peuvent potentiellement être utilisées dans un eval ; ne pas supprimer\r\n\r\n // RENDER\r\n return */}\r\n\r\n {/*
*/}\r\n\r\n ;\r\n\r\n};\r\n\r\nexport default FicheIdentificationPlanning;","import { PanelType, Text } from '@fluentui/react';\r\nimport { useBoolean, useConst } from '@fluentui/react-hooks';\r\nimport { Label } from 'office-ui-fabric-react';\r\nimport { addDays } from 'office-ui-fabric-react/lib/utilities/dateMath/DateMath';\r\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\r\nimport Scriba from '@devnet/react-scriba';\r\nimport { NotificationsTarget, useNotificationsManager } from '../../contexts/notificationContext';\r\nimport { Data } from '../../data/Data';\r\nimport { DataOperation_CycleOperation } from '../../data/DataOperation_CycleOperation';\r\nimport { Immocom } from '../../specifique/immocom';\r\nimport { ComboBoxMotifArchivage } from '../ComboBox/ComboBoxMotifArchivage';\r\nimport { EUIDatePicker } from '../EUI/EUIDatePicker';\r\nimport EUIPanel from '../EUI/EUIPanel';\r\nimport { EUIToggle } from '../EUI/EUIToggle';\r\nimport { HintVerticalPosition, HintWrapper } from '../Outils/HintWrapper';\r\n\r\nconst FicheValidationCycleProgramme = (props) => {\r\n\r\n // CONTEXTS\r\n const { clear, dismiss, extract, inform, load } = useNotificationsManager();\r\n\r\n // PROPS\r\n const {\r\n idAgence = undefined,\r\n idCycleOperation = undefined,\r\n idProgramme = undefined,\r\n idRegion = undefined,\r\n isOpen = false,\r\n /* --- */\r\n onDismiss = () => null,\r\n onSave = () => null,\r\n } = props;\r\n\r\n // CONSTANTES\r\n const aujourdhui = useConst(new Date(Date.now())); // Variables utilisées dans eval ; ne pas renommer / supprimer\r\n const demain = useConst(addDays(aujourdhui, 1)); // Variables utilisées dans eval ; ne pas renommer / supprimer\r\n\r\n // STATES\r\n const [_isFormValid, { setFalse: _setFormIsNotValid, setTrue: _setFormIsValid }] = useBoolean(false);\r\n const [_isLoaded, { setFalse: _setIsNotLoaded, setTrue: _setIsLoaded }] = useBoolean(false); // Utilisé pour économiser des vérifications de formulaire\r\n\r\n const [_fieldGroups, _setFieldGroups] = useState([]);\r\n const [_periodeOuverture, _setPeriodeOuverture] = useState({});\r\n const [_listOperation, _setListOperation] = useState([]);\r\n const [_listTrancheTravaux, _setListTrancheTravaux] = useState([]);\r\n const [_cycleOperation, _setCycleOperation] = useState({});\r\n const [_programme, _setProgramme] = useState({});\r\n\r\n // REFS\r\n const _isMounted = useRef(false); // Utilisé pour bloquer certains useEffect au premier render\r\n\r\n // MEMOS\r\n const _estCycleOperation = useMemo(() => {\r\n return !!idCycleOperation && idCycleOperation > 40;\r\n }, [idCycleOperation]);\r\n\r\n const programme = useMemo(() => _programme, [_programme]); // Variables utilisées dans eval ; ne pas renommer / supprimer\r\n const listTrancheTravaux = useMemo(() => _listTrancheTravaux, [_listTrancheTravaux]); // Variables utilisées dans eval ; ne pas renommer / supprimer\r\n const listOperation = useMemo(() => _listOperation, [_listOperation]); // Variables utilisées dans eval ; ne pas renommer / supprimer\r\n const periodeOuverture = useMemo(() => _periodeOuverture, [_periodeOuverture]); // Variables utilisées dans eval ; ne pas renommer / supprimer\r\n const existePeriodeOuverte = useMemo(() => !!periodeOuverture.idPeriodeOuverture, [periodeOuverture]); // Variables utilisées dans eval ; ne pas renommer / supprimer\r\n const dateDebutPeriode = useMemo(() => existePeriodeOuverte ? new Date(periodeOuverture.annee, new Date(periodeOuverture.dateDebut).getMonth(), 1) : null, [existePeriodeOuverte, periodeOuverture]); // Variables utilisées dans eval ; ne pas renommer / supprimer\r\n\r\n // METHODS\r\n const _chargementDonnees = useCallback(() => {\r\n const id = load(\"Chargement du cycle du programme en cours...\");\r\n DataOperation_CycleOperation._chargementCycleOperationPourUnProgramme(idCycleOperation, idProgramme, idRegion, idAgence).then(response => {\r\n const onSuccess = () => {\r\n const data = response.reponseAPIobjet || [];\r\n _setCycleOperation(data[1] || {});\r\n _setFieldGroups(data[3] || []);\r\n _setListOperation(data[0] || []);\r\n _setListTrancheTravaux(data[5] || []);\r\n _setPeriodeOuverture(data[2] || {});\r\n _setProgramme(data[4] || {});\r\n _setIsLoaded();\r\n };\r\n const onError = (result) => extract(result, NotificationsTarget.panels);\r\n Immocom.checkFetchResponse(response, onSuccess, onError);\r\n dismiss(id);\r\n });\r\n }, [idAgence, idCycleOperation, idProgramme, idRegion]);\r\n\r\n const _onDismissed = useCallback(() => {\r\n _setCycleOperation({});\r\n _setFieldGroups([]);\r\n _setFormIsNotValid();\r\n _setIsNotLoaded();\r\n _setListOperation([]);\r\n _setListTrancheTravaux([]);\r\n _setPeriodeOuverture({});\r\n _setProgramme({});\r\n clear(undefined, [-1]);\r\n }, []);\r\n\r\n const _onOpen = useCallback(() => {\r\n if (!!idAgence && !!idCycleOperation && !!idProgramme && idRegion)\r\n _chargementDonnees();\r\n else _setIsLoaded();\r\n }, [idAgence, idCycleOperation, idProgramme, idRegion]);\r\n\r\n const _onSave = useCallback(() => {\r\n const id = load(\"Enregistrement du cycle du programme en cours...\");\r\n DataOperation_CycleOperation._enregistrementCycleOperationPourUnProgramme(idCycleOperation, _programme, _fieldGroups).then(response => {\r\n const onSuccess = onSave;\r\n const onError = (result) => extract(result, NotificationsTarget.panels);\r\n Immocom.checkFetchResponse(response, onSuccess, onError);\r\n dismiss(id);\r\n });\r\n }, [_fieldGroups, programme]);\r\n\r\n const _onSelectDate = useCallback((nomChamp) => (date) => {\r\n _setFieldGroups(prev => {\r\n let fieldGroups = [...prev];\r\n const gIndex = fieldGroups.findIndex(group => group.listCycleChampDescription.some(champ => champ.nom === nomChamp));\r\n const cIndex = fieldGroups[gIndex].listCycleChampDescription.findIndex(champ => champ.nom === nomChamp);\r\n fieldGroups[gIndex].listCycleChampDescription[cIndex].valeurParDefaut = Scriba.date().getChaineISOFromDate(date, true);\r\n return fieldGroups;\r\n });\r\n }, []);\r\n\r\n const _onVerificationFormulaire = useCallback(() => {\r\n if (_estCycleOperation) return;\r\n _setFormIsNotValid();\r\n const objet = { idCycleOperation, programme: _programme, champs: _fieldGroups };\r\n Data._onValidationFormulaire(\"CycleProgramme\", objet, programme.idProgramme > 0 ? \"Modification\" : \"Création\").then(response => {\r\n const onSuccess = _setFormIsValid;\r\n const onError = (result) => extract(result, NotificationsTarget.panels);\r\n clear();\r\n Immocom.checkFetchResponse(response, onSuccess, onError);\r\n });\r\n }, [_estCycleOperation, _fieldGroups, _programme, idCycleOperation]);\r\n\r\n // EFFECTS (ComponentDidMount)\r\n useEffect(() => {\r\n _isMounted.current = true;\r\n }, []);\r\n\r\n // EFFECTS (ComponentDidUpdate)\r\n // Vérification des données du formulaire\r\n useEffect(() => {\r\n if (_isMounted.current && _isLoaded)\r\n _onVerificationFormulaire();\r\n }, [_fieldGroups, _isLoaded, _isMounted]);\r\n\r\n useEffect(() => {\r\n if (isOpen && _estCycleOperation)\r\n inform(\"Ce cycle ne peut être validé que depuis l'identification opération\", NotificationsTarget.panels);\r\n }, [_estCycleOperation, isOpen]);\r\n\r\n // UI\r\n const _description = useMemo(() => {\r\n const { descriptif } = _cycleOperation;\r\n if (!descriptif) return null;\r\n else {\r\n const styles = {\r\n root: {\r\n borderLeft: \"10px solid #888\",\r\n boxShadow: \"0 5px 5px #ddd\",\r\n fontWeight: 500,\r\n marginBottom: 20,\r\n marginTop: 10,\r\n padding: 20\r\n }\r\n };\r\n return */}\r\n {/* */}\r\n {/*
*/}\r\n\r\n {/* {_formArray}*/}\r\n\r\n {/*Date prévue
*/}\r\n {/* Date réelle
*/}\r\n {/* \r\n \r\n
\r\n );\r\n\r\n rows = _fieldGroups.reduce((memo, group, rIndex) => {\r\n\r\n const { listCycleChampDescription } = group;\r\n\r\n // Première colonne\r\n // S'il existe au moins une date à traiter alors afficher les labels en première colonne\r\n let initialValue = [];\r\n\r\n let required = false;\r\n let inputClassName = \"ms-Grid-col ms-sm12\";\r\n\r\n if (includesAtLeastOneDate) {\r\n\r\n //20241204 : YD : 2813 -> erreur obligatoireCycleProgramme au lieu de obligatoireCycleOperation + ajout de la condition pour récupérer le require si au moins un des champs est required\r\n if (Array.isArray(listCycleChampDescription) && listCycleChampDescription.length > 0) {\r\n for (let i = 0; i < listCycleChampDescription.length; i++) {\r\n if (!required)\r\n required = !!listCycleChampDescription[i].obligatoireCycleProgramme;//20241107 : YD : 2813 -> erreur obligatoireCycleProgramme au lieu de obligatoireCycleOperation\r\n }\r\n }\r\n\r\n let rowLabel = Array.isArray(listCycleChampDescription) && listCycleChampDescription.length > 0 ? listCycleChampDescription[0].labelAffichage : \"-\";\r\n initialValue.push(\r\n Date prévue
\r\n Date réelle
\r\n \r\n \r\n
\r\n );\r\n inputClassName = \"ms-Grid-col ms-sm4 ms-xxxl3\";\r\n }\r\n\r\n const columns = listCycleChampDescription.reduce((cols, champ, cIndex) => {\r\n\r\n const key = `${rIndex}-${cIndex}`;\r\n const {\r\n champDisabledCycleProgramme,\r\n hintWrapperCycleProgramme,\r\n hintWrapperContentCycleProgramme,\r\n hintWrapperVerticalAlignCycleProgramme,\r\n hintWrapperVerticalOffsetCycleProgramme,\r\n maxValue: maxValueToEval,\r\n minValue: minValueToEval,\r\n nom,\r\n titreCycleProgramme: title,\r\n typeChamp,\r\n valeurParDefaut: value,\r\n visibleCycleProgramme\r\n } = champ;\r\n\r\n const disabled = champDisabledCycleProgramme === \"true\";\r\n\r\n // Autres colonnes\r\n //if (!visibleCycleProgramme || typeChamp !== \"date\") columns.push();\r\n if (!visibleCycleProgramme) cols.push();\r\n else {\r\n let column;\r\n if (typeChamp === \"date\") {\r\n\r\n const maxValue = !disabled ? eval(maxValueToEval) : null;\r\n const minValue = !disabled ? eval(minValueToEval) : null;\r\n\r\n // Si pas de date prévisionnelle, insérer une colonne vide\r\n if (cIndex == 0 && nom.indexOf(\"Prevue\") === -1)\r\n cols.push();\r\n\r\n column = {column}
;\r\n\r\n cols.push(column);\r\n }\r\n\r\n return cols;\r\n\r\n }, initialValue)\r\n\r\n const row = {columns}
;\r\n memo.push(row);\r\n\r\n return memo;\r\n\r\n }, rows);\r\n\r\n return \r\n {rows}\r\n
;\r\n\r\n }, [_fieldGroups, dateDebutPeriode, existePeriodeOuverte, listOperation, listTrancheTravaux, periodeOuverture, programme]);\r\n // Attention, dans les dépendances ci-dessus il y a des variables qui semblent inutilisées mais qui peuvent potentiellement être utilisées dans un eval ; ne pas supprimer\r\n\r\n // RENDER\r\n return \r\n \r\n
\r\n );\r\n\r\n rows = _fieldGroups.reduce((memo, fieldGroup, rIndex) => {\r\n\r\n const { listCycleChampDescription } = fieldGroup;\r\n\r\n // Première colonne\r\n // S'il existe au moins une date à traiter alors afficher les labels en première colonne\r\n let initialValue = [];\r\n\r\n let required = false;\r\n let inputClassName = \"ms-Grid-col ms-sm12\";\r\n\r\n if (includesAtLeastOneDate) {\r\n\r\n //20241204 : YD : 2813 -> erreur obligatoireCycleProgramme au lieu de obligatoireCycleOperation + ajout de la condition pour récupérer le require si au moins un des champs est required\r\n if (Array.isArray(listCycleChampDescription) && listCycleChampDescription.length > 0) {\r\n for (let i = 0; i < listCycleChampDescription.length; i++) {\r\n if (!required)\r\n required = !!listCycleChampDescription[i].obligatoireFicheProgramme;//20241107 : YD : 2813 -> erreur obligatoireCycleProgramme au lieu de obligatoireCycleOperation\r\n }\r\n }\r\n\r\n let rowLabel = Array.isArray(listCycleChampDescription) && listCycleChampDescription.length > 0 ? listCycleChampDescription[0].labelAffichage : \"-\";\r\n initialValue.push(\r\n Date prévue
\r\n Date réelle
\r\n \r\n \r\n
\r\n );\r\n inputClassName = \"ms-Grid-col ms-sm4 ms-xxxl3\";\r\n }\r\n\r\n const columns = listCycleChampDescription.reduce((cols, champ, cIndex) => {\r\n\r\n const key = `${rIndex}-${cIndex}`;\r\n const {\r\n champDisabledFicheProgramme,\r\n hintWrapperFicheProgramme,\r\n hintWrapperContentFicheProgramme,\r\n hintWrapperVerticalAlignFicheProgramme,\r\n hintWrapperVerticalOffsetFicheProgramme,\r\n maxValue: maxValueToEval,\r\n minValue: minValueToEval,\r\n nom,\r\n obligatoireFicheProgramme,\r\n titreFicheProgramme: title,\r\n typeChamp,\r\n valeurParDefaut: value,\r\n visibleFicheProgramme\r\n } = champ;\r\n\r\n const disabled = champDisabledFicheProgramme === \"true\";\r\n const isRequired = !!obligatoireFicheProgramme;\r\n\r\n let column;\r\n\r\n if (!visibleFicheProgramme || typeChamp !== \"date\") cols.push();\r\n else {\r\n const maxValue = !disabled ? eval(maxValueToEval) : null;\r\n const minValue = !disabled ? eval(minValueToEval) : null;\r\n\r\n // Si pas de date prévisionnelle, insérer une colonne vide\r\n if (cIndex == 0 && nom.indexOf(\"Prevue\") === -1)\r\n cols.push();\r\n\r\n column = {column}
;\r\n\r\n cols.push(column);\r\n }\r\n\r\n return cols;\r\n\r\n }, [initialValue])\r\n\r\n const row = {columns}
;\r\n memo.push(row);\r\n\r\n return memo;\r\n\r\n }, rows);\r\n\r\n return \r\n {rows}\r\n
;\r\n\r\n }, [_fieldGroups, periodeOuverture]);\r\n\r\n //const _formArray = useMemo(() => {\r\n\r\n // return _fieldGroups.reduce((rows, fieldGroup, rIndex) => {\r\n\r\n // const { listCycleChampDescription } = fieldGroup;\r\n\r\n // // Première colonne\r\n // const rowLabel = Array.isArray(listCycleChampDescription) && listCycleChampDescription.length > 0 ? listCycleChampDescription[0].labelAffichage : \"-\";\r\n // const firstColumn = {rowLabel}
;\r\n\r\n // // Dates prévisionnelles et réelles\r\n // const columns = listCycleChampDescription.reduce((cols, champ, cIndex) => {\r\n\r\n // const key = `${rIndex}-${cIndex}`;\r\n // const {\r\n // champDisabledFicheProgramme,\r\n // maxValue: maxValueToEval,\r\n // minValue: minValueToEval,\r\n // nom,\r\n // obligatoireFicheProgramme,\r\n // titreFicheProgramme: title,\r\n // typeChamp,\r\n // valeurParDefaut: value,\r\n // visibleFicheProgramme\r\n // } = champ;\r\n // const disabled = champDisabledFicheProgramme === \"true\";\r\n // const isRequired = !!obligatoireFicheProgramme;\r\n\r\n // if (!visibleFicheProgramme || typeChamp !== \"date\") columns.push();\r\n // else {\r\n // const maxValue = !disabled ? eval(maxValueToEval) : null;\r\n // const minValue = !disabled ? eval(minValueToEval) : null;\r\n\r\n // // Si pas de date prévisionnelle, insérer une colonne vide\r\n // if (cIndex == 0 && nom.indexOf(\"Prevue\") === -1)\r\n // cols.push();\r\n // cols.push(\r\n // \r\n //
\r\n // );\r\n // }\r\n\r\n // return cols;\r\n\r\n // }, [firstColumn])\r\n\r\n // const row = {columns}
;\r\n // rows.push(row);\r\n\r\n // return rows;\r\n\r\n // }, []);\r\n\r\n //}, [_fieldGroups, periodeOuverture]);\r\n // Attention, dans les dépendances ci-dessus il y a des variables qui semblent inutilisées mais qui peuvent potentiellement être utilisées dans un eval ; ne pas supprimer\r\n\r\n // RENDER\r\n return { if (!props.isVisibleOnHover) setIsCalloutVisible(!isCalloutVisible) }}\r\n onMouseEnter={() => { if (props.isVisibleOnHover) setIsCalloutVisible(true) }}\r\n onMouseLeave={() => { if (props.isVisibleOnHover) setIsCalloutVisible(false) }}\r\n >\r\n setIsCalloutVisible(false)}\r\n setInitialFocus={true}\r\n styles={{ root: { maxWidth: 300 } }}\r\n target={_target.current}\r\n >\r\n
\r\n \r\n {/*{props.hint}*/}\r\n {/*MG: 07/02/2023 - 2156*/}\r\n {props.content} \r\n
\r\n \r\n }\r\n This is the default content
,\r\n};\r\n","import Scriba from '@devnet/react-scriba';\r\n\r\nexport class DataCompte {\r\n\r\n static _onResolveSuggestions(filterText, idSociete) {\r\n const objet = {\r\n \"ChaineDeRecherche\": filterText,\r\n \"IdSociete\": idSociete\r\n };\r\n const url = \"api/Get/GetCompteRecherche\";\r\n const paramPost = Scriba.fetch().createParameterPost(objet);\r\n\r\n return fetch(url, paramPost).then(response => response.json())\r\n };\r\n\r\n static _chargementDesComptesDeLaSocieteDeCeTypeDeMandat(idSociete, idsTypesMandats, listeIdContacts, doitInclureComptesSansMandat) {\r\n const objet = {\r\n \"idSociete\": idSociete,\r\n \"idsTypesMandats\": Array.isArray(idsTypesMandats) ? idsTypesMandats : [idsTypesMandats],\r\n \"listeIdContacts\": listeIdContacts,\r\n \"doitInclureComptesSansMandat\": doitInclureComptesSansMandat\r\n };\r\n const url = \"api/Liste/ListeDesCOMPTES\";\r\n const paramPost = Scriba.fetch().createParameterPost(objet);\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n static _chargementDesComptesDeLaSociete(idSociete, doitInclureComptesSansMandat) {\r\n const objet = {\r\n \"idSociete\": idSociete,\r\n \"doitInclureComptesSansMandat\": doitInclureComptesSansMandat\r\n };\r\n const url = \"api/Liste/ListeDesCOMPTES\";\r\n const paramPost = Scriba.fetch().createParameterPost(objet);\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n static _chargementDesComptesEiffageDeTypeOperationnelOuGestionnaireDeMandatAyantUnMandatSurLePerimetrePasseEnParametre(idRegion, idAgence, doitInclureComptesSansMandat) {\r\n const objet = {\r\n \"idSociete\": 1,\r\n \"idRegion\": idRegion,\r\n \"idAgence\": idAgence,\r\n \"doitInclureComptesSansMandat\": doitInclureComptesSansMandat\r\n };\r\n const url = \"api/Liste/ListeDesCOMPTES\";\r\n const paramPost = Scriba.fetch().createParameterPost(objet);\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n\r\n static _chargementDesComptesEiffageAyantUnMandatSurLePerimetreDuLotCommercialDeCeTypeDeMandat(idOperation, idLotCommercial, idsTypesMandats, doitInclureComptesSansMandat) {\r\n const objet = {\r\n \"idSociete\": 1,\r\n \"idOperation\": idOperation,\r\n \"idLotCommercial\": idLotCommercial,\r\n \"idsTypesMandats\": Array.isArray(idsTypesMandats) ? idsTypesMandats : [idsTypesMandats],\r\n \"doitInclureComptesSansMandat\": doitInclureComptesSansMandat\r\n };\r\n const url = \"api/Liste/ListeDesCOMPTES\";\r\n const paramPost = Scriba.fetch().createParameterPost(objet);\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n\r\n static _chargementFicheCompte(loginCompte) {\r\n const objet = { \"loginCompte\": loginCompte };\r\n const url = \"api/Get/GetCompte\";\r\n const paramPost = Scriba.fetch().createParameterPost(objet);\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n\r\n static _onEnregistrementCompte(compte, loginCompte) {\r\n const objet = {\r\n compte,\r\n loginCompte // Permet de savoir s'il s'agit d'une création ou d'une modif'\r\n };\r\n const url = \"api/MAJDonnees/EnregistrementCompte\";\r\n const paramPost = Scriba.fetch().createParameterPost(objet);\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n\r\n static _onRegenereMotDePasse(loginCompte) {\r\n const objet = { \"loginCompte\": loginCompte };\r\n const url = \"api/MAJDonnees/RegenerationMotDePasseCompte\";\r\n const paramPost = Scriba.fetch().createParameterPost(objet);\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n\r\n static _onRenseignementLoginCompte(prenom, nom) {\r\n const objet = {\r\n \"prenom\": prenom,\r\n \"nom\": nom,\r\n };\r\n const url = \"api/MajDonnees/GenerationLoginCompte\";\r\n const paramPost = Scriba.fetch().createParameterPost(objet);\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n\r\n static _chargementDesComptesEtantProprietaireDesContacts(listeIdContacts) {\r\n const objet = { \"listeIdContacts\": listeIdContacts };\r\n const url = \"api/Liste/ListeDesComptesEtantProprietaireDesContacts\";\r\n const paramPost = Scriba.fetch().createParameterPost(objet);\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n\r\n static _chargementMonCompte() {\r\n return fetch('api/Auth/ChargementMonCompte',\r\n {\r\n method: 'POST',\r\n headers: {\r\n 'Accept': 'application/json',\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify({})\r\n }).then(response => response.json());\r\n }\r\n\r\n static _getEstAdminNational(loginCompte) {\r\n const objet = { \"loginCompte\": loginCompte };\r\n const url = \"api/Get/GetEstAdminNational\";\r\n const paramPost = Scriba.fetch().createParameterPost(objet);\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n\r\n static _chargementComptes = (filtres, sortedColumn, isSortedDescending) => {\r\n const objet = { filtres, sortedColumn, isSortedDescending };\r\n const url = \"api/Liste/ListeDesComptes\";\r\n const paramPost = Scriba.fetch().createParameterPost(objet);\r\n return fetch(url, paramPost).then(response => response.json());\r\n };\r\n\r\n static _chargementComptesDetailsList = (nbreEnreg, recherche, tri, filtreIdSociete, filtreActif, pageIndex) => {\r\n const objet = { nbreEnreg, recherche, tri, filtreIdSociete, filtreActif, pageIndex };\r\n const url = 'api/Liste/ListeDesPROFILSUTILISATEUR';\r\n const paramPost = Scriba.fetch().createParameterPost(objet);\r\n return fetch(url, paramPost).then(response => response.json());\r\n };\r\n\r\n}","import { useConst } from '@fluentui/react-hooks';\r\nimport React, { createContext, useCallback, useEffect, useMemo, useState } from 'react';\r\nimport { Data } from '../data/Data';\r\nimport { Immocom } from '../specifique/immocom';\r\nimport AdalAuthenticationContext from '../configAuth/Auth';\r\nimport { NotificationsTarget, useNotifications, useNotificationsManager } from './notificationContext';\r\n\r\nconst AuthContext = createContext();\r\nconst AuthManagerContext = createContext();\r\n\r\nexport const AuthContextProvider = ({ children }) => {\r\n\r\n // CONTEXTS\r\n const { dismiss, extract, load, warn } = useNotificationsManager();\r\n const { errorMessages } = useNotifications();\r\n\r\n // STATES\r\n const [_isAuthenticated, _setIsAuthenticated] = useState(false);\r\n\r\n // CONSTANTES\r\n const _loginCompte = useConst(sessionStorage.getItem(\"loginCompte\"));\r\n\r\n // METHODS\r\n const _disconnect = useCallback(() => {\r\n Data._onDeconnexion().then(() => {\r\n _setIsAuthenticated(false);\r\n AdalAuthenticationContext.logOut();\r\n document.location.href = \"/\";\r\n localStorage.clear();\r\n sessionStorage.clear();\r\n });\r\n }, []);\r\n\r\n const _connect = useCallback((login, password) => {\r\n const id = load(\"Authentification en cours...\");\r\n Data._onIdentification(login, password).then(response => {\r\n const onSuccess = () => {\r\n const estIdentifie = response.reponseAPIobjet;\r\n if (estIdentifie) sessionStorage.setItem(\"loginCompte\", login);\r\n else warn(response.messageRetour, NotificationsTarget.main);//20250114 : YD : 2879 : \"Votre identifiant ou mot de passe est incorrect\"\r\n _setIsAuthenticated(estIdentifie);\r\n }\r\n const onError = (result) => extract(result, NotificationsTarget.main);\r\n Immocom.checkFetchResponse(response, onSuccess, onError);\r\n dismiss(id);\r\n });\r\n }, [_disconnect, dismiss, load]);\r\n\r\n const _reconnect = useCallback((login, password) => {\r\n const id = load(\"Authentification en cours...\");\r\n Data._onEstIdentifie().then(response => {\r\n const onSuccess = () => {\r\n const data = response.reponseAPIobjet;\r\n const estIdentifie = data[0];\r\n const loginCompte = data[1];\r\n\r\n _setIsAuthenticated(estIdentifie);\r\n if (estIdentifie) sessionStorage.setItem(\"loginCompte\", loginCompte);\r\n else {\r\n warn(\"R�cup�ration de la session impossible, veuillez vous reconnecter\", NotificationsTarget.main);\r\n _disconnect();\r\n }\r\n }\r\n const onError = (result) => extract(result, NotificationsTarget.main);\r\n Immocom.checkFetchResponse(response, onSuccess, onError);\r\n dismiss(id);\r\n });\r\n }, [_disconnect, dismiss, load]);\r\n\r\n // EFFECTS\r\n useEffect(() => {\r\n if (_isAuthenticated && errorMessages.some(message => message.code === 200)) // Session expir�e ; utilisateur non authentifi�\r\n _disconnect();\r\n }, [_disconnect, _isAuthenticated, errorMessages]);\r\n\r\n // Utilisateur non authentifi� mais loginCompte enregistr� en session storage : v�rifier si la session existe et r�authentifier l'utlisateur\r\n useEffect(() => {\r\n if (!!_loginCompte && !_isAuthenticated)\r\n _reconnect();\r\n }, [_isAuthenticated, _loginCompte, _reconnect]);\r\n\r\n // MEMOS\r\n const value = useMemo(\r\n () => ({ isAuthenticated: _isAuthenticated }),\r\n [_isAuthenticated]\r\n );\r\n\r\n const managerValue = useMemo(\r\n () => ({ connect: _connect, disconnect: _disconnect }),\r\n [_connect, _disconnect]\r\n );\r\n\r\n // RENDER\r\n return \r\n Nous vous invitons à consulter votre boîte aux lettres et à suivre la procédure de réinitialisation de mot de passe que nous vous avons communiquée.
\r\n Si vous ne recevez pas cet email nous vous suggérons de vérifier vos courriers indésirables ou de réessayer ultérieurement.\r\n
Retour
\r\n \r\n \r\n J'ai oublié mon mot de passe\r\n \r\n
\r\n \r\n {\r\n clear();\r\n connect(_login, _password);\r\n }}\r\n primary\r\n secondaryText=\"Accès à la partie sécurisée.\"\r\n text=\"Connexion\"\r\n />\r\n
\r\n \r\n {\r\n clear();\r\n _onVerificationLoginAAD();\r\n }}\r\n primary\r\n secondaryText=\"S'identifier pour accéder à Eiffimmo.\"\r\n text=\"Connexion\"\r\n />\r\n
\r\n }\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n
\r\n Eiffimmo
\r\n \r\n\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n {\r\n _setCompte(prev => ({ ...prev, idSociete: option.key }));\r\n _setRaisonSociale(item.raisonSociale);\r\n }}\r\n onLoad={!!_compte.idSociete ? (selectedItem, items) => _setRaisonSociale(selectedItem.raisonSociale) : null}\r\n required\r\n selectedKey={_compte.idSociete}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n _setCompte(prev => ({ ...prev, civilite: option.key }))}\r\n required\r\n selectedKey={_compte.civilite}\r\n />\r\n
\r\n \r\n _setCompte(prev => ({ ...prev, nom: newValue }))}\r\n required\r\n value={_compte.nom}\r\n />\r\n
\r\n \r\n
\r\n\r\n \r\n _setCompte(prev => ({ ...prev, prenom: newValue }))}\r\n required\r\n value={_compte.prenom}\r\n />\r\n
\r\n \r\n _setCompte(prev => ({ ...prev, tel: newValue }))}\r\n required\r\n value={_compte.tel}\r\n />\r\n
\r\n \r\n
\r\n\r\n \r\n _setCompte(prev => ({ ...prev, mobile: newValue }))}\r\n value={_compte.mobile}\r\n />\r\n
\r\n \r\n _setCompte(prev => ({ ...prev, fax: newValue }))}\r\n value={_compte.fax}\r\n />\r\n
\r\n \r\n
\r\n\r\n \r\n _setCompte(prev => ({ ...prev, email: newValue }))}\r\n required\r\n value={_compte.email}\r\n />\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n _setCompte(prev => ({ ...prev, adresse: newValue }))}\r\n required\r\n rows={3}\r\n value={_compte.adresse}\r\n />\r\n
\r\n \r\n _setCompte(prev => ({ ...prev, complementAdresse: newValue }))}\r\n required\r\n rows={3}\r\n value={_compte.complementAdresse}\r\n />\r\n
\r\n \r\n
\r\n\r\n \r\n _setCompte(prev => ({ ...prev, cp: newValue }))}\r\n required\r\n value={_compte.cp}\r\n />\r\n
\r\n \r\n _setCompte(prev => ({ ...prev, ville: newValue }))}\r\n required\r\n value={_compte.ville}\r\n />\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n _setCompte(prev => ({ ...prev, idRegion: option.key, idAgence: 0 }))}\r\n selectedKey={_compte.idRegion}\r\n />\r\n
\r\n \r\n _setCompte(prev => ({ ...prev, idAgence: option.key }))}\r\n selectedKey={_compte.idAgence}\r\n />\r\n
\r\n \r\n \r\n
;\r\n\r\n else if (!!href)\r\n return \r\n
\r\n \r\n \r\n \r\n
;\r\n };\r\n\r\n};","import { Panel, PanelType } from 'office-ui-fabric-react/lib/Panel';\r\nimport React, { Component } from 'react';\r\nimport carresHoriz from '../../../images/carres_horiz.png';\r\nimport './Header.css';\r\nimport { Tuile } from './Tuile';\r\n\r\nexport class PanelApplications extends Component {\r\n\r\n static defaultProps = {\r\n droits: {},\r\n isOpen: false,\r\n onDismiss: () => null,\r\n urlEBook: \"\",\r\n urlPrimPromo: \"\",\r\n urlSectionMandat: \"\",\r\n };\r\n\r\n _onRenderFooterContent = () => {\r\n return \r\n
\r\n \r\n \r\n {[tuiles]}\r\n
\r\n ;\r\n\r\n };\r\n\r\n};","import { Icon, Stack, Text } from '@fluentui/react';\r\nimport React, { useMemo } from 'react';\r\n\r\nconst EUITitle = (props) => {\r\n\r\n // PROPS\r\n const {\r\n bold = false,\r\n iconName = undefined,\r\n title = undefined,\r\n underline = false,\r\n uppercase = true,\r\n } = props;\r\n\r\n // MEMOS\r\n const _styles = useMemo(() => ({\r\n title: {\r\n root: {\r\n fontWeight: bold ? \"bold\" : \"normal\",\r\n padding: \"4px 0px\",\r\n textDecoration: underline ? \"underline\" : \"unset\",\r\n textTransform: uppercase ? \"uppercase\" : \"unset\"\r\n }\r\n }\r\n }), [bold, underline, uppercase]);\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 else return \r\n
\r\n ;\r\n\r\n }, [_afficherPanelProfil, _isAuthenticated]);\r\n\r\n\r\n // RENDER\r\n return \r\n \r\n
\r\n \r\n this.setState({ showInput: true })}\r\n />\r\n
;\r\n };\r\n\r\n};","import { Stack } from '@fluentui/react';\r\nimport React, { Component } from 'react';\r\nimport { ComboBoxDepartementAdministratif } from '../ComboBox/ComboBoxDepartementAdministratif';\r\nimport { IDS_NIVEAU } from '../ComboBox/ComboBoxNiveau';\r\nimport { ComboBoxOperation } from '../ComboBox/ComboBoxOperation';\r\nimport { ComboBoxRegionAdministrative } from '../ComboBox/ComboBoxRegionAdministrative';\r\nimport { ComboBoxVilleAdministrative } from '../ComboBox/ComboBoxVilleAdministrative';\r\nimport { PickerPerimetre } from '../Picker/PickerPerimetre';\r\n\r\nexport class ComboBoxesPerimetreAdministratif extends Component {\r\n\r\n static defaultProps = {\r\n filtreSurMonPerimetre: true,\r\n idRegionAdministrative: 0,\r\n idDepartementAdministratif: \"0\",\r\n idVilleAdministrative: \"0\",\r\n idOperation: 0,\r\n onChange: (event, option, index, value, item, perimetre) => null,\r\n styles: {},\r\n };\r\n\r\n static defaultState = {\r\n regionsAdministratives: [],\r\n departementsAdministratifs: [],\r\n villesAdministratives: [],\r\n operations: [],\r\n };\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = { ...ComboBoxesPerimetreAdministratif.defaultState };\r\n };\r\n\r\n // KP - 15/06/2023 : ajout gestion de l'option par défaut\r\n _onChange = (event, option, index, value, item, idNiveau) => {\r\n const { onChange } = this.props;\r\n if (!!onChange && typeof onChange === \"function\") {\r\n let perimetre = {};\r\n if (Object.keys(item).length === 0) { // Sélection de l'option par défaut \"Sélectionnez\"\r\n switch (idNiveau) {\r\n case IDS_NIVEAU.REGION_ADMINISTRATIVE: perimetre.idRegionAdministrative = ComboBoxesPerimetreAdministratif.defaultProps.idRegionAdministrative;\r\n case IDS_NIVEAU.DEPARTEMENT_ADMINISTRATIF: perimetre.idDepartementAdministratif = ComboBoxesPerimetreAdministratif.defaultProps.idDepartementAdministratif;\r\n case IDS_NIVEAU.VILLE_ADMINISTRATIVE: perimetre.idVilleAdministrative = ComboBoxesPerimetreAdministratif.defaultProps.idVilleAdministrative;\r\n case IDS_NIVEAU.OPERATION: perimetre.idOperation = ComboBoxesPerimetreAdministratif.defaultProps.idOperation;\r\n default: break;\r\n }\r\n }\r\n else {\r\n const { idRegionAdministrative, idDepartementAdministratif, idVilleAdministrative, idOperation } = item;\r\n perimetre = {\r\n idRegionAdministrative: idRegionAdministrative || ComboBoxesPerimetreAdministratif.defaultProps.idRegionAdministrative,\r\n idDepartementAdministratif: idDepartementAdministratif || ComboBoxesPerimetreAdministratif.defaultProps.idDepartementAdministratif,\r\n idVilleAdministrative: idVilleAdministrative || ComboBoxesPerimetreAdministratif.defaultProps.idVilleAdministrative,\r\n idOperation: idOperation || ComboBoxesPerimetreAdministratif.defaultProps.idOperation,\r\n };\r\n }\r\n onChange(event, option, index, value, item, perimetre);\r\n }\r\n };\r\n\r\n render = () => {\r\n\r\n const { filtreSurMonPerimetre, idRegionAdministrative, idDepartementAdministratif, idVilleAdministrative, idOperation, styles } = this.props;\r\n const { regionsAdministratives, departementsAdministratifs, villesAdministratives, operations } = this.state;\r\n\r\n return \r\n
;\r\n\r\n // Cas n°2 : utilisateur déjà authentifié\r\n else if (isAuthenticated) {\r\n const baseUrl = document.getElementsByTagName(\"base\")[0].getAttribute(\"href\");\r\n content = \r\n Le navigateur que vous utilisez (Internet Explorer) n'est pas compatible avec cette version d'Immocom.
\r\n Nous vous recommandons de basculer sur l'un des navigateurs suivants :\r\n Chrome (Version minimale : 79.0.3945.117),\r\n Firefox (Version minimale : 70.0.1),\r\n Edge (Version minimale : 44.18362.449.0)\r\n
\r\n \r\n Nous vous recommandons de basculer sur l'un des navigateurs suivants :\r\n Chrome (Version minimale : 79.0.3945.117),\r\n Firefox (Version minimale : 70.0.1),\r\n Edge (Version minimale : 44.18362.449.0)\r\n
\r\n
\r\n \r\n Désolé une erreur est survenue, elle nous a été transmise afin que nous la traitions dans les plus brefs délais.\r\n
\r\n \r\n { window.location.href = window.location.origin; }}>Retour à l'accueil \r\n
\r\n \r\n
\r\n News
\r\n\r\n {this.state.newsActivityItems.map((item) => (\r\n
\r\n \r\n this.setState({ onAfficheModalNews: false })} text=\"Fermer\" />\r\n
\r\n \r\n };\r\n\r\n}\r\n","import Scriba from '@devnet/react-scriba';\r\n\r\nexport class DataJournalisationConsole {\r\n static _onChargementJournalisationConsole() {\r\n const objet = {};\r\n const url = \"api/Liste/ListeDesJournalisationConsole\";\r\n const paramPost = Scriba.fetch().createParameterPost(objet);\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport { Modal } from 'office-ui-fabric-react/lib/Modal';\r\nimport { DefaultButton } from 'office-ui-fabric-react/lib/Button';\r\nimport { Icon } from 'office-ui-fabric-react/lib/Icon';\r\nimport { mergeStyleSets } from 'office-ui-fabric-react';\r\n\r\nimport { DataJournalisationConsole } from '../../data/DataJournalisationConsole.jsx';\r\n\r\nimport { Immocom } from '../../specifique/immocom';\r\n\r\n//#region CSS\r\nconst classNames = mergeStyleSets({\r\n modalContainer: {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n maxHeight: '60vh',\r\n maxWidth: '500px',\r\n width: '60vw'\r\n },\r\n modalHeader: {\r\n background: '#fd0400',\r\n color: 'white',\r\n padding: '8px 28px 0'\r\n },\r\n modalBody: {\r\n flex: '2 2',\r\n overflowY: 'auto',\r\n padding: '5px 28px'\r\n },\r\n modalFooter: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n padding: '15px 28px',\r\n }\r\n});\r\n//#endregion\r\n\r\nexport class ModalConsole extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n onAfficheModalConsole: false\r\n }\r\n };\r\n\r\n componentDidMount = () => {\r\n let chargementJournalisationConsole = DataJournalisationConsole._onChargementJournalisationConsole();\r\n\r\n chargementJournalisationConsole\r\n .then(responseFetch => {\r\n let retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responseFetch, this);\r\n\r\n if (retourVerif === null) {\r\n const objetData = responseFetch.reponseAPIobjet;\r\n\r\n if (objetData === 0) {\r\n this.setState({ onAfficheModalConsole: true });\r\n }\r\n }\r\n });\r\n };\r\n\r\n render = () => {\r\n return \r\n
\r\n Console Option
\r\n\r\n
\r\n \r\n this.setState({ onAfficheModalConsole: false })} text=\"Fermer\" />\r\n
\r\n \r\n };\r\n}","import React, { Component } from 'react';\r\nimport { Spinner, SpinnerSize } from 'office-ui-fabric-react/lib/Spinner';\r\n\r\n/****************************************************************\r\n PROPS:\r\n label\r\n className\r\n****************************************************************/\r\n\r\nexport class SpinnerChargement extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n \r\n };\r\n }\r\n\r\n componentDidMount() {\r\n }\r\n\r\n componentWillUnmount() {\r\n }\r\n\r\n componentDidUpdate() {\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {this.props.successMessage}\r\n \r\n
}\r\n {this.props.infoMessage && \r\n \r\n {this.props.infoMessage}\r\n \r\n
}\r\n {this.props.warningMessage && \r\n \r\n {this.props.warningMessage}\r\n \r\n
}\r\n {this.props.errorMessage && \r\n \r\n {this.props.errorMessage}\r\n \r\n
}\r\n \r\n this.setState({ errorMessage: \"\" })}\r\n onDismissWarningMessage={() => this.setState({ warningMessage: \"\" })}\r\n />\r\n {listOperationsCarousel.length > 0\r\n ? \r\n \r\n :
;\r\n\r\n }\r\n\r\n };\r\n\r\n};","import Scriba from '@devnet/react-scriba';\r\n\r\nexport class DataAlarme {\r\n\r\n static _chargementAlarmes = (filtres, sortedColumn, isSortedDescending) => {\r\n const objet = { filtres, sortedColumn, isSortedDescending };\r\n const url = \"api/Liste/ListeDesAlarmes\";\r\n const paramPost = Scriba.fetch().createParameterPost(objet);\r\n return fetch(url, paramPost).then(response => response.json());\r\n };\r\n\r\n static _onEnregistrementAlarme = (alarme) => {\r\n const url = \"api/MAJDonnees/EnregistrementAlarme\";\r\n const paramPost = Scriba.fetch().createParameterPost(alarme);\r\n return fetch(url, paramPost).then(response => response.json());\r\n };\r\n\r\n static _onDesactivationAlarmes = (idsAlarmes) => {\r\n const objet = { idsAlarmes };\r\n const url = \"api/MAJDonnees/DesactivationAlarmes\";\r\n const paramPost = Scriba.fetch().createParameterPost(objet);\r\n return fetch(url, paramPost).then(response => response.json());\r\n };\r\n\r\n static _onSuppressionAlarme = (idAlarme) => {\r\n const objet = { idAlarme };\r\n const url = \"api/MAJDonnees/SuppressionAlarme\";\r\n const paramPost = Scriba.fetch().createParameterPost(objet);\r\n return fetch(url, paramPost).then(response => response.json());\r\n };\r\n\r\n static _onSuppressionAlarmes = (idsAlarmes) => {\r\n const objet = { idsAlarmes };\r\n const url = \"api/MAJDonnees/SuppressionAlarmes\";\r\n const paramPost = Scriba.fetch().createParameterPost(objet);\r\n return fetch(url, paramPost).then(response => response.json());\r\n };\r\n\r\n static _chargementNombreAlarmesAVenir() {\r\n\r\n var url = \"api/TableauDeBord/GetNombreAlarmesAVenir\";\r\n var paramPost = Scriba.fetch().createParameterPost();\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n static _chargementNombreSouhaitsParDernierSuiviCommercial() {\r\n\r\n var url = \"api/TableauDeBord/GetNombreSouhaitsParDernierSuiviCommercial\";\r\n var paramPost = Scriba.fetch().createParameterPost();\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n static _chargementNombreOperationsParPhaseAvancement() {\r\n\r\n var url = \"api/TableauDeBord/GetNombreOperationsParPhaseAvancement\";\r\n var paramPost = Scriba.fetch().createParameterPost();\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n static _chargementQueuesDeProgrammes() {\r\n\r\n var url = \"api/TableauDeBord/GetQueuesDeProgrammes\";\r\n var paramPost = Scriba.fetch().createParameterPost();\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n static _chargementNombreSouhaitsParRDV() {\r\n\r\n var url = \"api/TableauDeBord/GetNombreSouhaitsParRDV\";\r\n var paramPost = Scriba.fetch().createParameterPost();\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n static _chargementNombreSouhaitsParSuiviCommercial() {\r\n\r\n var url = \"api/TableauDeBord/GetNombreSouhaitsParSuiviCommercial\";\r\n var paramPost = Scriba.fetch().createParameterPost();\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n static _chargementNombreContratsParEtatSignature() {\r\n\r\n var url = \"api/TableauDeBord/GetNombreContratsParEtatSignature\";\r\n var paramPost = Scriba.fetch().createParameterPost();\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n\r\n}\r\n","import Scriba from '@devnet/react-scriba';\r\n\r\nexport class DataMonCompte {\r\n\r\n static _chargementDroitsLiesAuxActualites = () => {\r\n const url = \"api/Droit/ListeDesDroitsLiesAuxActualites\";\r\n const paramPost = Scriba.fetch().createParameterPost({});\r\n return fetch(url, paramPost).then(response => response.json());\r\n };\r\n\r\n static _chargementDroitsLiesAuxAlarmes = () => {\r\n const url = \"api/Droit/ListeDesDroitsLiesAuxAlarmes\";\r\n const paramPost = Scriba.fetch().createParameterPost({});\r\n return fetch(url, paramPost).then(response => response.json());\r\n };\r\n\r\n};","import { Icon, Link, merge, StackItem } from '@fluentui/react';\r\nimport { CommandBar, ConstrainMode, DetailsList, ScrollablePane, ScrollbarVisibility, SearchBox, SelectionMode, Stack, Sticky, StickyPositionType } from 'office-ui-fabric-react';\r\nimport { DetailsHeader } from 'office-ui-fabric-react/lib/components/DetailsList/DetailsHeader';\r\nimport { Selection } from 'office-ui-fabric-react/lib/Utilities';\r\nimport React, { Component, Fragment } from 'react';\r\nimport Scriba from '@devnet/react-scriba';\r\n\r\nexport const getColumns = (columns, isSortedDescending, onDragAndDropped, sortedColumn) => {\r\n\r\n const decimalFormat = new Intl.NumberFormat(\"fr-FR\", { minimumFractionDigits: 2 });\r\n const currencyFormat = new Intl.NumberFormat(\"fr-FR\", { style: \"currency\", currency: \"EUR\" });\r\n const percentFormat = new Intl.NumberFormat(\"fr-FR\", { style: \"percent\", minimumFractionDigits: 2 });\r\n const longPercentFormat = new Intl.NumberFormat(\"fr-FR\", { style: \"percent\", minimumFractionDigits: 10 });\r\n\r\n let updatedColumns = [...columns];\r\n if (typeof onDragAndDropped === \"function\")\r\n updatedColumns.unshift({\r\n isIconOnly: true,\r\n key: \"drag\",\r\n onRender: () => Aucune image disponible
\r\n }\r\n \r\n
);\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport { ComboBox, Stack } from 'office-ui-fabric-react/lib/index';\r\n\r\n/*\r\n***************************************************************\r\n PROPS:\r\n labelHeures\r\n onFocusHeure\r\n onBlurHeure\r\n onChangedHeure\r\n heures\r\n\r\n labelMinutes\r\n onFocusMinute\r\n onBlurMinute\r\n onChangedMinute\r\n minutes\r\n\r\n disabled\r\n required\r\n***************************************************************\r\n*/\r\n\r\nexport class TimePicker extends Component {\r\n\r\n static defaultProps = {\r\n labelHeures: \"Heures\",\r\n labelMinutes: \"Minutes\",\r\n };\r\n\r\n _getOptionsHeures = () => {\r\n let options = [];\r\n for (let i = 0; i < 24; i++) {\r\n const option = ((i < 10 ? '0' : '') + i).toString();\r\n options.push({\r\n key: option,\r\n text: option\r\n });\r\n }\r\n return options;\r\n };\r\n\r\n _getOptionsMinutes = () => {\r\n let options = [];\r\n for (var j = 0; j < 60; j++) {\r\n const option = ((j < 10 ? '0' : '') + j).toString();\r\n options.push({\r\n key: option,\r\n text: option\r\n });\r\n }\r\n return options;\r\n };\r\n\r\n render = () => \r\n
\r\n Alarmes actives
\r\n\r\n
\r\n \r\n this.setState({ afficherModalAlarmes: false })} text=\"Fermer\" />\r\n
\r\n \r\n }\r\n}","import Scriba from '@devnet/react-scriba';\r\n\r\nexport class DataIndicateur {\r\n\r\n static _chargementFicheDetailIndicateurRecapitulatif(idOperation, mois, annee) {\r\n let objet = {\r\n \"idOperation\": idOperation,\r\n \"numMois\": mois,\r\n \"annee\": annee\r\n };\r\n\r\n var url = \"api/Get/GetDetailIndicateurRecapitulatif\";\r\n var paramPost = Scriba.fetch().createParameterPost(objet);\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n\r\n static _chargementFicheDetailIndicateurValidation = (idOperation, idReservation, idLotCommercial) => {\r\n const objet = { idOperation, idReservation, idLotCommercial };\r\n const url = \"api/Get/GetDetailIndicateurValidation\";\r\n const paramPost = Scriba.fetch().createParameterPost(objet);\r\n return fetch(url, paramPost).then(response => response.json());\r\n };\r\n\r\n static _chargementListeDesINDICATEURSPrevision(tri, filtreMois, filtreAnnee, facteurNbreEnregistrement, pageIndex) {\r\n let objet = {\r\n \"tri\": tri,\r\n \"filtreMois\": filtreMois,\r\n \"filtreAnnee\": filtreAnnee,\r\n \"nbreEnreg\": facteurNbreEnregistrement,\r\n \"pageIndex\": pageIndex\r\n };\r\n\r\n /* YD : 20230224 : first step implement RegionMetier dans Indicateur */\r\n var url = \"api/v2/Liste/ListeDesINDICATEURSPrevision\";\r\n var paramPost = Scriba.fetch().createParameterPost(objet);\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n\r\n static _chargementListeDesINDICATEURSRecapitulatif(tri, filtreMois, filtreAnnee, facteurNbreEnregistrement, pageIndex) {\r\n let objet = {\r\n \"tri\": tri,\r\n \"filtreMois\": filtreMois,\r\n \"filtreAnnee\": filtreAnnee,\r\n \"nbreEnreg\": facteurNbreEnregistrement,\r\n \"pageIndex\": pageIndex\r\n };\r\n\r\n /* YD : 20230224 : first step implement RegionMetier dans Indicateur */\r\n var url = \"api/v2/Liste/ListeDesINDICATEURSRecapitulatif\";\r\n var paramPost = Scriba.fetch().createParameterPost(objet);\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n\r\n static _chargementListeDesINDICATEURSReintegration(tri, filtreMois, filtreAnnee, facteurNbreEnregistrement, pageIndex) {\r\n let objet = {\r\n \"tri\": tri,\r\n \"filtreMois\": filtreMois,\r\n \"filtreAnnee\": filtreAnnee,\r\n \"nbreEnreg\": facteurNbreEnregistrement,\r\n \"pageIndex\": pageIndex\r\n };\r\n\r\n /* YD : 20230224 : first step implement RegionMetier dans Indicateur */\r\n var url = \"api/v2/Liste/ListeDesINDICATEURSReintegration\";\r\n var paramPost = Scriba.fetch().createParameterPost(objet);\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n\r\n static _chargementListeDesINDICATEURSValidation(tri, filtreMois, filtreAnnee, filtreNumLot, filtreResaDesisNonValidees, filtreResaDesistValidees, facteurNbreEnregistrement, pageIndex) {\r\n let objet = {\r\n \"tri\": tri,\r\n \"filtreMois\": filtreMois,\r\n \"filtreAnnee\": filtreAnnee,\r\n \"filtreNumLot\": filtreNumLot,\r\n \"filtreResaDesistNonValidees\": filtreResaDesisNonValidees,\r\n \"filtreResaDesistValidees\": filtreResaDesistValidees,\r\n \"nbreEnreg\": facteurNbreEnregistrement,\r\n \"pageIndex\": pageIndex\r\n };\r\n\r\n /* YD : 20230224 : first step implement RegionMetier dans Indicateur */\r\n var url = \"api/v2/Liste/ListeDesINDICATEURSValidation\";\r\n var paramPost = Scriba.fetch().createParameterPost(objet);\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n\r\n static _chargementIndicateur(idIndicateur) {\r\n let objet = {\r\n \"idIndicateur\": idIndicateur\r\n };\r\n\r\n var url = \"api/Get/GetIndicateur\";\r\n var paramPost = Scriba.fetch().createParameterPost(objet);\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n\r\n static _onEnregistrementIndicateur(indicateur, type) {\r\n let objet = {\r\n \"indicateur\": indicateur,\r\n \"type\": type\r\n };\r\n\r\n var url = \"api/MAJDonnees/EnregistrementIndicateur\";\r\n var paramPost = Scriba.fetch().createParameterPost(objet);\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n\r\n static _onEnregistrementIndicateurClotureRegionale() {\r\n\r\n var url = \"api/MAJDonnees/EnregistrementIndicateurClotureRegionale\";\r\n var paramPost = Scriba.fetch().createParameterPost({});\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n static _onEnregistrementIndicateurClotureNationale() {\r\n\r\n var url = \"api/MAJDonnees/EnregistrementIndicateurClotureNationale\";\r\n var paramPost = Scriba.fetch().createParameterPost({});\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n static _onEnregistrementIndicateurDeclotureRegionale() {\r\n\r\n var url = \"api/MAJDonnees/EnregistrementIndicateurDeclotureRegionale\";\r\n var paramPost = Scriba.fetch().createParameterPost({});\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n static _onEnregistrementRecalculIndicateurs() {\r\n\r\n var url = \"api/MAJDonnees/EnregistrementRecalculIndicateurs\";\r\n var paramPost = Scriba.fetch().createParameterPost({});\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n static _onEnregistrementOuverturePeriode(dateOuverturePeriode) {\r\n let objet = {\r\n \"dateOuverturePeriode\": dateOuverturePeriode\r\n };\r\n\r\n var url = \"api/MAJDonnees/EnregistrementOuverturePeriode\";\r\n var paramPost = Scriba.fetch().createParameterPost(objet);\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n\r\n\r\n static _onEnregistrementValidationOuAnnulationCG(reservations, onValide) {\r\n let objet = {\r\n \"reservations\": reservations,\r\n \"onValide\": onValide\r\n };\r\n\r\n var url = \"api/MAJDonnees/EnregistrementValidationOuAnnulationCG\";\r\n var paramPost = Scriba.fetch().createParameterPost(objet);\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n\r\n /* YD : 20230407 : 2240 */\r\n static _chargementListeDesIndicateursEnDecalage() {\r\n var url = \"api/v2/Liste/ListeDesINDICATEURSEnDecalage\";\r\n var paramPost = Scriba.fetch().createParameterPost();\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n\r\n /* 20230516 : YD : 2349 : rien à voir avec ce ticket mais j'en profite pour implémenter l'affichage ou pas des onglets du CG si periode est ouverte ou pas */\r\n static _chargementPeriodeOuvertureEnCours() {\r\n let objet = {\r\n };\r\n\r\n var url = \"api/Get/GetPeriodeOuvertureEnCours\";\r\n var paramPost = Scriba.fetch().createParameterPost(objet);\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n\r\n}\r\n","import React, { Component } from 'react';\r\nimport { Modal } from 'office-ui-fabric-react/lib/Modal';\r\nimport { DefaultButton } from 'office-ui-fabric-react/lib/Button';\r\nimport { Icon } from 'office-ui-fabric-react/lib/Icon';\r\nimport { mergeStyleSets } from 'office-ui-fabric-react';\r\n\r\nimport { DataIndicateur } from '../../data/DataIndicateur.jsx';\r\n\r\nimport { Immocom } from '../../specifique/immocom';\r\n\r\n//#region CSS\r\nconst classNames = mergeStyleSets({\r\n modalContainer: {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n maxHeight: '60vh',\r\n maxWidth: '500px',\r\n width: '60vw'\r\n },\r\n modalHeader: {\r\n background: '#fd0400',\r\n color: 'white',\r\n padding: '8px 28px 0'\r\n },\r\n modalBody: {\r\n flex: '2 2',\r\n overflowY: 'auto',\r\n padding: '5px 28px'\r\n },\r\n modalFooter: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n padding: '15px 28px',\r\n }\r\n});\r\n//#endregion\r\n\r\nexport class ModalIndicateur extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n onAfficheModalIndicateur: false,\r\n compteurModifie: \"\" \r\n }\r\n };\r\n\r\n componentDidMount = () => {\r\n let chargementIndicateurEnDecalage = DataIndicateur._chargementListeDesIndicateursEnDecalage();\r\n\r\n chargementIndicateurEnDecalage\r\n .then(responseFetch => {\r\n let retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responseFetch, this);\r\n\r\n if (retourVerif === null) {\r\n const objetData = responseFetch.reponseAPIobjet;\r\n\r\n if (objetData && objetData.length > 0) {\r\n var compteurModifie = \"\";\r\n objetData.forEach(o => {\r\n if (o.provenance == 'Indicateurs')\r\n compteurModifie += (compteurModifie != '' ? ' - ' : '') + o.compteur\r\n });\r\n if (compteurModifie != \"\") {\r\n this.setState({\r\n onAfficheModalIndicateur: true,\r\n compteurModifie: compteurModifie\r\n });\r\n }\r\n }\r\n }\r\n });\r\n };\r\n\r\n render = () => {\r\n return \r\n
\r\n Contrôle Indicateurs
\r\n\r\n
\r\n \r\n this.setState({ onAfficheModalIndicateur: false })} text=\"Fermer\" />\r\n
\r\n \r\n };\r\n}","import React, { Fragment, Component } from 'react';\r\nimport { Stack } from 'office-ui-fabric-react/lib/Stack';\r\n\r\nimport { ModalNews } from './Modal/ModalNews';\r\nimport { ModalConsole } from './Modal/ModalConsole';\r\nimport { CarouselOperation } from './Carousel/CarouselOperation';\r\nimport { ModalAlarmes } from './Modal/ModalAlarmes';\r\nimport { ModalIndicateur } from './Modal/ModalIndicateur';/* YD : 20230407 : 2240 */\r\n\r\nimport logoEiffage from '../images/logo-eiffage-immobilier.png';\r\nimport fondPied from '../images/fond-Pied.png';\r\n\r\nimport './Home.css';\r\nimport '../css/immocom.css';\r\n\r\nexport class Home extends Component {\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}","import { DefaultButton, PrimaryButton, SelectionMode } from '@fluentui/react';\r\nimport React, { Fragment, useCallback, useEffect, useMemo, useRef, useState } from 'react';\r\nimport { NotificationsTarget, useNotificationsManager } from '../../contexts/notificationContext';\r\nimport { DataSociete } from '../../data/DataSociete';\r\nimport { DataSocieteAPI } from '../../data/DataSocieteAPI';\r\nimport { DataSocieteNotificationPush } from '../../data/DataSocieteNotificationPush';\r\nimport { Immocom } from '../../specifique/immocom';\r\nimport { EUIDetailsList } from '../EUI/EUIDetailsList';\r\nimport { EUIDialog } from '../EUI/EUIDialog';\r\nimport EUIIconButton from '../EUI/EUIIconButton';\r\nimport { PickerSociete } from '../Picker/PickerSociete';\r\n\r\nconst defaultFilters = {\r\n afficherParametresDontPresenceEstObligatoire: true,\r\n afficherParametresDontValeurEstObligatoire: true\r\n};\r\n\r\nconst DetailsListSociete = (props) => {\r\n\r\n // CONTEXTS\r\n const { dismiss, extract, load } = useNotificationsManager();\r\n\r\n // PROPS\r\n const {\r\n idAPI = undefined,\r\n idNotificationPush = undefined,\r\n } = props;\r\n\r\n // STATES\r\n const [_activeItems, _setActiveItems] = useState([]);\r\n const [_filtres, _setFiltres] = useState(() => {\r\n let filtres = { ...defaultFilters };\r\n if (idAPI) filtres.idAPI = idAPI;\r\n if (idNotificationPush) filtres.idNotificationPush = idNotificationPush;\r\n return filtres;\r\n });\r\n const [_isSortedDescending, _setIsSortedDescending] = useState(false);\r\n const [_items, _setItems] = useState([]);\r\n const [_sortedColumn, _setSortedColumn] = useState(\"nom\");\r\n\r\n const [_afficherDialogAbonnement, _setAfficherDialogAbonnement] = useState(false);\r\n const [_afficherDialogDesabonnement, _setAfficherDialogDesabonnement] = useState(false);\r\n const [_afficherDialogDesinscription, _setAfficherDialogDesinscription] = useState(false);\r\n const [_afficherDialogInscription, _setAfficherDialogInscription] = useState(false);\r\n const [_afficherPanelSociete, _setAfficherPanelSociete] = useState(false);\r\n const [_idSociete, _setIdSociete] = useState();\r\n\r\n // REFS\r\n const _isMounted = useRef(false); // Utilisé pour bloquer certains useEffect au premier render\r\n\r\n // MEMOS\r\n const _activeItem = useMemo(() => {\r\n if (Array.isArray(_activeItems) && _activeItems.length === 1) return _activeItems[0];\r\n else return {};\r\n }, [_activeItems]);\r\n\r\n // METHODS\r\n const _chargementDonnees = useCallback(() => {\r\n const id = load(\"Chargement des sociétés en cours...\");\r\n DataSociete._chargementSocietes(_filtres, _sortedColumn, _isSortedDescending).then(response => {\r\n const onSuccess = () => {\r\n const listSociete = response.reponseAPIobjet || [];\r\n _setItems(listSociete);\r\n };\r\n const onError = (result) => extract(result, NotificationsTarget.main);\r\n Immocom.checkFetchResponse(response, onSuccess, onError);\r\n dismiss(id);\r\n });\r\n }, [_filtres, _isSortedDescending, _sortedColumn]);\r\n\r\n const _onColumnHeaderClick = useCallback((sortedColumn, isSortedDescending) => {\r\n _setSortedColumn(sortedColumn);\r\n _setIsSortedDescending(isSortedDescending);\r\n }, []);\r\n\r\n const _onSearch = useCallback((keyword) => {\r\n _setFiltres(prev => ({ ...prev, recherche: keyword }));\r\n }, []);\r\n\r\n const _abonnerSociete = useCallback(() => {\r\n const id = load(\"Abonnement en cours...\");\r\n DataSocieteNotificationPush._onEnregistrementSocieteNotificationPush({ idSociete: _idSociete, idNotificationPush }).then(response => {\r\n const onSuccess = _chargementDonnees;\r\n const onError = (result) => extract(result, NotificationsTarget.main);\r\n Immocom.checkFetchResponse(response, onSuccess, onError);\r\n dismiss(id);\r\n });\r\n }, [_idSociete, idNotificationPush]);\r\n\r\n const _desabonnerSociete = useCallback(() => {\r\n const id = load(\"Désabonnement en cours...\");\r\n const { idSociete } = _activeItem;\r\n DataSocieteNotificationPush._onSuppressionSocieteNotificationPush(idSociete, idNotificationPush).then(response => {\r\n const onSuccess = _chargementDonnees;\r\n const onError = (result) => extract(result, NotificationsTarget.main);\r\n Immocom.checkFetchResponse(response, onSuccess, onError);\r\n dismiss(id);\r\n });\r\n }, [_activeItem, idNotificationPush]);\r\n\r\n const _inscrireSociete = useCallback(() => {\r\n const id = load(\"Inscription en cours...\");\r\n DataSocieteAPI._onEnregistrementSocieteAPI({ idSociete: _idSociete, idAPI }).then(response => {\r\n const onSuccess = _chargementDonnees;\r\n const onError = (result) => extract(result, NotificationsTarget.main);\r\n Immocom.checkFetchResponse(response, onSuccess, onError);\r\n dismiss(id);\r\n });\r\n }, [_idSociete, idAPI]);\r\n\r\n const _desinscrireSociete = useCallback(() => {\r\n const id = load(\"Désinscription en cours...\");\r\n const { idSociete } = _activeItem;\r\n DataSocieteAPI._onSuppressionSocieteAPI(idSociete, idAPI).then(response => {\r\n const onSuccess = _chargementDonnees;\r\n const onError = (result) => extract(result, NotificationsTarget.main);\r\n Immocom.checkFetchResponse(response, onSuccess, onError);\r\n dismiss(id);\r\n });\r\n }, [_activeItem, idAPI]);\r\n\r\n const _toggleUI = useCallback((nomUi, isOpen, items, callback) => () => {\r\n switch (nomUi) {\r\n case \"DialogAbonnement\": _setAfficherDialogAbonnement(isOpen); break;\r\n case \"DialogDesabonnement\": _setAfficherDialogDesabonnement(isOpen); break;\r\n case \"DialogDesinscription\": _setAfficherDialogDesinscription(isOpen); break;\r\n case \"DialogInscription\": _setAfficherDialogInscription(isOpen); break;\r\n default: break;\r\n }\r\n if (nomUi === \"DialogAbonnement\" || nomUi === \"DialogInscription\") _setIdSociete(undefined);\r\n if (!!items) _setActiveItems(items);\r\n if (!!callback) callback();\r\n }, []);\r\n\r\n // EFFECTS (ComponentDidUpdate)\r\n // Réinitialiser pageIndex et activeItems lorsque les filtres ou le tri changent\r\n useEffect(() => {\r\n if (_isMounted.current)\r\n _chargementDonnees();\r\n }, [_filtres, _isMounted, _isSortedDescending, _sortedColumn]);\r\n\r\n // EFFECTS (ComponentDidMount)\r\n useEffect(() => {\r\n _chargementDonnees();\r\n _isMounted.current = true;\r\n }, []);\r\n\r\n // UI\r\n const _columns = useMemo(\r\n () => {\r\n\r\n let columns = [\r\n { key: \"nom\", name: \"Société\" },\r\n { key: \"urlPush\", name: \"URL\" },\r\n { key: \"endpointPush\", name: \"Endpoint\" },\r\n { key: \"login\", name: \"Login\" }\r\n ];\r\n\r\n if (!!idAPI) columns.push({\r\n isIconOnly: true,\r\n key: \"desinscrire\",\r\n name: \"Désinscrire cette société\",\r\n onRender: (item) => \r\n {afficheEditButton && (\r\n
\r\n { title && (\r\n
\r\n )}\r\n {title}
)} \r\n {children}\r\n \r\n {afficheSeparationPiedDeBloc && (
)}\r\n
\r\n Aucune opération sélectionnée
;\r\n if (!idReservation) return Aucune réservation sélectionnée
;\r\n\r\n let checkboxes = \"); // 09/12/2021 : en attendant validation composant WYSIWYG\r\n\r\n let method = null;\r\n if (!!emails && emails.length > 0)\r\n method = () => Data._envoyerEmail(emailsSelectionnes, emailsCcSelectionnes, emailsCciSelectionnes, sujet, corps, from);\r\n else if (!!idsTickets && idsTickets.length > 0)\r\n method = () => Data._envoyerEmailAuxCompteEtMAJDesTickets(loginsComptesSelectionnes, sujet, corps);\r\n\r\n if (!!method) method().then(responseFetch => {\r\n let retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responseFetch, this);\r\n if (retourVerif === null) {\r\n let destinataires = [];\r\n if (!!emails && emails.length > 0) {\r\n destinataires = emailsSelectionnes\r\n .concat(emailsCcSelectionnes)\r\n .concat(emailsCciSelectionnes);\r\n }\r\n Immocom.onReinitStateValeurParDefautEtExecutionDuSetStateEtExecutionCallBack(this, {}, () => onSend(destinataires));\r\n }\r\n else\r\n Immocom.onTraitementErreurAvecState(this, {}, retourVerif, responseFetch);\r\n });\r\n }\r\n\r\n _chargementDonnees = () => {\r\n\r\n this.setState({\r\n enCoursDeTraitement: true,\r\n messageEnCoursTraitement: \"Chargement des données\",\r\n });\r\n\r\n const { idsTickets } = this.props;\r\n DataTicket._chargementLoginCompteDesTickets(idsTickets).then(responseFetch => {\r\n let retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responseFetch, this);\r\n if (retourVerif === null) {\r\n const objetData = responseFetch.reponseAPIobjet;\r\n const loginsComptesSelectionnes = objetData.map(data => {\r\n const [idTicket, loginCompte] = data.split(';#');\r\n return {\r\n key: idTicket,\r\n name: `${loginCompte} (ticket #${idTicket})`\r\n };\r\n });\r\n Immocom.onReinitStateValeurParDefautEtExecutionDuSetState(this, { loginsComptesSelectionnes });\r\n }\r\n else {\r\n Immocom.onTraitementErreurAvecState(this, { loginsComptesSelectionnes: [] }, retourVerif, responseFetch);\r\n }\r\n });\r\n\r\n }\r\n\r\n _onFilterChanged = (filterText, tagList) => {\r\n let loginsComptesSelectionnes = [];\r\n\r\n if (!!filterText) {\r\n loginsComptesSelectionnes = this.state.loginsComptesSelectionnes\r\n .filter(tag => tag.name.toLowerCase().indexOf(filterText.toLowerCase()) === 0)\r\n .filter(tag => !this._listContainsDocument(tag, tagList));\r\n }\r\n\r\n this.setState({ loginsComptesSelectionnes });\r\n };\r\n\r\n _listContainsDocument(tag, tagList) {\r\n if (!tagList || !tagList.length || tagList.length === 0) {\r\n return false;\r\n }\r\n\r\n return tagList.filter(compareTag => compareTag.key === tag.key).length > 0;\r\n }\r\n\r\n _onChangeTagPicker = (items) => {\r\n if (!!items && items.length >= 1) {\r\n const loginsComptesSelectionnes = items.map(email => ({ key: email, name: email }));\r\n this.setState({ loginsComptesSelectionnes });\r\n }\r\n }\r\n\r\n _onRenderFooterContent = () => {\r\n const { onActiveBoutonEnregistrer } = this.state;\r\n return
\r\n {columns.map((col, index) =>
;\r\n\r\n };\r\n\r\n _telechargerDocument = () => {\r\n this.setState({\r\n enCoursDeTraitement: true,\r\n messageEnCoursTraitement: \"Téléchargement du courrier...\"\r\n });\r\n\r\n DataDocument._onTelechargementDocument(this.state.demande.rowGUID).then(responseFetch => {\r\n const retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responseFetch, this);\r\n if (retourVerif === null) {\r\n const objetData = responseFetch.reponseAPIobjet;\r\n const document = Scriba.fichier().Base64VersByteArray(objetData.fileData);\r\n Immocom.onReinitStateValeurParDefautEtExecutionDuSetState(this, {}, true);\r\n return Scriba.fichier().EnregisterSous(document, objetData.nom);\r\n }\r\n else {\r\n Immocom.onTraitementErreurAvecState(this, {}, retourVerif, responseFetch);\r\n }\r\n });\r\n };\r\n\r\n _updateDemande = (values, callback) => {\r\n const demande = { ...this.state.demande, ...values };\r\n this.setState(\r\n { demande },\r\n () => {\r\n this._onVerificationFormulaire();\r\n if (!!callback) callback();\r\n }\r\n );\r\n };\r\n\r\n _onChangeSociete = (value) => {\r\n this.setState({\r\n destinataires: [],\r\n emailsSelectionnes: [],\r\n idSocieteSelectionne: value,\r\n onActiveBoutonEnregistrer: false,\r\n });\r\n }\r\n\r\n componentDidMount = () => {\r\n // KP - 17/03/2022 - 1891 - Dans la ComboBox Opérationnels charger tous les mandats opérationnels (hors Commercialisateurs et hors WebServices)\r\n // _chargementTypeMandat(0) charge les TypeMandats autres que Commercialisateur et WebServices\r\n DataTypeMandat._chargementTypeMandat(0).then(responseFetch => {\r\n const retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responseFetch, this);\r\n if (retourVerif === null) {\r\n const typesMandats = responseFetch.reponseAPIobjet;\r\n const idsTypesMandatsOperationnels = typesMandats.map(typeMandat => typeMandat.idTypeMandat);\r\n FicheDemande.defaultState.idsTypesMandatsOperationnels = idsTypesMandatsOperationnels;\r\n this.setState({ idsTypesMandatsOperationnels });\r\n }\r\n else Immocom.onTraitementErreurAvecState(this, {}, retourVerif, responseFetch);\r\n });\r\n };\r\n\r\n render = () => {\r\n const { isOpen, onDismiss } = this.props;\r\n const { afficherPanelEnvoiEmail, sujet, typeDestinataireSelectionne, documentSelectionne, destinataires, emailsSelectionnes, from } = this.state;\r\n const { idOperation, idReservation, idTypeTransmission, dateDemande, idDemandeStandard, emails, demande, dateReponse, reponse, creerLe, creerPar, modifierLe, modifierPar } = this.state.demande;\r\n const estFicheOuverteEnModeCreation = this._estFicheOuverteEnModeCreation();\r\n const estFicheOuverteEnModeModification = this._estFicheOuverteEnModeModification();\r\n const estPublipostageDejaEffectue = this._estPublipostageDejaEffectue();\r\n const estFicheOuverteDepuisOperation = !!this.props.idOperation;\r\n const estFicheOuverteDepuisReservation = !!this.props.idReservation;\r\n const aujourdhui = new Date(Date.now());\r\n\r\n const getSousCategorieDocument = () => {\r\n switch (typeDestinataireSelectionne) {\r\n case \"client\": return \"Vers client\";\r\n case \"commercialisateur\": return \"Vers commercialisateur\";\r\n case \"intervenantExtPersonne\": return \"Vers intervenant ext. (personne)\";\r\n case \"intervenantExtSociete\": return \"Vers intervenant ext. (société)\";\r\n case \"operationnel\": return \"Vers opérationnel\";\r\n default: return undefined;\r\n };\r\n };\r\n\r\n return {col}
)}\r\n \r\n
\r\n\r\n {this._renderFormulaireDestinataire()}\r\n\r\n
\r\n
\r\n
\r\n\r\n {!estFicheOuverteEnModeCreation &&\r\n \r\n\r\n
\r\n \r\n {\r\n const idOperation = option.key;\r\n if (!!idOperation) this.setState({ idSocieteSelectionne: 0 });\r\n this._updateDemande({ idOperation, idReservation: 0 });\r\n }}\r\n perimetre=\"eiffage\"\r\n selectedKey={idOperation}\r\n />\r\n
\r\n\r\n \r\n {\r\n let state = { emailsSelectionnes: [] };\r\n if (!typeDestinataireSelectionne) state.typeDestinataireSelectionne = \"client\";\r\n else if (destinataires.length === 0); var callback = this._chargementCommercialisateur;\r\n this.setState(state);\r\n this._updateDemande({ idReservation: option.key }, callback);\r\n }}\r\n selectedKey={idReservation}\r\n />\r\n
\r\n\r\n \r\n\r\n
\r\n \r\n { this._updateDemande({ idTypeTransmission: option.key }); }}\r\n required\r\n selectedKey={idTypeTransmission}\r\n />\r\n
\r\n\r\n {idTypeTransmission === IDS_TYPE_TRANSMISSION.COURRIER && !estPublipostageDejaEffectue &&\r\n \r\n { this.setState({ documentSelectionne: option.key }); }}\r\n placeholder=\"Modèle de courrier\"\r\n selectedKey={documentSelectionne}\r\n sousCategorie={getSousCategorieDocument()}\r\n type={TYPES_DOCUMENT.OPERATION}\r\n />\r\n
\r\n }\r\n\r\n {idTypeTransmission === IDS_TYPE_TRANSMISSION.COURRIER && estPublipostageDejaEffectue &&\r\n \r\n \r\n
\r\n }\r\n\r\n {idTypeTransmission === IDS_TYPE_TRANSMISSION.EMAIL &&\r\n \r\n
\r\n }\r\n\r\n \r\n\r\n {this._renderFormulaireDestinataire()}\r\n\r\n
\r\n
\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n {\r\n this._updateDemande({ idDemandeStandard: option.key, demande: item.demandeStandard });\r\n this.setState({ sujet: item.titre });\r\n }}\r\n onLoad={(item) => this.setState({ sujet: item.titre })} // Utilisé dans le cadre de la duplication d'une demande\r\n required\r\n selectedKey={idDemandeStandard}\r\n />\r\n
\r\n\r\n \r\n\r\n
\r\n \r\n { this._updateDemande({ demande: newValue }); }}\r\n readOnly={estFicheOuverteEnModeModification}\r\n rows={5}\r\n value={demande}\r\n />\r\n
\r\n\r\n \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._updateDemande({ reponse: newValue }); }}\r\n value={reponse}\r\n />\r\n
\r\n\r\n \r\n {!!creerLe && !!creerPar &&
\r\n }\r\n\r\n Créée le {Scriba.date().stringDateFormatCourt(creerLe)} par {creerPar}
}\r\n {!!modifierLe && !!modifierPar && Modifiée le {Scriba.date().stringDateFormatCourt(modifierLe)} par {modifierPar}
}\r\n \r\n
\r\n\r\n {!estFicheOuverteEnModeCreation &&\r\n \r\n\r\n
\r\n \r\n { this._updateRelance({ idTypeTransmission: option.key }); }}\r\n required\r\n selectedKey={idTypeTransmission}\r\n />\r\n
\r\n\r\n {idTypeTransmission === IDS_TYPE_TRANSMISSION.COURRIER && !estPublipostageDejaEffectue &&\r\n \r\n { this.setState({ documentSelectionne: option.key }); }}\r\n placeholder=\"Modèle de courrier\"\r\n selectedKey={documentSelectionne}\r\n sousCategorie={getSousCategorieDocument()}\r\n type={TYPES_DOCUMENT.OPERATION}\r\n />\r\n
\r\n }\r\n\r\n {idTypeTransmission === IDS_TYPE_TRANSMISSION.COURRIER && estPublipostageDejaEffectue &&\r\n \r\n \r\n
\r\n }\r\n\r\n {idTypeTransmission === IDS_TYPE_TRANSMISSION.EMAIL &&\r\n \r\n
\r\n }\r\n\r\n \r\n\r\n
\r\n \r\n this._updateRelance({ dateRelance: Scriba.date().getChaineISOFromDate(date, true) }, this._onVerificationFormulaire)}\r\n isRequired\r\n maxDate={aujourdhui}\r\n value={dateRelance}\r\n />\r\n
\r\n\r\n \r\n\r\n
\r\n \r\n this._updateRelance({ relance: newValue }, this._onVerificationFormulaire)}\r\n readOnly={estFicheOuverteEnModeConsultation}\r\n rows={15}\r\n value={relance}\r\n />\r\n
\r\n\r\n \r\n {!!creerLe && !!creerPar &&
\r\n }\r\n\r\n Créée le {Scriba.date().stringDateFormatCourt(creerLe)} par {creerPar}
}\r\n {!!modifierLe && !!modifierPar && Modifiée le {Scriba.date().stringDateFormatCourt(modifierLe)} par {modifierPar}
}\r\n {message}
\r\n \r\n\r\n
;\r\n }\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = objetState;\r\n }\r\n\r\n _onInit = () => {\r\n this.setState(objetState);\r\n }\r\n\r\n _chargementDonnees = () => {\r\n this.setState({\r\n enCoursDeTraitement: true,\r\n messageEnCoursTraitement: 'Chargement du calendrier de la réservation'\r\n });\r\n\r\n var ficheReservation_Simple = DataReservation._ficheReservation_Simple(this.props.idOperation, this.props.idReservation);\r\n\r\n ficheReservation_Simple\r\n .then(responseFetch => {\r\n let retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responseFetch, this);\r\n\r\n if (retourVerif === null) {\r\n let objetData = responseFetch.reponseAPIobjet;\r\n let stateTemp = {};\r\n stateTemp.reservation = {};\r\n\r\n if (objetData !== null) {\r\n // Modification\r\n stateTemp.titrePanelCalendrierReservation = 'Modifier les dates de la réservation';\r\n\r\n stateTemp.reservation = objetData[0];\r\n stateTemp.activationSignatureClient = objetData[3];\r\n stateTemp.activationSignatureEiffage = objetData[5];\r\n stateTemp.activationSignatureActe = objetData[6];\r\n }\r\n\r\n //YD : 19/08/2020\r\n if (stateTemp.reservation.dateReservation === undefined) {\r\n stateTemp.reservation.dateReservation = new Date();\r\n\r\n if (this.props.onAffichageSansPanel) {\r\n this.props.onChange(\"dateReservation\", stateTemp.reservation.dateReservation);\r\n }\r\n }\r\n\r\n Immocom.onReinitStateValeurParDefautEtExecutionDuSetState(this, stateTemp, true, this._onVerificationFormulaire);\r\n }\r\n else {\r\n Immocom.onTraitementErreurAvecState(this, { ...this.state }, retourVerif, responseFetch);\r\n }\r\n });\r\n }\r\n\r\n _onEnregistrement = () => {\r\n this.setState({\r\n enCoursDeTraitement: true,\r\n messageEnCoursTraitement: 'Enregistrement du calendrier en cours'\r\n });\r\n\r\n let miseAJourReservation = DataReservation._miseAJourReservation(this.props.idOperation, this.props.idReservation, this.state.reservation);\r\n\r\n miseAJourReservation\r\n .then(responseFetch => {\r\n let retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responseFetch, this);\r\n\r\n if (retourVerif === null) {\r\n let objetData = responseFetch.reponseAPIobjet;\r\n\r\n Immocom.onReinitStateValeurParDefautEtExecutionDuSetState(this, { ...this.state });\r\n\r\n this.props.onEnregistrementFiche(objetData);\r\n }\r\n else {\r\n Immocom.onTraitementErreurAvecState(this, { ...this.state }, retourVerif, responseFetch);\r\n }\r\n });\r\n }\r\n\r\n _onOpen = () => {\r\n if (!this.state.enCoursDeTraitement)\r\n this._chargementDonnees();\r\n }\r\n\r\n _onAnnulation = () => {\r\n this._onInit();\r\n this.props.onAnnuleFiche();\r\n }\r\n\r\n _onVerificationFormulaire = () => {\r\n Immocom.fiche()._validationFormulaire(this, 'CalendrierReservation', this.state.reservation, (this.state.reservation.idReservation > 0 ? 'Modification' : 'Création'));\r\n }\r\n\r\n _onRenderFooterContent = () => {\r\n return \r\n \r\n
\r\n\r\n Date prévisionnelle
\r\n Date réelle
\r\n Date retour AR
\r\n \r\n
\r\n\r\n Date de réservation
\r\n \r\n \r\n this._onMiseAJourChamp(\"reservation\", \"dateReservation\", Scriba.date().getChaineISOFromDate(e))}\r\n placeholder=\"Date réelle\"\r\n value={this.state.reservation.dateReservation}\r\n />\r\n
\r\n \r\n \r\n
\r\n\r\n Date de réception du contrat de réservation
\r\n \r\n \r\n this._onMiseAJourChamp(\"reservation\", \"dateReceptionContratReservation\", Scriba.date().getChaineISOFromDate(e))}\r\n placeholder=\"Date réelle\"\r\n value={this.state.reservation.dateReceptionContratReservation}\r\n />\r\n
\r\n \r\n \r\n
\r\n\r\n Date de signature client {(estSigneElectroniqueClient ? '(électronique)' : null)}
\r\n \r\n \r\n this._onMiseAJourChamp(\"reservation\", \"dateDeSignatureManuelle\", null)}\r\n onSelectDate={e => this._onMiseAJourChamp(\"reservation\", \"dateDeSignatureManuelle\", Scriba.date().getChaineISOFromDate(e))}\r\n placeholder=\"Date réelle\"\r\n value={estSigneElectroniqueClient ? this.state.reservation.dateSignatureElectronique : this.state.reservation.dateDeSignatureManuelle}\r\n />\r\n
\r\n \r\n \r\n
\r\n\r\n Date de signature Eiffage {(estSigneElectroniqueEiffage ? '(électronique)' : null)}
\r\n \r\n \r\n this._onMiseAJourChamp(\"reservation\", \"dateDeSignatureEiffageManuelle\", null)}\r\n onSelectDate={e => this._onMiseAJourChamp(\"reservation\", \"dateDeSignatureEiffageManuelle\", Scriba.date().getChaineISOFromDate(e))}\r\n placeholder=\"Date réelle\"\r\n value={estSigneElectroniqueEiffage ? this.state.reservation.dateSignatureEiffageElectronique : this.state.reservation.dateDeSignatureEiffageManuelle}\r\n />\r\n
\r\n \r\n \r\n
\r\n\r\n Date de notification promoteur
\r\n \r\n \r\n this._onMiseAJourChamp(\"reservation\", \"dateNotificationPromoteur\", Scriba.date().getChaineISOFromDate(e))}\r\n value={this.state.reservation.dateNotificationPromoteur}\r\n />\r\n
\r\n \r\n this._onMiseAJourChamp(\"reservation\", \"dateNotificationPromoteurRetourAR\", Scriba.date().getChaineISOFromDate(e))}\r\n value={this.state.reservation.dateNotificationPromoteurRetourAR}\r\n />\r\n
\r\n \r\n
\r\n\r\n Date d'envoi du contrat au notaire
\r\n \r\n \r\n this._onMiseAJourChamp(\"reservation\", \"dateEnvoiContratNotaire\", Scriba.date().getChaineISOFromDate(e))}\r\n value={this.state.reservation.dateEnvoiContratNotaire}\r\n />\r\n
\r\n \r\n \r\n
\r\n\r\n Date d'acceptation de l'offre de prêt
\r\n \r\n this._onMiseAJourChamp(\"reservation\", \"dateAcceptationPretPrevisionnelle\", Scriba.date().getChaineISOFromDate(e))}\r\n value={this.state.reservation.dateAcceptationPretPrevisionnelle}\r\n />\r\n
\r\n \r\n this._onMiseAJourChamp(\"reservation\", \"dateAcceptationPret\", Scriba.date().getChaineISOFromDate(e))}\r\n value={this.state.reservation.dateAcceptationPret}\r\n />\r\n
\r\n \r\n \r\n
\r\n\r\n Date de notification notaire
\r\n \r\n \r\n this._onMiseAJourChamp(\"reservation\", \"dateNotificationNotaire\", Scriba.date().getChaineISOFromDate(e))}\r\n value={this.state.reservation.dateNotificationNotaire}\r\n />\r\n
\r\n \r\n this._onMiseAJourChamp(\"reservation\", \"dateNotificationNotaireRetourAR\", Scriba.date().getChaineISOFromDate(e))}\r\n value={this.state.reservation.dateNotificationNotaireRetourAR}\r\n />\r\n
\r\n \r\n
\r\n\r\n Date de signature de l'acte
\r\n \r\n this._onMiseAJourChamp(\"reservation\", \"dateSignatureActePrevisionnelle\", Scriba.date().getChaineISOFromDate(e))}\r\n value={this.state.reservation.dateSignatureActePrevisionnelle}\r\n />\r\n
\r\n \r\n this._onMiseAJourChampPourEnableChampEiffage(\"reservation\", \"dateSignatureActe\", null)}\r\n onSelectDate={e => this._onMiseAJourChampPourDisableChampEiffage(\"reservation\", \"dateSignatureActe\", Scriba.date().getChaineISOFromDate(e))}\r\n placeholder=\"Date réelle\"\r\n value={this.state.reservation.dateSignatureActe}\r\n />\r\n
\r\n \r\n \r\n
\r\n\r\n Date de livraison
\r\n \r\n this._onMiseAJourChamp(\"reservation\", \"dateLivraisonPrevisionnelle\", Scriba.date().getChaineISOFromDate(e))}\r\n value={this.state.reservation.dateLivraisonPrevisionnelle}\r\n />\r\n
\r\n \r\n this._onMiseAJourChamp(\"reservation\", \"dateLivraison\", Scriba.date().getChaineISOFromDate(e))}\r\n value={this.state.reservation.dateLivraison}\r\n />\r\n
\r\n \r\n \r\n
\r\n\r\n Date de quitus
\r\n \r\n this._onMiseAJourChamp(\"reservation\", \"dateQuitusPrevisionnelle\", Scriba.date().getChaineISOFromDate(e))}\r\n value={this.state.reservation.dateQuitusPrevisionnelle}\r\n />\r\n
\r\n \r\n this._onMiseAJourChamp(\"reservation\", \"dateQuitusReelle\", Scriba.date().getChaineISOFromDate(e))}\r\n value={this.state.reservation.dateQuitusReelle}\r\n />\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n Veuillez renseigner les dates connues. Cet écran est accessible depuis le dossier client à tout moment pour que vous puissiez apporter les compléments d'information nécessaires.
\r\n \r\n this._onEnregistrement()} className=\"marginRight8px\" disabled={!this.state.onActiveBoutonEnregistrer}>Enregistrer \r\n this._onAnnulation()}>Annuler \r\n
;\r\n };\r\n\r\n _onMiseAJourChamp = (nomObjet, nomPropriete, valeur) => {\r\n Scriba.state().setObjetPropriete(this, nomObjet, nomPropriete, valeur, this._onVerificationFormulaire);\r\n\r\n if (this.props.onAffichageSansPanel) {\r\n this.props.onChange(nomPropriete, valeur);\r\n }\r\n }\r\n\r\n _onMiseAJourChampPourDisableChampEiffage = (nomObjet, nomPropriete, valeur) => {\r\n Scriba.state().setObjetPropriete(this, nomObjet, nomPropriete, valeur, this._onVerificationFormulaire);\r\n this.setState({\r\n signatureActeSelectionnee: true\r\n });\r\n\r\n if (this.props.onAffichageSansPanel) {\r\n this.props.onChange(nomPropriete, valeur);\r\n }\r\n }\r\n\r\n _onMiseAJourChampPourEnableChampEiffage = (nomObjet, nomPropriete, valeur) => {\r\n Scriba.state().setObjetPropriete(this, nomObjet, nomPropriete, valeur, this._onVerificationFormulaire);\r\n this.setState({\r\n signatureActeSelectionnee: false\r\n });\r\n\r\n if (this.props.onAffichageSansPanel) {\r\n this.props.onChange(nomPropriete, valeur);\r\n }\r\n }\r\n\r\n componentDidMount = () => {\r\n\r\n //YD : 19/08/2020\r\n if (this.props.onAffichageSansPanel) {\r\n this._chargementDonnees();\r\n }\r\n\r\n //YD : 19/08/2020\r\n //if (this.state.reservation.dateReservation === undefined) {\r\n // this._onMiseAJourChamp('reservation', 'dateReservation', new Date());\r\n //}\r\n }\r\n\r\n render = () => {\r\n let content = this._creationContent();\r\n\r\n if (this.props.onAffichageSansPanel) {\r\n return content;\r\n }\r\n else {\r\n return \r\n
\r\n ;\r\n }\r\n }\r\n}","import Scriba from '@devnet/react-scriba';\r\n\r\nexport class DataChecklistItem_Reservation {\r\n\r\n static _chargementChecklistItems_Reservation = (idOperation, idReservation) => {\r\n const objet = { idOperation, idReservation };\r\n const url = \"api/Liste/ListeDesChecklistItems_Reservation\";\r\n const paramPost = Scriba.fetch().createParameterPost(objet);\r\n return fetch(url, paramPost).then(response => response.json());\r\n };\r\n\r\n static _onEnregistrementChecklistItem_Reservation = (checklistItem) => {\r\n const url = \"api/MAJDonnees/EnregistrementChecklistItem_Reservation\";\r\n const paramPost = Scriba.fetch().createParameterPost(checklistItem);\r\n return fetch(url, paramPost).then(response => response.json());\r\n };\r\n\r\n}\r\n","import { Icon, Panel, PanelType, Toggle } from 'office-ui-fabric-react';\r\nimport { DefaultButton } from 'office-ui-fabric-react/lib/Button';\r\nimport { Stack } from 'office-ui-fabric-react/lib/Stack';\r\nimport React, { Component } from 'react';\r\nimport { DataChecklistItem_Reservation } from '../../data/DataChecklistItem_Reservation';\r\nimport { Immocom } from '../../specifique/immocom';\r\nimport { ProgressIndicatorChargement } from '../Loader/ProgressIndicatorChargement';\r\nimport { MessageBars } from '../Outils/MessageBars';\r\n\r\nexport class FicheChecklistItems_Reservation extends Component {\r\n\r\n static defaultProps = {\r\n idOperation: 0,\r\n idReservation: 0,\r\n /* --- */\r\n onDismiss: (rechargerLesDonnees) => null,\r\n onEnregistrement: () => null\r\n };\r\n\r\n static defaultState = {\r\n checklistItems: {},\r\n };\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = { ...FicheChecklistItems_Reservation.defaultState };\r\n };\r\n\r\n _chargementDonnees = () => {\r\n const { idOperation, idReservation } = this.props;\r\n\r\n this.setState({\r\n enCoursDeTraitement: true,\r\n messageEnCoursTraitement: \"Chargement de la checklist en cours...\"\r\n });\r\n\r\n DataChecklistItem_Reservation._chargementChecklistItems_Reservation(idOperation, idReservation).then(responseFetch => {\r\n const retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responseFetch, this);\r\n if (retourVerif === null) {\r\n const items = responseFetch.reponseAPIobjet || [];\r\n const checklistItemsGroups = items.reduce((memo, item) => {\r\n const libelleRegroupement = item.libelleRegroupement || \"Sans catégorie\";\r\n if (!memo[libelleRegroupement])\r\n memo[libelleRegroupement] = [];\r\n memo[libelleRegroupement].push(item);\r\n return memo;\r\n }, {});\r\n Immocom.onReinitStateValeurParDefautEtExecutionDuSetStateEtExecutionCallBack(this, { checklistItemsGroups });\r\n }\r\n else Immocom.onTraitementErreurAvecState(this, {}, retourVerif, responseFetch);\r\n });\r\n };\r\n\r\n _mettreAJour = (checklistItem) => () => {\r\n\r\n this.setState({\r\n enCoursDeTraitement: true,\r\n messageEnCoursTraitement: \"Mise à jour en cours...\"\r\n });\r\n\r\n DataChecklistItem_Reservation._onEnregistrementChecklistItem_Reservation(checklistItem)\r\n .then(responseFetch => {\r\n const retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responseFetch, this);\r\n if (retourVerif === null) {\r\n Immocom.onReinitStateValeurParDefautEtExecutionDuSetStateEtExecutionCallBack(this, {}, this._chargementDonnees);\r\n }\r\n else Immocom.onTraitementErreurAvecState(this, {}, retourVerif, responseFetch);\r\n });\r\n\r\n };\r\n\r\n _onOpen = () => {\r\n this.setState({ ...FicheChecklistItems_Reservation.defaultState }, this._chargementDonnees);\r\n };\r\n\r\n _onRenderFooterContent = () => {\r\n return \r\n
\r\n \r\n this.setState({ errorMessage: \"\" })}\r\n onDismissWarningMessage={() => this.setState({ warningMessage: \"\" })}\r\n />\r\n\r\n {this.state.enCoursDeTraitement ?
\r\n {libelleRegroupement}
\r\n
);\r\n });\r\n }\r\n });\r\n }\r\n return rows;\r\n };\r\n\r\n return {libelle}
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n Obligatoire
\r\n Obtenu
\r\n \r\n \r\n
\r\n {renderGroups()}\r\n \r\n
;\r\n }\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = objetState;\r\n }\r\n\r\n _onInit() {\r\n this.setState(objetState);\r\n }\r\n\r\n _chargementDonnees() {\r\n this.setState({\r\n enCoursDeTraitement: true,\r\n messageEnCoursTraitement: 'Chargement du commentaire et des conditions particulières'\r\n });\r\n\r\n var ficheReservation_Simple = DataReservation._ficheReservation_Simple(this.props.idOperation, this.props.idReservation);\r\n\r\n ficheReservation_Simple\r\n .then(responseFetch => {\r\n let retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responseFetch, this);\r\n\r\n if (retourVerif === null) {\r\n let objetData = responseFetch.reponseAPIobjet;\r\n\r\n let stateTemp = {};\r\n stateTemp.reservation = objetData[0];\r\n\r\n //stateTemp.peutModifierBlocConditionsParticulieres = this.props.peutModifierBlocConditionsParticulieres;\r\n\r\n Immocom.onReinitStateValeurParDefautEtExecutionDuSetState(this, stateTemp);\r\n\r\n this._onVerificationFormulaire();\r\n }\r\n else {\r\n Immocom.onTraitementErreurAvecState(this, { ...this.state }, retourVerif, responseFetch);\r\n }\r\n });\r\n }\r\n\r\n // KP - 23/12/2019 - Validation du formulaire inutile ? A supprimer si oui.\r\n //_validationFormulaire(item) {\r\n // let estValide = true;\r\n // // Si l'objet n'est pas vide\r\n // if (!(Object.keys(item).length === 0 && item.constructor === Object)) {\r\n // }\r\n // else {\r\n // estValide = false;\r\n // }\r\n // return estValide;\r\n //}\r\n\r\n _onEnregistrement = () => {\r\n this.setState({\r\n enCoursDeTraitement: true,\r\n messageEnCoursTraitement: 'Enregistrement du commentaire et des conditions particulières en cours'\r\n });\r\n\r\n var miseAJourReservation = DataReservation._miseAJourReservation(this.props.idOperation, this.props.idReservation, this.state.reservation);\r\n\r\n miseAJourReservation\r\n .then(responseFetch => {\r\n let retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responseFetch, this);\r\n\r\n if (retourVerif === null) {\r\n let objetData = responseFetch.reponseAPIobjet;\r\n\r\n Immocom.onReinitStateValeurParDefautEtExecutionDuSetState(this, { ...this.state });\r\n\r\n this.props.onEnregistrementFiche(objetData);\r\n }\r\n else {\r\n Immocom.onTraitementErreurAvecState(this, { ...this.state }, retourVerif, responseFetch);\r\n }\r\n });\r\n }\r\n\r\n _onOpen = () => {\r\n //const idReservationRenseigne = Immocom.getSiPropsRenseigneeEtDifferenteDeLaValeurEnParametre(this.props.idReservation, [0]);\r\n //const idOperationRenseigne = Immocom.getSiPropsRenseigneeEtDifferenteDeLaValeurEnParametre(this.props.idOperation, [0]);\r\n //if (idReservationRenseigne && idOperationRenseigne)\r\n // this._chargementDonnees();\r\n\r\n if (!this.state.enCoursDeTraitement)\r\n this._chargementDonnees();\r\n\r\n };\r\n\r\n _onAnnulation = () => {\r\n this._onInit();\r\n this.props.onAnnuleFiche();\r\n }\r\n\r\n _onVerificationFormulaire() {\r\n Immocom.fiche()._validationFormulaire(this, 'CommentaireReservation', this.state.reservation, (this.state.reservation.idReservation > 0 ? 'Modification' : 'Création'));\r\n }\r\n\r\n _onRenderFooterContent = () => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n this._onMiseAJourChamp(\"reservation\", \"conditionsParticulieres\", newValue)}\r\n rows={5}\r\n value={this.state.reservation.conditionsParticulieres}\r\n />\r\n
\r\n \r\n this._onMiseAJourChamp(\"reservation\", \"remarques\", newValue)}\r\n rows={5}\r\n value={this.state.reservation.remarques}\r\n />\r\n
\r\n Clauses spécifiques
\r\n \r\n this._onMiseAJourChampDemandeBeneficePinel(isChecked)}\r\n disabled={!champsActifs}\r\n />\r\n
\r\n Frais et commissions direct et indirect :
\r\n \r\n Scriba.officeUI().textField().nombre().onFocusTextFieldNombreObjet(this, 'reservation', 'fraisCommissionMontant')}\r\n onBlur={e => this._onMiseAJourChampNombre(\"reservation\", \"fraisCommissionMontant\", e.target.value, this._onVerificationFormulaire)}\r\n onGetErrorMessage={e => Scriba.officeUI().textField().nombre().onGetErrorMessageTextFieldNombre(this, 'fraisCommissionMontant', e, false, 2)}\r\n deferredValidationTime={0}\r\n required={this.state.reservation.demandeBeneficePinel}\r\n suffix=\"€\"\r\n />\r\n
\r\n \r\n \r\n \r\n Scriba.officeUI().textField().nombre().onFocusTextFieldNombreObjet(this, 'reservation', 'fraisCommissionPourcentage')}\r\n onBlur={e => this._onMiseAJourChampNombre(\"reservation\", \"fraisCommissionPourcentage\", e.target.value, this._onVerificationFormulaire)}\r\n onGetErrorMessage={e => Scriba.officeUI().textField().nombre().onGetErrorMessageTextFieldNombre(this, 'fraisCommissionPourcentage', e, false, 2)}\r\n deferredValidationTime={0}\r\n required={this.state.reservation.demandeBeneficePinel}\r\n suffix=\"%\"\r\n />\r\n
\r\n \r\n
\r\n Saisissez tout élément permettant le bon traitement du dossier.
\r\n \r\n this._onEnregistrement()} className=\"marginRight8px\" disabled={!this.state.onActiveBoutonEnregistrer}>Enregistrer \r\n this._onAnnulation()}>Annuler \r\n
\r\n );\r\n };\r\n\r\n _onMiseAJourChamp(nomObjet, nomPropriete, valeur) {\r\n Scriba.state().setObjetPropriete(this, nomObjet, nomPropriete, valeur);\r\n\r\n if (this.props.onAffichageSansPanel) {\r\n let tabValeurAMettreAJour = new Array();\r\n for (var i = 0; i < 1; i++)\r\n tabValeurAMettreAJour[i] = new Array();\r\n tabValeurAMettreAJour[0][0] = nomPropriete;\r\n tabValeurAMettreAJour[0][1] = valeur;\r\n\r\n this.props.onChangeValeurMultiple(tabValeurAMettreAJour);\r\n }\r\n }\r\n\r\n _onMiseAJourChampNombre = (nomObjet, nomPropriete, valeur, callBack) => {\r\n if (this.props.onAffichageSansPanel) {\r\n Scriba.officeUI().textField().nombre().onBlurTextFieldNombreObjet(this, nomObjet, nomPropriete, valeur, 'fr');\r\n\r\n let tabValeurAMettreAJour = new Array();\r\n for (var i = 0; i < 1; i++)\r\n tabValeurAMettreAJour[i] = new Array();\r\n tabValeurAMettreAJour[0][0] = nomPropriete;\r\n tabValeurAMettreAJour[0][1] = (valeur !== \"\" ? valeur : null);\r\n\r\n this.props.onChangeValeurMultiple(tabValeurAMettreAJour);\r\n }\r\n else {\r\n Scriba.officeUI().textField().nombre().onBlurTextFieldNombreObjet(this, nomObjet, nomPropriete, valeur, 'fr', callBack);\r\n }\r\n }\r\n\r\n _onMiseAJourChampDemandeBeneficePinel = (isChecked) => {\r\n let reservationTrav = { ...this.state.reservation };\r\n reservationTrav.demandeBeneficePinel = isChecked;\r\n\r\n if (!isChecked) {\r\n reservationTrav.fraisCommissionMontant = null;\r\n reservationTrav.fraisCommissionPourcentage = null;\r\n }\r\n\r\n if (this.props.onAffichageSansPanel) {\r\n let tabValeurAMettreAJour = new Array();\r\n\r\n if (!isChecked) {\r\n for (var i = 0; i < 3; i++)\r\n tabValeurAMettreAJour[i] = new Array();\r\n\r\n tabValeurAMettreAJour[0][0] = \"fraisCommissionMontant\";\r\n tabValeurAMettreAJour[0][1] = \"\";\r\n tabValeurAMettreAJour[1][0] = \"fraisCommissionPourcentage\";\r\n tabValeurAMettreAJour[1][1] = \"\";\r\n tabValeurAMettreAJour[2][0] = \"demandeBeneficePinel\";\r\n tabValeurAMettreAJour[2][1] = isChecked;\r\n\r\n this.props.onChangeValeurMultiple(tabValeurAMettreAJour);\r\n }\r\n else {\r\n for (var i = 0; i < 1; i++)\r\n tabValeurAMettreAJour[i] = new Array();\r\n\r\n tabValeurAMettreAJour[0][0] = \"demandeBeneficePinel\";\r\n tabValeurAMettreAJour[0][1] = isChecked;\r\n\r\n this.props.onChangeValeurMultiple(tabValeurAMettreAJour);\r\n }\r\n\r\n this.setState({ onActiveLesChampsDuFormulaire: isChecked, reservation: reservationTrav });\r\n }\r\n else {\r\n this.setState({ onActiveLesChampsDuFormulaire: isChecked, reservation: reservationTrav }, this._onVerificationFormulaire);\r\n }\r\n }\r\n\r\n componentDidMount() { }\r\n\r\n componentDidUpdate() { }\r\n\r\n render() {\r\n let content = this._creationContent();\r\n\r\n if (this.props.onAffichageSansPanel) {\r\n return content;\r\n }\r\n else {\r\n return (\r\n \r\n
\r\n \r\n );\r\n }\r\n }\r\n}","import Scriba from '@devnet/react-scriba';\r\n\r\nexport class DataCommercialisateur {\r\n\r\n\r\n //static _onChargementMandatCommercialisateurSelectionne(loginCompte, idOperation, idLotCommercial) {\r\n // let objet = {\r\n // \"loginCompte\": loginCompte,\r\n // \"idOperation\": idOperation,\r\n // \"idLotCommercial\": idLotCommercial\r\n // };\r\n\r\n // var url = \"api/Fiche/GetMandatCommercialisateurLePlusBasPourUnLotCommercial\";\r\n // var paramPost = Scriba.fetch().createParameterPost(objet);\r\n\r\n // return fetch(url, paramPost).then(response => response.json());\r\n //}\r\n\r\n //static _chargementLotCommercial(idOperation, idLotCommercial) {\r\n // let objet = {\r\n // \"idOperation\": idOperation,\r\n // \"idLotCommercial\": idLotCommercial\r\n // };\r\n\r\n // var url = \"api/Get/GetLotCommercial\";\r\n // var paramPost = Scriba.fetch().createParameterPost(objet);\r\n\r\n // return fetch(url, paramPost).then(response => response.json());\r\n //}\r\n\r\n static _chargementCommercialisateurTemporaire(loginCompte, honoraireReelNombre, honoraireReelPourcentage, idMandat) {\r\n let objet = {};\r\n\r\n if (idMandat !== undefined) {\r\n objet = {\r\n \"loginCompte\": loginCompte,\r\n \"idMandat\": idMandat,\r\n \"honoraireReelNombre\": honoraireReelNombre,\r\n \"honoraireReelPourcentage\": honoraireReelPourcentage\r\n };\r\n }\r\n else {\r\n objet = {\r\n \"loginCompte\": loginCompte,\r\n \"honoraireReelNombre\": honoraireReelNombre,\r\n \"honoraireReelPourcentage\": honoraireReelPourcentage\r\n };\r\n }\r\n\r\n var url = \"api/Get/GetCommercialisateurTemporaire\";\r\n var paramPost = Scriba.fetch().createParameterPost(objet);\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n\r\n}","import React, { Component } from 'react';\r\nimport { DefaultButton, PrimaryButton } from 'office-ui-fabric-react/lib/Button';\r\nimport { Panel, PanelType } from 'office-ui-fabric-react/lib/Panel';\r\nimport { MessageBars } from '../Outils/MessageBars';\r\nimport { TextField } from 'office-ui-fabric-react/lib/TextField';\r\nimport { ProgressIndicatorChargement } from '../Loader/ProgressIndicatorChargement';\r\nimport { HintWrapper, HintVerticalPosition } from '../Outils/HintWrapper';\r\n\r\nimport Scriba from '@devnet/react-scriba';\r\nimport { Immocom } from '../../specifique/immocom';\r\n\r\nimport { ComboBoxSociete } from '../ComboBox/ComboBoxSociete';\r\nimport { ComboBoxCompte } from '../ComboBox/ComboBoxCompte';\r\nimport { DataMandat } from '../../data/DataMandat';\r\nimport { DataLotCommercial } from '../../data/DataLotCommercial';\r\nimport { DataCommercialisation } from '../../data/DataCommercialisation';\r\nimport { DataCommercialisateur } from '../../data/DataCommercialisateur';\r\nimport { DataReservation } from '../../data/DataReservation';\r\n\r\n/****************************************************************\r\n PROPS:\r\n idOperation\r\n idLotCommercial\r\n idReservation => si renseigné on souhaite pointer directement sur la commercialisation liée à la réservation\r\n // commercialisateur\r\n loginCompte\r\n\r\n onAffichePanelCommercialisateur : bool\r\n\r\n onEnregistrementFiche : méthode\r\n onAnnuleFiche : méthode\r\n \r\n classname : classe CSS (string)\r\n classnameinner : classe CSS (string)\r\n****************************************************************/\r\n\r\nvar objetState = {\r\n idSociete: 0,\r\n idMandat: 0,\r\n prixTTC: 0,\r\n prixHT: 0,\r\n tauxTVA: 0,\r\n\r\n commercialisation: {},\r\n\r\n enCoursDeTraitement: false,\r\n messageEnCoursTraitement: '',\r\n\r\n hideMessageBarError: true,\r\n errorMessage: '',\r\n hideMessageBarWarning: true,\r\n warningMessage: '',\r\n\r\n titrePanelCommercialisateur: 'Ajouter un commercialisateur',\r\n\r\n onActiveBoutonEnregistrer: false\r\n};\r\n\r\nexport class FicheCommercialisation extends Component {\r\n _creationContent() {\r\n return (\r\n \r\n
\r\n \r\n this.setState({ errorMessage: \"\" })}\r\n onDismissWarningMessage={() => this.setState({ warningMessage: \"\" })}\r\n />\r\n\r\n {this.state.enCoursDeTraitement ?
\r\n \r\n
\r\n \r\n );\r\n }\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = objetState;\r\n }\r\n\r\n _onInit() {\r\n let commercialisation = { ...this.state.commercialisation };\r\n commercialisation = {};\r\n objetState.commercialisation = commercialisation;\r\n this.setState(objetState);\r\n }\r\n\r\n _onVerificationFormulaire() {\r\n Immocom.fiche()._validationFormulaire(this, 'Commercialisation', this.state.commercialisation, (this.props.loginCompte != \"\" ? 'Modification' : 'Création'));\r\n }\r\n\r\n _onBlurHonoraireReelNombre(honoraireReelNombre) {\r\n //let honoraireReelHTPourcentage = 0;\r\n\r\n //if (honoraireReelHTNombre != 0) {\r\n // honoraireReelHTPourcentage = (honoraireReelHTNombre / this.state.prixTTC) * 100;\r\n // honoraireReelHTPourcentage = honoraireReelHTPourcentage.toFixed(2);\r\n //}\r\n\r\n let commercialisation = { ...this.state.commercialisation };\r\n commercialisation.honoraireReelNombre = honoraireReelNombre;\r\n //commercialisation.honoraireReelHTPourcentage = honoraireReelHTPourcentage;\r\n\r\n this.setState({\r\n commercialisation: commercialisation\r\n }, function () {//MAJ Props via appel OnChange du parent\r\n Scriba.officeUI().textField().nombre().onBlurTextFieldNombreObjet(this, 'commercialisation', 'honoraireReelNombre', honoraireReelNombre, 'fr', this._onVerificationFormulaire)\r\n });\r\n }\r\n\r\n _onBlurHonoraireReelPourcentage(honoraireReelPourcentage) {\r\n //let honoraireReelHTNombre = 0;\r\n\r\n //if (honoraireReelHTPourcentage != 0) {\r\n // honoraireReelHTNombre = (honoraireReelHTPourcentage * this.state.prixTTC);\r\n // honoraireReelHTNombre = honoraireReelHTNombre.toFixed(2);\r\n //}\r\n let commercialisation = { ...this.state.commercialisation };\r\n //commercialisation.honoraireReelHTNombre = honoraireReelHTNombre;\r\n commercialisation.honoraireReelPourcentage = honoraireReelPourcentage;\r\n\r\n this.setState({\r\n commercialisation: commercialisation\r\n }, function () {//MAJ Props via appel OnChange du parent\r\n Scriba.officeUI().textField().nombre().onBlurTextFieldNombreObjet(this, 'commercialisation', 'honoraireReelPourcentage', honoraireReelPourcentage, 'fr', this._onVerificationFormulaire)\r\n });\r\n }\r\n\r\n\r\n _onChargementMandatCommercialisateurSelectionne(loginCompte) {\r\n this.setState({\r\n enCoursDeTraitement: true,\r\n messageEnCoursTraitement: 'Chargement du commercialisateur en cours'\r\n });\r\n\r\n let chargementMandatCommercialisateurLePlusBasPourUnLotCommercial = DataMandat._chargementMandatCommercialisateurLePlusBasPourUnLotCommercial(this.props.idOperation, this.props.idLotCommercial, loginCompte);\r\n\r\n chargementMandatCommercialisateurLePlusBasPourUnLotCommercial\r\n .then(responseFetch => {\r\n let retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responseFetch, this);\r\n\r\n if (retourVerif === null) {\r\n let objetData = responseFetch.reponseAPIobjet;\r\n\r\n if (objetData != null) {\r\n\r\n Immocom.onReinitStateValeurParDefautEtExecutionDuSetState(this, { ...this.state });\r\n\r\n this._onChargementLotCommercial(objetData);\r\n }\r\n else {\r\n this.setState({\r\n enCoursDeTraitement: false,\r\n messageEnCoursTraitement: '',\r\n hideMessageBarError: false,\r\n errorMessage: 'Aucun mandat valide pour la société et le commercialisateur sélectionnés sur cette opération.'\r\n });\r\n }\r\n }\r\n else {\r\n Immocom.onTraitementErreurAvecState(this, { ...this.state }, retourVerif, responseFetch);\r\n }\r\n });\r\n }\r\n\r\n _onChargementCommercialisationSelectionne(loginCompte) {\r\n this.setState({\r\n enCoursDeTraitement: true,\r\n messageEnCoursTraitement: 'Chargement de la commercialisation en cours'\r\n });\r\n\r\n let listeDesPromisesAExecuter = [];\r\n\r\n let chargementCommercialisation = DataCommercialisation._chargementCommercialisation(loginCompte, this.props.idOperation, this.props.idReservation, this.props.idLotCommercial);\r\n let chargementFicheReservation = DataReservation._chargementFicheReservation(this.props.idOperation, this.props.idReservation);\r\n\r\n listeDesPromisesAExecuter.push(chargementCommercialisation);\r\n listeDesPromisesAExecuter.push(chargementFicheReservation);\r\n\r\n Promise.all(listeDesPromisesAExecuter)\r\n .then(responsePromise => {\r\n\r\n let chargementCommercialisation = responsePromise[0];\r\n let chargementFicheReservation = responsePromise[1];\r\n\r\n let retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responsePromise, this);\r\n\r\n if (retourVerif === null) {\r\n let stateTemp = { ...this.state };\r\n let mandat = chargementCommercialisation.reponseAPIobjet[2];\r\n let compte = chargementCommercialisation.reponseAPIobjet[0];\r\n const baseCalculHonoraireCommercialisation = chargementCommercialisation.reponseAPIobjet[1].baseCalculHonoraireCommercialisation;\r\n const honoraireCommercialisation = chargementCommercialisation.reponseAPIobjet[1].honoraireCommercialisation;\r\n\r\n stateTemp.idSociete = compte.idSociete;\r\n stateTemp.idMandat = (mandat !== null ? mandat.idMandat : 0);\r\n const prixHT = chargementFicheReservation.reponseAPIobjet[0].prixHT;\r\n stateTemp.prixHT = prixHT;\r\n stateTemp.tauxTVA = chargementFicheReservation.reponseAPIobjet[2][0].taux;\r\n const prixTTC = chargementFicheReservation.reponseAPIobjet[0].prixHT * (1 + chargementFicheReservation.reponseAPIobjet[2][0].taux);\r\n stateTemp.prixTTC = prixTTC;\r\n\r\n stateTemp.commercialisation.loginCompte = compte.loginCompte;\r\n stateTemp.commercialisation.honoraireCommercialisation = honoraireCommercialisation;\r\n stateTemp.commercialisation.baseCalculHonoraireCommercialisation = baseCalculHonoraireCommercialisation;\r\n stateTemp.commercialisation.exclusivite = chargementCommercialisation.reponseAPIobjet[1].exclusivite;\r\n\r\n //MG - 17/10/2022 - 2170 - Recalculer honoraireReelNombre(lié au 1970)\r\n //MG - 26/05/2023 - 2335/2239\r\n let honorairesCalcules = 0;\r\n let pourcentageHonorairesCalcules = 0;\r\n const result = Immocom.calculationHonoraireReel(honoraireCommercialisation, baseCalculHonoraireCommercialisation, prixTTC, prixHT);\r\n honorairesCalcules = result !== undefined ? result.honoraireReel.toFixed(2) : 0;\r\n pourcentageHonorairesCalcules = result !== undefined ? result.percentageHonoraire.toFixed(2) : 0;\r\n \r\n stateTemp.commercialisation.honoraireReelNombre = honorairesCalcules; \r\n stateTemp.commercialisation.honoraireReelPourcentage = pourcentageHonorairesCalcules; \r\n stateTemp.commercialisation.honorairesContractuels = stateTemp.commercialisation.honoraireReelNombre;\r\n stateTemp.commercialisation.idOperation = this.props.idOperation;\r\n stateTemp.commercialisation.idReservation = this.props.idReservation;\r\n\r\n stateTemp.titrePanelCommercialisateur = `Modifier un commercialisateur (${compte.loginCompte})`;\r\n\r\n Immocom.onReinitStateValeurParDefautEtExecutionDuSetState(this, stateTemp, true, this._onVerificationFormulaire);\r\n }\r\n else {\r\n Immocom.onTraitementErreurPromise(this, retourVerif);\r\n }\r\n });\r\n }\r\n\r\n _onChargementLotCommercial(objetDataParametre) {\r\n this.setState({\r\n enCoursDeTraitement: true,\r\n messageEnCoursTraitement: 'Chargement du lot commercial'\r\n });\r\n\r\n let chargementLotCommercial = DataLotCommercial._chargementLotCommercial(this.props.idOperation, this.props.idLotCommercial);\r\n\r\n chargementLotCommercial\r\n .then(responseFetch => {\r\n let retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responseFetch, this);\r\n\r\n if (retourVerif === null) {\r\n let objetData = responseFetch.reponseAPIobjet;\r\n let lotcommercial = objetData[1];\r\n let tvaOperation = objetData[2];\r\n let prixHT = lotcommercial.prixHT;\r\n let tvaLot = tvaOperation.taux;//dans ce cas on récupère la TVA de l'opération\r\n let prixTTCLot = prixHT * (1 + tvaLot);\r\n\r\n if (objetDataParametre.honoraireCommercialisation !== undefined && objetDataParametre.honoraireCommercialisation != null) {\r\n // Calcul des honoraires\r\n let honorairesCalcules = 0;\r\n let pourcentageHonorairesCalcules = 0;\r\n\r\n //MG - 25/05/2023 - 2335/2239\r\n const result = Immocom.calculationHonoraireReel(objetDataParametre.honoraireCommercialisation, objetDataParametre.baseCalculHonoraireCommercialisation, prixTTCLot, prixHT);\r\n honorairesCalcules = result !== undefined ? result.honoraireReel.toFixed(2) : 0;\r\n pourcentageHonorairesCalcules = result !== undefined ? result.percentageHonoraire.toFixed(2) : 0;\r\n\r\n let stateTemp = { ...this.state };\r\n stateTemp.idSociete = objetDataParametre.idSociete;\r\n stateTemp.idMandat = objetDataParametre.idMandat;\r\n stateTemp.prixHT = prixHT;\r\n stateTemp.tauxTVA = tvaLot;\r\n stateTemp.prixTTC = prixTTCLot;\r\n\r\n stateTemp.commercialisation.loginCompte = objetDataParametre.loginCompte;\r\n stateTemp.commercialisation.honoraireCommercialisation = objetDataParametre.honoraireCommercialisation;\r\n stateTemp.commercialisation.baseCalculHonoraireCommercialisation = objetDataParametre.baseCalculHonoraireCommercialisation;\r\n stateTemp.commercialisation.exclusivite = objetDataParametre.exclusivite;\r\n stateTemp.commercialisation.honoraireReelNombre = this.props.commercialisateur !== undefined ? this.props.commercialisateur.honoraireReelNombre : honorairesCalcules;\r\n stateTemp.commercialisation.honoraireReelPourcentage = this.props.commercialisateur !== undefined ? this.props.commercialisateur.honoraireReelPourcentage : pourcentageHonorairesCalcules;\r\n stateTemp.commercialisation.honorairesContractuels = honorairesCalcules;\r\n stateTemp.commercialisation.idOperation = this.props.idOperation;\r\n stateTemp.commercialisation.idReservation = this.props.idReservation;\r\n\r\n Immocom.onReinitStateValeurParDefautEtExecutionDuSetState(this, stateTemp, true, this._onVerificationFormulaire);\r\n }\r\n else {\r\n this.setState({\r\n enCoursDeTraitement: false,\r\n messageEnCoursTraitement: '',\r\n hideMessageBarWarning: false,\r\n warningMessage: 'Aucun honoraire renseigné'\r\n });\r\n }\r\n }\r\n else {\r\n Immocom.onTraitementErreurAvecState(this, { ...this.state }, retourVerif, responseFetch);\r\n }\r\n });\r\n }\r\n\r\n _validationFormulaire(item) {\r\n let estValide = true;\r\n\r\n // Si l'objet n'est pas vide\r\n if (!(Object.keys(item).length === 0 && item.constructor === Object)) {\r\n estValide = estValide && (item.idSociete > 0);\r\n estValide = estValide && Scriba.formulaire().nEstPasVide(item.loginCompte);\r\n estValide = estValide && Scriba.nombre().nombreEstValide(item.honoraireReel, false, false, 2);\r\n estValide = estValide && Scriba.formulaire().nEstPasVide(item.honoraireReel);\r\n }\r\n else {\r\n estValide = false;\r\n }\r\n\r\n return estValide;\r\n }\r\n\r\n _onEnregistrement = () => {\r\n this.setState({\r\n enCoursDeTraitement: true,\r\n messageEnCoursTraitement: 'Enregistrement du commercialisateur en cours'\r\n });\r\n\r\n if (this.props.idReservation === undefined) {\r\n\r\n let chargementCommercialisateurTemporaire = DataCommercialisateur._chargementCommercialisateurTemporaire(\r\n this.state.commercialisation.loginCompte,\r\n this.state.commercialisation.honoraireReelNombre,\r\n this.state.commercialisation.honoraireReelPourcentage,\r\n this.state.idMandat\r\n );\r\n\r\n chargementCommercialisateurTemporaire\r\n .then(responseFetch => {\r\n let retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responseFetch, this); \r\n\r\n if (retourVerif === null) {\r\n let objetData = responseFetch.reponseAPIobjet;\r\n\r\n Immocom.onReinitStateValeurParDefautEtExecutionDuSetState(this, { ...this.state });\r\n\r\n this._onInit();\r\n\r\n this.props.onEnregistrementFiche(objetData);\r\n }\r\n else {\r\n Immocom.onTraitementErreurAvecState(this, { ...this.state }, retourVerif, responseFetch);\r\n }\r\n });\r\n }\r\n else {\r\n let onEnregistrementCommercialisation = DataCommercialisation._onEnregistrementCommercialisation(\r\n this.state.commercialisation.loginCompte,\r\n this.state.commercialisation.honoraireReelNombre,\r\n this.state.commercialisation.honoraireReelPourcentage,\r\n this.props.idOperation,\r\n this.props.idReservation,\r\n this.props.idLotCommercial,\r\n this.state.idMandat);\r\n\r\n onEnregistrementCommercialisation\r\n .then(responseFetch => {\r\n let retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responseFetch, this);\r\n\r\n if (retourVerif === null) {\r\n let objetData = responseFetch.reponseAPIobjet;\r\n\r\n Immocom.onReinitStateValeurParDefautEtExecutionDuSetState(this, { ...this.state });\r\n\r\n this._onInit();\r\n\r\n this.props.onEnregistrementFiche(objetData);\r\n }\r\n else {\r\n Immocom.onTraitementErreurAvecState(this, { ...this.state }, retourVerif, responseFetch);\r\n }\r\n });\r\n }\r\n }\r\n\r\n _onOpen = () => {\r\n this.setState(\r\n { loginCompte: this.props.loginCompte },\r\n () => {\r\n const idOperationRenseigne = Immocom.getSiPropsRenseigneeEtDifferenteDeLaValeurEnParametre(this.props.idOperation, [0]);\r\n const idLotCommercialRenseigne = Immocom.getSiPropsRenseigneeEtDifferenteDeLaValeurEnParametre(this.props.idLotCommercial, [0]);\r\n const loginCompteRenseigne = Immocom.getSiPropsRenseigneeEtDifferenteDeLaValeurEnParametre(this.props.loginCompte, ['']);\r\n const idReservationRenseigne = Immocom.getSiPropsRenseigneeEtDifferenteDeLaValeurEnParametre(this.props.idReservation, [0]);\r\n\r\n if (idOperationRenseigne && idLotCommercialRenseigne && loginCompteRenseigne) {\r\n if (this.props.idReservation === undefined) {// Si idReservation non renseigné\r\n this._onChargementMandatCommercialisateurSelectionne(this.state.loginCompte);\r\n } else if (idReservationRenseigne) {\r\n this._onChargementCommercialisationSelectionne(this.state.loginCompte);\r\n }\r\n }\r\n }\r\n );\r\n };\r\n\r\n _onAnnulation = () => {\r\n this._onInit();\r\n this.props.onAnnuleFiche();\r\n }\r\n\r\n _onChangeSociete = (key) => { // Mise à jour du state et réinitialisation de la ComboBoxCompte\r\n this.setState({\r\n idSociete: key,\r\n loginCompte: null\r\n });\r\n };\r\n\r\n //MG - 25/05/2023 - 2335/2239\r\n _onChangeHonoraire(newValue, baseCalculHonoraireCommercialisationParam) {\r\n let newHonoraire = 0;\r\n let newPoucentage = 0;\r\n\r\n if (baseCalculHonoraireCommercialisationParam === 'HT sur TTC' || baseCalculHonoraireCommercialisationParam === 'TTC sur TTC') {\r\n newHonoraire = this.state.prixTTC / newValue;\r\n newPoucentage = ((100 / newHonoraire) * 10) / 10;\r\n } else if (baseCalculHonoraireCommercialisationParam === 'HT sur HT') {\r\n newHonoraire = this.state.prixHT / newValue;\r\n newPoucentage = ((100 / newHonoraire) * 10) / 10;\r\n }\r\n\r\n this.setState((prevState) => ({\r\n ...prevState,\r\n commercialisation: {\r\n ...prevState.commercialisation,\r\n honoraireReelNombre: newValue,\r\n honoraireReelPourcentage: newPoucentage.toFixed(2)\r\n }\r\n }));\r\n }\r\n\r\n //MG - 25/05/2023 - 2335/2239\r\n _onChangePourcentage(newValue, baseCalculHonoraireCommercialisationParam) {\r\n let newHonoraire = 0;\r\n\r\n if (baseCalculHonoraireCommercialisationParam === 'HT sur TTC' || baseCalculHonoraireCommercialisationParam === 'TTC sur TTC') {\r\n newHonoraire = Math.ceil(this.state.prixTTC * (newValue / 10)) / 10;\r\n } else if (baseCalculHonoraireCommercialisationParam === 'HT sur HT') {\r\n newHonoraire = Math.ceil(this.state.prixHT * (newValue / 10)) / 10;\r\n }\r\n \r\n this.setState((prevState) => ({\r\n ...prevState,\r\n commercialisation: {\r\n ...prevState.commercialisation,\r\n honoraireReelNombre: newHonoraire.toFixed(2),\r\n honoraireReelPourcentage: newValue\r\n }\r\n }));\r\n }\r\n\r\n _onRenderFooterContent = () => {\r\n //let boutonActif =\r\n //this._validationFormulaire(this.state);\r\n\r\n return (\r\n \r\n
\r\n \r\n this.setState({ errorMessage: \"\" })}\r\n onDismissWarningMessage={() => this.setState({ warningMessage: \"\" })}\r\n />\r\n\r\n {this.state.enCoursDeTraitement ?
\r\n \r\n
\r\n : null}\r\n\r\n {this.state.commercialisation.loginCompte !== undefined && this.state.commercialisation.loginCompte !== null && this.state.commercialisation.loginCompte !== '' ?\r\n \r\n Sélectionner une société de commercialisation puis au sein de cette société un commercialisateur. Si vous ne trouvez pas la société ou le commercialisateur, appelez votre gestionnaire de mandats pour mise à jour.}\r\n verticalAlign={HintVerticalPosition.bottom}\r\n verticalOffset={5}\r\n >\r\n this._onChangeSociete(item.idSociete)}\r\n required\r\n selectedKey={this.state.idSociete}\r\n />\r\n \r\n
\r\n \r\n this._onChargementMandatCommercialisateurSelectionne(option.key)}\r\n required\r\n selectedKey={this.state.commercialisation.loginCompte}\r\n />\r\n
\r\n \r\n
\r\n : null\r\n }\r\n \r\n
\r\n \r\n Honoraires commercialisation : {this.state.commercialisation.honoraireCommercialisation}\r\n
\r\n \r\n Base de calcul : {this.state.commercialisation.baseCalculHonoraireCommercialisation}\r\n
\r\n \r\n Exclusivité : {this.state.commercialisation.exclusivite ? \"oui\" : \"non\"}\r\n
\r\n \r\n Honoraires contractuels HT : {Scriba.nombre().nombreVersTexteAvecPrecisionAfficheeSpecifiee(this.state.commercialisation.honorairesContractuels, false, 2)} €\r\n
\r\n \r\n Scriba.officeUI().textField().nombre().onFocusTextFieldNombreObjet(this, 'commercialisation', 'honoraireReelNombre')}\r\n onBlur={e => this._onBlurHonoraireReelNombre(e.target.value)}\r\n onGetErrorMessage={e => Scriba.officeUI().textField().nombre().onGetErrorMessageTextFieldNombre(this, 'honoraireReelNombre', e, false, 2)}\r\n deferredValidationTime={0}\r\n suffix=\"€\"\r\n onChange={e => this._onChangeHonoraire(e.target.value, this.state.commercialisation.baseCalculHonoraireCommercialisation)} \r\n />\r\n
\r\n \r\n Scriba.officeUI().textField().nombre().onFocusTextFieldNombreObjet(this, 'commercialisation', 'honoraireReelPourcentage')}\r\n onBlur={e => this._onBlurHonoraireReelPourcentage(e.target.value)}\r\n onGetErrorMessage={e => Scriba.officeUI().textField().nombre().onGetErrorMessageTextFieldNombre(this, 'honoraireReelPourcentage', e, false, 2)}\r\n deferredValidationTime={0}\r\n suffix=\"%\"\r\n onChange={e => this._onChangePourcentage(e.target.value, this.state.commercialisation.baseCalculHonoraireCommercialisation)}\r\n />\r\n
\r\n \r\n this._onEnregistrement()} className=\"marginRight8px\" disabled={!this.state.onActiveBoutonEnregistrer}>Enregistrer \r\n this._onAnnulation()}>Annuler \r\n
\r\n );\r\n };\r\n\r\n componentDidMount() { }\r\n\r\n componentWillUnmount() { }\r\n\r\n componentDidUpdate() { }\r\n\r\n render() {\r\n return this._creationContent();\r\n }\r\n}","import React, { Component } from 'react';\r\nimport { DetailsList, SelectionMode, Selection, ConstrainMode } from 'office-ui-fabric-react/lib/DetailsList';\r\n\r\nimport Scriba from '@devnet/react-scriba';\r\nimport { Immocom } from '../../specifique/immocom';\r\nimport { DataContact } from '../../data/DataContact';\r\n\r\n/*\r\n***************************************************************\r\n PROPS:\r\n onSelection: méthode exécutée par le formualire appelant lors de la sélection du contact\r\n\r\n civilite: propriété\r\n nom: propriété\r\n prenom: propriété\r\n cp: propriété\r\n email: propriété\r\n tel1: propriété\r\n\r\n***************************************************************\r\n*/\r\n\r\nexport class DetailsListContactDedoublonne extends Component {\r\n _creationContent() {\r\n const { items } = this.state;\r\n\r\n return (\r\n {content}
);\r\n }\r\n}","import Scriba from '@devnet/react-scriba';\r\n\r\nexport class DataDenonciation {\r\n\r\n static _onEnregistrementDenonciation(listeIdContacts, denonciation) {\r\n let objetDenonciation = {\r\n \"listeIdContacts\": listeIdContacts,\r\n \"denonciation\": denonciation\r\n };\r\n\r\n var url = \"api/MAJDonnees/EnregistrementDenonciation\";\r\n var paramPost = Scriba.fetch().createParameterPost(objetDenonciation);\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n\r\n static _onSuppressionDenonciation(listeIdContacts, denonciation) {\r\n let objetDenonciation = {\r\n \"listeIdContacts\": listeIdContacts,\r\n \"denonciation\": denonciation\r\n };\r\n\r\n var url = \"api/MAJDonnees/SuppressionDenonciation\";\r\n var paramPost = Scriba.fetch().createParameterPost(objetDenonciation);\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n\r\n static _chargementDroitsDenonciation() {\r\n var url = \"api/Droit/ListeDesDroitsFicheDenonciation\";\r\n var paramPost = Scriba.fetch().createParameterPost();\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n\r\n static _chargementOperationsDenonciationPourSuppression(loginCompte, listeIdContacts) {\r\n let objet = {\r\n \"loginCompte\": loginCompte,\r\n \"listeIdContacts\": listeIdContacts\r\n };\r\n\r\n var url = \"api/Liste/ListeDesOPERATIONSParLoginCompteEtParDenonciationPosee\";\r\n var paramPost = Scriba.fetch().createParameterPost(objet);\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n\r\n static _chargementOperationsDenonciationPourAjout(loginCompte) {\r\n let objet = {\r\n \"loginCompte\": loginCompte,\r\n };\r\n\r\n var url = \"api/Liste/ListeDesOPERATIONSParLoginCompteEtPourPoseDeDenonciation\";\r\n var paramPost = Scriba.fetch().createParameterPost(objet);\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n static _onRegardeSiExisteDenonciationPourUnAutreCommercialisateurEtPourMoi(idContact, idOperation) {\r\n let objet = {\r\n \"idContact\": idContact,\r\n \"idOperation\": idOperation\r\n };\r\n\r\n var url = \"api/Get/RegardeSiExisteDenonciationPourUnAutreCommercialisateurEtPourMoi\";\r\n var paramPost = Scriba.fetch().createParameterPost(objet);\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n\r\n static _chargementDenonciation(idContact, facteurNbreEnregistrement, recherche, tri, pageIndex, filtreActive) {\r\n let objet = {\r\n \"idContact\": idContact,\r\n \"nbreEnreg\": facteurNbreEnregistrement,\r\n \"recherche\": recherche,\r\n \"tri\": tri,\r\n \"pageIndex\": pageIndex,\r\n \"filtreActive\": filtreActive\r\n };\r\n var url = \"api/Liste/ListeDesDENONCIATIONS\";\r\n\r\n var paramPost = Scriba.fetch().createParameterPost(objet);\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n}","import { Label, PanelType, ScrollablePane, ScrollbarVisibility, SelectionMode, Stack } from '@fluentui/react';\r\nimport { useBoolean, useConst } from '@fluentui/react-hooks';\r\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\r\nimport { NotificationsTarget, useNotificationsManager } from '../../contexts/notificationContext';\r\nimport { DataDenonciation } from '../../data/DataDenonciation.jsx';\r\nimport { IDS_TYPE_MANDAT } from '../../data/DataTypeMandat.jsx';\r\nimport { Immocom } from '../../specifique/immocom';\r\nimport { ComboBoxCompte } from '../ComboBox/ComboBoxCompte';\r\nimport { ComboBoxSociete } from '../ComboBox/ComboBoxSociete';\r\nimport { EUIDetailsList } from '../EUI/EUIDetailsList.jsx';\r\nimport EUIPanel from '../EUI/EUIPanel.jsx';\r\nimport EUISeparator from '../EUI/EUISeparator.jsx';\r\n\r\nconst FicheDenonciation = (props) => {\r\n\r\n // CONTEXTS\r\n const { clear, dismiss, extract, load } = useNotificationsManager();\r\n\r\n // CONSTANTES\r\n const defaultDenonciation = useConst({\r\n idOperation: undefined,\r\n idSociete: undefined,\r\n loginCompte: undefined\r\n });\r\n\r\n // PROPS\r\n const {\r\n estAffectation = false,\r\n isOpen = false,\r\n listeIdContacts = [],\r\n /* --- */\r\n onDismiss = () => null,\r\n onSave = () => null\r\n } = props;\r\n\r\n // STATES\r\n const [_denonciation, _setDenonciation] = useState(defaultDenonciation);\r\n const [_isFormValid, { setFalse: _setFormIsNotValid, setTrue: _setFormIsValid }] = useBoolean(false);\r\n const [_items, _setItems] = useState([]);\r\n const [_monCompte, _setMonCompte] = useState(undefined);\r\n const [_peutDenoncerDesContacts, _setPeutDenoncerDesContacts] = useState(false);\r\n const [_peutDenoncerPourQQ1Autre, _setPeutDenoncerPourQQ1Autre] = useState(false);\r\n\r\n // REFS\r\n const _isLoaded = useRef(false); // Utilisé pour économiser des vérifications de formulaire\r\n const _isMounted = useRef(false); // Utilisé pour bloquer certains useEffect au premier render\r\n\r\n // METHODS\r\n const _chargementDonnees = useCallback(() => {\r\n const id = load(\"Chargement des opérations en cours...\");\r\n const method = estAffectation\r\n ? () => DataDenonciation._chargementOperationsDenonciationPourAjout(_denonciation.loginCompte)\r\n : () => DataDenonciation._chargementOperationsDenonciationPourSuppression(_denonciation.loginCompte, listeIdContacts)\r\n ;\r\n method().then(response => {\r\n const onSuccess = () => {\r\n const items = response.reponseAPIobjet;\r\n _setItems(items);\r\n };\r\n const onError = (result) => extract(result, NotificationsTarget.panels);\r\n Immocom.checkFetchResponse(response, onSuccess, onError);\r\n dismiss(id);\r\n });\r\n }, [_denonciation.loginCompte, estAffectation, listeIdContacts]);\r\n\r\n const _chargementDroits = useCallback(() => {\r\n const id = load(\"Chargement des droits en cours...\");\r\n DataDenonciation._chargementDroitsDenonciation().then(response => {\r\n const onSuccess = () => {\r\n const data = response.reponseAPIobjet;\r\n const peutDenoncerDesContacts = data[0];\r\n const peutDenoncerPourQQ1Autre = data[1];\r\n const monCompte = data[2];\r\n\r\n _setPeutDenoncerDesContacts(peutDenoncerDesContacts);\r\n _setPeutDenoncerPourQQ1Autre(peutDenoncerPourQQ1Autre);\r\n _setMonCompte(monCompte);\r\n\r\n if (!peutDenoncerPourQQ1Autre) {\r\n const { idSociete, loginCompte } = monCompte.compteTrav;\r\n _setDenonciation(prev => ({ ...prev, idSociete, loginCompte }));\r\n }\r\n\r\n _isLoaded.current = true;\r\n };\r\n const onError = (result) => extract(result, NotificationsTarget.panels);\r\n Immocom.checkFetchResponse(response, onSuccess, onError);\r\n dismiss(id);\r\n });\r\n }, []);\r\n\r\n const _onDismiss = useCallback(() => {\r\n clear();\r\n onDismiss();\r\n }, [clear, onDismiss]);\r\n\r\n const _onDismissed = useCallback(() => {\r\n _isLoaded.current = false;\r\n _setDenonciation(defaultDenonciation);\r\n _setFormIsNotValid();\r\n _setItems([]);\r\n _setMonCompte(undefined);\r\n _setPeutDenoncerDesContacts(false);\r\n _setPeutDenoncerPourQQ1Autre(false);\r\n }, []);\r\n\r\n const _onOpen = useCallback(() => {\r\n _chargementDroits();\r\n }, []);\r\n\r\n const _onSave = useCallback(() => {\r\n const id = load(`${estAffectation ? \"Enregistrement\" : \"Suppression\"} de la dénonciation en cours...`);\r\n const method = estAffectation\r\n ? () => DataDenonciation._onEnregistrementDenonciation(listeIdContacts, _denonciation)\r\n : () => DataDenonciation._onSuppressionDenonciation(listeIdContacts, _denonciation)\r\n ;\r\n method().then(response => {\r\n const onSuccess = onSave;\r\n const onError = (result) => extract(result, NotificationsTarget.panels);\r\n Immocom.checkFetchResponse(response, onSuccess, onError);\r\n dismiss(id);\r\n });\r\n }, [_denonciation, estAffectation, listeIdContacts, onSave]);\r\n\r\n const _onVerificationFormulaire = useCallback(() => {\r\n _setFormIsNotValid();\r\n let estValide = true;\r\n console.log(listeIdContacts)\r\n console.log(_denonciation)\r\n\r\n if (Array.isArray(listeIdContacts)) estValide &= listeIdContacts.length > 0;\r\n estValide &= !!_denonciation.loginCompte;\r\n estValide &= Array.isArray(_denonciation.listeIdOperations) && _denonciation.listeIdOperations.length > 0;\r\n if (estValide) _setFormIsValid();\r\n }, [_denonciation, listeIdContacts]);\r\n\r\n // EFFECTS (ComponentDidUpdate)\r\n // Vérification des données du formulaire\r\n useEffect(() => {\r\n if (_isMounted.current && _isLoaded.current)\r\n _onVerificationFormulaire();\r\n }, [_isLoaded, _isMounted, _denonciation]);\r\n\r\n // Réinitialiser la liste des opérations au changement du loginCompte\r\n useEffect(() => {\r\n if (_isMounted.current && _isLoaded.current) {\r\n if (!!_denonciation.loginCompte) _chargementDonnees();\r\n else _setItems([]);\r\n }\r\n }, [_isLoaded, _isMounted, _denonciation.loginCompte]);\r\n\r\n // EFFECTS (ComponentDidMount)\r\n useEffect(() => {\r\n _isMounted.current = true;\r\n }, []);\r\n\r\n // UI\r\n const _columns = useMemo(() => {\r\n return [{\r\n className: \"ms-hiddenMdDown\",\r\n headerClassName: \"ms-hiddenMdDown\",\r\n key: \"nomCommercial\",\r\n name: \"Nom commercial\"\r\n }, {\r\n className: \"ms-hiddenMdDown\",\r\n headerClassName: \"ms-hiddenMdDown\",\r\n key: \"region\",\r\n minWidth: 100,\r\n maxWidth: 500,\r\n name: \"Région\"\r\n }, {\r\n className: \"ms-hiddenMdDown\",\r\n headerClassName: \"ms-hiddenMdDown\",\r\n key: \"agence\",\r\n minWidth: 100,\r\n maxWidth: 500,\r\n name: \"Agence\"\r\n }];\r\n }, []);\r\n\r\n const _comboBoxSociete = useMemo(() => {\r\n if (!!_monCompte && !_peutDenoncerPourQQ1Autre)\r\n return \r\n \r\n
;\r\n else return {_monCompte.saSociete.nom}
\r\n \r\n \r\n
;\r\n else return {_monCompte.compteTrav.loginCompte}
\r\n {/* ComboBoxes height + separator */}\r\n \r\n \r\n _setDenonciation(prev => ({ ...prev, listeIdOperations: items.map(operation => operation.idOperation) }))}\r\n selectionMode={SelectionMode.multiple}\r\n styles={{ root: { root: { height: \"calc(100% - 31px)\" } } }} // Label height\r\n />\r\n \r\n
\r\n\r\n \r\n\r\n};\r\n\r\nexport default FicheDenonciation;","import { DefaultButton, PrimaryButton, SelectionMode } from '@fluentui/react';\r\nimport React, { Fragment, useCallback, useEffect, useMemo, useRef, useState } from 'react';\r\nimport { NotificationsTarget, useNotificationsManager } from '../../contexts/notificationContext';\r\nimport { usePerimetre } from '../../contexts/perimetreContext';\r\nimport { DataDenonciation } from '../../data/DataDenonciation';\r\nimport { Immocom } from '../../specifique/immocom';\r\nimport { EUIDetailsList } from '../EUI/EUIDetailsList';\r\nimport { EUIDialog } from '../EUI/EUIDialog';\r\nimport EUIIconButton from '../EUI/EUIIconButton';\r\nimport EUIPanel from '../EUI/EUIPanel';\r\nimport { EUIToggle } from '../EUI/EUIToggle';\r\nimport FicheContact from '../Fiche/FicheContact/FicheContact';\r\nimport FicheDenonciation from '../Fiche/FicheDenonciation';\r\n\r\nconst defaultFilters = {\r\n inclureDenonciationsActivesUniquement: true,\r\n recherche: \"\"\r\n};\r\n\r\nconst DetailsListDenonciation = (props) => {\r\n\r\n // CONTEXTS\r\n const { dismiss, extract, load } = useNotificationsManager();\r\n const { perimetre } = usePerimetre();\r\n\r\n // PROPS\r\n const {\r\n idContact = undefined // Renseigné lorsque DetailsList appelée depuis FicheContact\r\n } = props;\r\n\r\n // STATES\r\n const [_activeItems, _setActiveItems] = useState([]);\r\n const [_filtres, _setFiltres] = useState({ ...defaultFilters });\r\n const [_isSortedDescending, _setIsSortedDescending] = useState(false);\r\n const [_items, _setItems] = useState([]);\r\n const [_nbItemsToFetch, _setNbItemsToFetch] = useState(500);\r\n const [_pageIndex, _setPageIndex] = useState(1);\r\n const [_sortedColumn, _setSortedColumn] = useState(\"dateEcheance\");\r\n\r\n const [_afficherDialogSuppressionDenonciation, _setAfficherDialogSuppressionDenonciation] = useState(false);\r\n const [_afficherPanelContact, _setAfficherPanelContact] = useState(false);\r\n const [_afficherPanelDenonciation, _setAfficherPanelDenonciation] = useState(false);\r\n const [_afficherPanelFiltres, _setAfficherPanelFiltres] = useState(false);\r\n const [_peutDenoncerDesContacts, _setPeutDenoncerDesContacts] = useState(false);\r\n\r\n // REFS\r\n const _isMounted = useRef(false); // Utilisé pour bloquer certains useEffect au premier render\r\n\r\n // MEMOS\r\n const _activeItem = useMemo(() => {\r\n if (Array.isArray(_activeItems) && _activeItems.length === 1) return _activeItems[0];\r\n else return {};\r\n }, [_activeItems]);\r\n\r\n const _idContact = useMemo(() => {\r\n return idContact || _activeItem.idContact;\r\n }, [_activeItem, idContact]);\r\n\r\n const _tri = useMemo(() => {\r\n return `${_sortedColumn} ${_isSortedDescending ? \"DESC\" : \"ASC\"}`;\r\n }, [_isSortedDescending, _sortedColumn]);\r\n\r\n // METHODS\r\n const _applyFilters = useCallback((updates) => {\r\n _setFiltres(prev => ({ ...prev, ...updates }));\r\n _toggleUI(\"PanelFiltres\", false)();\r\n }, []);\r\n\r\n const _chargementDonnees = useCallback(() => {\r\n const id = load(\"Chargement des dénonciations en cours...\");\r\n const { inclureDenonciationsActivesUniquement, recherche } = _filtres;\r\n DataDenonciation._chargementDenonciation(idContact, _nbItemsToFetch, recherche, _tri, _pageIndex, inclureDenonciationsActivesUniquement).then(response => {\r\n const onSuccess = () => {\r\n const data = response.reponseAPIobjet;\r\n const newItems = data[0] || [];\r\n if (_pageIndex === 1) _setItems(newItems);\r\n else {\r\n if (newItems.length === 0) _setPageIndex(0); // Arrêt du lazy loading\r\n else _setItems(prev => prev.concat(newItems));\r\n }\r\n _setPeutDenoncerDesContacts(data[1]);\r\n };\r\n const onError = (result) => extract(result, NotificationsTarget.main);\r\n Immocom.checkFetchResponse(response, onSuccess, onError);\r\n dismiss(id);\r\n });\r\n }, [_filtres, _nbItemsToFetch, _pageIndex, _tri, idContact]);\r\n\r\n const _reload = useCallback(() => {\r\n if (_pageIndex === 1) _chargementDonnees();\r\n else _setPageIndex(1);\r\n _setActiveItems([]);\r\n }, [_chargementDonnees, _pageIndex]);\r\n\r\n const _supprimerDenonciation = useCallback(() => {\r\n const id = load(\"Suppression de la dénonciation en cours...\");\r\n const { date, idOperation, loginCompte } = _activeItem;\r\n const listeIdOperations = [idOperation];\r\n const denonciation = { date, loginCompte, listeIdOperations };\r\n DataDenonciation._onSuppressionDenonciation([_idContact], denonciation).then(response => {\r\n // MG - 23/02/2022 - retirer le contact supprimé du state pour recharger\r\n const onSuccess = () => _setItems(prev => prev.filter(item => !(item.idContact === _idContact && item.loginCompte === loginCompte && item.idOperation === idOperation)));\r\n const onError = (result) => extract(result, NotificationsTarget.main);\r\n Immocom.checkFetchResponse(response, onSuccess, onError);\r\n dismiss(id);\r\n });\r\n }, [_activeItem, _idContact, dismiss, extract, load]);\r\n\r\n const _onColumnHeaderClick = useCallback((sortedColumn, isSortedDescending) => {\r\n _setSortedColumn(sortedColumn);\r\n _setIsSortedDescending(isSortedDescending);\r\n }, []);\r\n\r\n const _onCounterClick = useCallback(() => {\r\n _setNbItemsToFetch(prev => prev > 0 ? -1 : 100);\r\n _setPageIndex(1);\r\n }, []);\r\n\r\n const _onSearch = useCallback((keyword) => {\r\n _setFiltres(prev => ({ ...prev, recherche: keyword }));\r\n }, []);\r\n\r\n const _onScroll = useCallback(() => {\r\n if (_pageIndex > 0 && _nbItemsToFetch > 0)\r\n _setPageIndex(prev => prev + 1);\r\n }, [_nbItemsToFetch, _pageIndex]);\r\n\r\n const _toggleUI = useCallback((nomUi, isOpen, items, callback) => () => {\r\n switch (nomUi) {\r\n case \"DialogSuppressionDenonciation\": _setAfficherDialogSuppressionDenonciation(isOpen); break;\r\n case \"PanelContact\": _setAfficherPanelContact(isOpen); break;\r\n case \"PanelDenonciation\": _setAfficherPanelDenonciation(isOpen); break;\r\n case \"PanelFiltres\": _setAfficherPanelFiltres(isOpen); break;\r\n default: break;\r\n }\r\n if (!!items) _setActiveItems(items);\r\n if (!!callback) callback();\r\n }, []);\r\n\r\n // EFFECTS (ComponentDidUpdate)\r\n // Réinitialiser pageIndex et activeItems lorsque les filtres ou le tri changent\r\n useEffect(() => {\r\n if (_isMounted.current)\r\n _reload();\r\n }, [_filtres, _isMounted, _isSortedDescending, _sortedColumn, perimetre]);\r\n\r\n // Recharger les données lorsqu'une dépendance change\r\n useEffect(() => {\r\n if (_isMounted.current)\r\n if (_pageIndex > 0) _chargementDonnees();\r\n }, [_isMounted, _nbItemsToFetch, _pageIndex]);\r\n\r\n // EFFECTS (ComponentDidMount)\r\n useEffect(() => {\r\n _chargementDonnees();\r\n _isMounted.current = true;\r\n }, []);\r\n\r\n // UI\r\n //#region chargement des columns\r\n const _columns = useMemo(() => {\r\n\r\n let columns = [{\r\n key: \"active\",\r\n minWidth: 50,\r\n maxWidth: 50,\r\n name: \"Active\",\r\n onRender: (item) => {\r\n const iconName = item.active ? \"Accept\" : \"Blocked\";\r\n return Transférer vers
\r\n\r\n \r\n
\r\n ;\r\n\r\n };\r\n\r\n};","import { SelectionMode } from '@fluentui/react';\r\nimport React, { Fragment, useCallback, useEffect, useMemo, useRef, useState } from 'react';\r\nimport { NotificationsTarget, useNotificationsManager } from '../../contexts/notificationContext';\r\nimport { usePerimetre } from '../../contexts/perimetreContext';\r\nimport { DataContact } from '../../data/DataContact';\r\nimport { DataOrigineContact } from '../../data/DataOrigineContact';\r\nimport { Immocom } from '../../specifique/immocom';\r\nimport { EUIDetailsList } from '../EUI/EUIDetailsList';\r\nimport { FicheContactTransfertPropriete } from '../Fiche/FicheContactTransfertPropriete';\r\nimport FicheDenonciation from '../Fiche/FicheDenonciation';\r\n\r\nconst DetailsListOrigineContact = (props) => {\r\n\r\n // CONTEXTS\r\n const { dismiss, extract, load } = useNotificationsManager();\r\n const { perimetre } = usePerimetre();\r\n\r\n // PROPS\r\n const {\r\n idContact = undefined,\r\n } = props;\r\n\r\n // CONSTANTES\r\n\r\n // STATES\r\n const [_activeItems, _setActiveItems] = useState([]);\r\n const [_filtres, _setFiltres] = useState(!!idContact ? { idContact } : {});\r\n const [_isSortedDescending, _setIsSortedDescending] = useState(true);\r\n const [_items, _setItems] = useState([]);\r\n const [_nbItemsToFetch, _setNbItemsToFetch] = useState(100);\r\n const [_pageIndex, _setPageIndex] = useState(1);\r\n const [_sortedColumn, _setSortedColumn] = useState(\"creerLe\");\r\n\r\n const [_afficherPanelDenonciation, _setAfficherPanelDenonciation] = useState(false);\r\n const [_afficherPanelTransfertPropriete, _setAfficherPanelTransfertPropriete] = useState(false);\r\n const [_estAffectation, _setEstAffectation] = useState(false);\r\n const [_peutAffecterA, _setPeutAffecterA] = useState(false);\r\n const [_peutRetirerA, _setPeutRetirerA] = useState(false);\r\n\r\n // REFS\r\n const _isMounted = useRef(false); // Utilisé pour bloquer certains useEffect au premier render\r\n\r\n // MEMOS\r\n const _tri = useMemo(() => {\r\n return `${_sortedColumn} ${_isSortedDescending ? \"DESC\" : \"ASC\"}`;\r\n }, [_isSortedDescending, _sortedColumn])\r\n\r\n // METHODS\r\n const _chargementDonnees = useCallback(() => {\r\n const id = load(\"Chargement des données en cours...\");\r\n DataOrigineContact._chargementOriginesContacts(_filtres, _tri, _nbItemsToFetch, _pageIndex).then(response => {\r\n const onSuccess = () => {\r\n const newItems = response.reponseAPIobjet || [];\r\n if (_pageIndex === 1) _setItems(newItems);\r\n else {\r\n if (newItems.length === 0) _setPageIndex(0); // Arrêt du lazy loading\r\n else _setItems(prev => prev.concat(newItems));\r\n }\r\n };\r\n const onError = (result) => extract(result, NotificationsTarget.main);\r\n Immocom.checkFetchResponse(response, onSuccess, onError);\r\n dismiss(id);\r\n });\r\n }, [_filtres, _nbItemsToFetch, _pageIndex, _tri]);\r\n\r\n const _reload = useCallback(() => {\r\n if (_pageIndex === 1) _chargementDonnees();\r\n else _setPageIndex(1);\r\n _setActiveItems([]);\r\n }, [_chargementDonnees, _pageIndex]);\r\n\r\n const _chargementDroits = useCallback(() => {\r\n const id = load(\"Chargement des droits en cours...\");\r\n DataContact._chargementListeDesDroitsFicheContact().then(response => {\r\n const onSuccess = () => {\r\n const droits = response.reponseAPIobjet;\r\n _setPeutAffecterA(droits[10]);\r\n _setPeutRetirerA(droits[11]);\r\n };\r\n const onError = (result) => extract(result, NotificationsTarget.main);\r\n Immocom.checkFetchResponse(response, onSuccess, onError);\r\n dismiss(id);\r\n });\r\n }, []);\r\n\r\n const _onColumnHeaderClick = useCallback((sortedColumn, isSortedDescending) => {\r\n _setSortedColumn(sortedColumn);\r\n _setIsSortedDescending(isSortedDescending);\r\n }, []);\r\n\r\n const _onCounterClick = useCallback(() => {\r\n _setNbItemsToFetch(prev => prev > 0 ? -1 : 100);\r\n _setPageIndex(1);\r\n }, []);\r\n\r\n const _onSearch = useCallback((keyword) => {\r\n _setFiltres(prev => ({ ...prev, recherche: keyword }));\r\n }, []);\r\n\r\n const _onScroll = useCallback(() => {\r\n if (_pageIndex > 0 && _nbItemsToFetch > 0)\r\n _setPageIndex(prev => prev + 1);\r\n }, [_nbItemsToFetch, _pageIndex]);\r\n\r\n const _toggleUI = useCallback((nomUi, isOpen, items, callback) => () => {\r\n switch (nomUi) {\r\n case \"PanelCreerDenonciation\":\r\n _setEstAffectation(true);\r\n _setAfficherPanelDenonciation(isOpen);\r\n break;\r\n case \"PanelDenonciation\": _setAfficherPanelDenonciation(isOpen); break;\r\n case \"PanelSupprimerDenonciation\":\r\n _setEstAffectation(false);\r\n _setAfficherPanelDenonciation(isOpen);\r\n break;\r\n case \"PanelTransfertPropriete\": _setAfficherPanelTransfertPropriete(isOpen); break;\r\n default: break;\r\n }\r\n if (!!items) _setActiveItems(items);\r\n if (!!callback) callback();\r\n }, []);\r\n\r\n // EFFECTS (ComponentDidUpdate)\r\n // Réinitialiser pageIndex et activeItems lorsque les filtres ou le tri changent\r\n useEffect(() => {\r\n if (_isMounted.current)\r\n _reload();\r\n }, [_isMounted, _filtres, _isSortedDescending, _sortedColumn, perimetre]);\r\n\r\n // Recharger les données lorsqu'une dépendance change\r\n useEffect(() => {\r\n if (_isMounted.current)\r\n if (_pageIndex > 0) _chargementDonnees();\r\n }, [_isMounted, _nbItemsToFetch, _pageIndex]);\r\n\r\n // EFFECTS (ComponentDidMount)\r\n useEffect(() => {\r\n _chargementDonnees();\r\n _chargementDroits();\r\n _isMounted.current = true;\r\n }, []);\r\n\r\n // UI\r\n const _columns = useMemo(\r\n () => [{\r\n key: \"nomCommercial\",\r\n minWidth: 75,\r\n maxWidth: 150,\r\n name: \"Opération\",\r\n }, {\r\n key: \"nom\",\r\n minWidth: 100,\r\n maxWidth: 150,\r\n name: \"Nom\",\r\n }, {\r\n key: \"prenom\",\r\n minWidth: 100,\r\n maxWidth: 150,\r\n name: \"Prénom\",\r\n }, {\r\n format: \"date\",\r\n key: \"creerLe\",\r\n name: \"Créé le\",\r\n }, {\r\n className: \"ms-hiddenLgDown\",\r\n headerClassName: \"ms-hiddenLgDown\",\r\n key: \"proprietaireEnCours\",\r\n minWidth: 75,\r\n maxWidth: 200,\r\n name: \"Propriétaire\",\r\n }, {\r\n key: \"email\",\r\n minWidth: 130,\r\n maxWidth: 150,\r\n name: \"Mail lead\",\r\n }, {\r\n key: \"zoneGeographique\",\r\n minWidth: 100,\r\n maxWidth: 150,\r\n name: \"Zone de recherche\",\r\n }, {\r\n className: \"ms-hiddenLgDown\",\r\n headerClassName: \"ms-hiddenLgDown\",\r\n key: \"webtag\",\r\n minWidth: 260,\r\n maxWidth: 260,\r\n name: \"Webtag\",\r\n }, {\r\n className: \"ms-hiddenMdDown\",\r\n headerClassName: \"ms-hiddenMdDown\",\r\n key: \"url\",\r\n minWidth: 100,\r\n maxWidth: 100,\r\n name: \"URL\",\r\n }, {\r\n key: \"utm_medium\",\r\n minWidth: 100,\r\n maxWidth: 100,\r\n name: \"Medium UTM\",\r\n }, {\r\n key: \"utm_source\",\r\n minWidth: 100,\r\n maxWidth: 150,\r\n name: \"Source UTM\",\r\n }, {\r\n key: \"utm_campaign\",\r\n minWidth: 75,\r\n maxWidth: 75,\r\n name: \"Campagne UTM\",\r\n }, {\r\n className: \"ms-hiddenXlDown\",\r\n headerClassName: \"ms-hiddenXlDown\",\r\n key: \"utm_term\",\r\n minWidth: 75,\r\n maxWidth: 75,\r\n name: \"Mots-clés UTM\",\r\n }, {\r\n className: \"ms-hiddenXlDown\",\r\n headerClassName: \"ms-hiddenXlDown\",\r\n key: \"utm_content\",\r\n minWidth: 75,\r\n maxWidth: 75,\r\n name: \"Contenu UTM\",\r\n }],\r\n []\r\n );\r\n\r\n const _menuItems = useMemo(\r\n () => {\r\n let items = [];\r\n if (_peutAffecterA)\r\n items.push({\r\n disabled: _activeItems.length === 0,\r\n iconProps: { iconName: \"PageEdit\" },\r\n key: \"link\",\r\n name: \"Poser des dénonciations\",\r\n onClick: _toggleUI(\"PanelCreerDenonciation\", true)\r\n });\r\n if (_peutRetirerA)\r\n items.push({\r\n disabled: _activeItems.length === 0,\r\n iconProps: { iconName: \"PageRemove\" },\r\n key: \"unlink\",\r\n name: \"Enlever des dénonciations\",\r\n onClick: _toggleUI(\"PanelSupprimerDenonciation\", true)\r\n });\r\n if (_peutAffecterA)\r\n items.push({\r\n disabled: _activeItems.length === 0,\r\n key: \"transfert\",\r\n name: \"Transfert de propriété\",\r\n iconProps: { iconName: \"Switch\" },\r\n onClick: _toggleUI(\"PanelTransfertPropriete\", true)\r\n });\r\n return items;\r\n },\r\n [_activeItems, _peutAffecterA, _peutRetirerA]\r\n );\r\n\r\n // RENDER\r\n return \r\n
\r\n \r\n this.setState({ idSocieteCible: option.key, loginCompteCible: \"\" })}\r\n required\r\n selectedKey={idSocieteCible}\r\n />\r\n
\r\n \r\n this.setState({ loginCompteCible: option.key })}\r\n required\r\n selectedKey={loginCompteCible}\r\n />\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n _setSouhait(prev => ({ ...prev, profilAcquereur: option.key }))}\r\n selectedKey={_souhait.profilAcquereur}\r\n />\r\n
\r\n \r\n _setSouhait(prev => ({ ...prev, rechercheMotifAcquisition: option.key }))}\r\n required\r\n selectedKey={_souhait.rechercheMotifAcquisition}\r\n />\r\n
\r\n \r\n
\r\n \r\n _setSouhait(prev => ({ ...prev, rechercheNombrePiece: option.key }))}\r\n selectedKey={_souhait.rechercheNombrePiece}\r\n />\r\n
\r\n \r\n {\r\n const idNature = _souhait.rechercheIdNature;\r\n if (!!idNature && !items.some(item => item.idNature === idNature)) // Check si idNature du souhait existe dans tableau des options\r\n _setSouhait(prev => ({ ...prev, rechercheIdNature: 0 })) // Si ce n'est pas le cas, réinitialiser idNature\r\n }}\r\n onChange={(event, option) => _setSouhait(prev => ({ ...prev, rechercheIdNature: option.key }))}\r\n placeholder=\"Type de logement\"\r\n rangAffichage=\"1\"\r\n required\r\n selectedKey={_souhait.rechercheIdNature}\r\n />\r\n
\r\n \r\n
\r\n \r\n _setSouhait(prev => ({ ...prev, rechercheBudgetAcquisition: newValue }))}\r\n value={_souhait.rechercheBudgetAcquisition}\r\n />\r\n
\r\n \r\n _setSouhait(prev => ({ ...prev, rechercheApportPersonnel: newValue }))}\r\n value={_souhait.rechercheApportPersonnel}\r\n />\r\n
\r\n \r\n
\r\n \r\n _setSouhait(prev => ({ ...prev, suiviCommercial: option.key }))}\r\n desactiverChampClient\r\n selectedKey={(!!_souhait.idReservation ? \"Client\" : _souhait.suiviCommercial)}\r\n />\r\n
\r\n \r\n _setSouhait(prev => ({ ...prev, rechercheOrigineCommerciale: option.key }))}\r\n required\r\n selectedKey={_souhait.rechercheOrigineCommerciale}\r\n />\r\n
\r\n \r\n
\r\n \r\n _setSouhait(prev => ({ ...prev, dateDernierSuiviCommercial: Scriba.date().getChaineISOFromDate(date) }))}\r\n value={_souhait.dateDernierSuiviCommercial}\r\n />\r\n
\r\n \r\n _setSouhait(prev => ({ ...prev, rechercheCampagneCommerciale: option.key }))}\r\n selectedKey={_souhait.rechercheCampagneCommerciale}\r\n />\r\n
\r\n \r\n
\r\n \r\n _setSouhait(prev => ({ ...prev, eligibleTVAReduite: isChecked }))} />\r\n
\r\n \r\n _setSouhait(prev => ({ ...prev, eligiblePTZ: isChecked }))} />\r\n
\r\n \r\n
\r\n \r\n _setSouhait(prev => ({ ...prev, rechercheDateRDV1: Scriba.date().getChaineISOFromDate(date) }))}\r\n value={_souhait.rechercheDateRDV1}\r\n />\r\n
\r\n \r\n _setSouhait(prev => ({ ...prev, rechercheDateRDV2: Scriba.date().getChaineISOFromDate(date) }))}\r\n value={_souhait.rechercheDateRDV2}\r\n />\r\n
\r\n \r\n _setSouhait(prev => ({ ...prev, rechercheDateRDV3: Scriba.date().getChaineISOFromDate(date) }))}\r\n value={_souhait.rechercheDateRDV3}\r\n />\r\n
\r\n \r\n
\r\n \r\n _setSouhait(prev => ({ ...prev, rechercheRemarque: newValue }))}\r\n rows={6}\r\n value={_souhait.rechercheRemarque}\r\n />\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n Périmètre * \r\n
\r\n \r\n _setSouhait(prev => ({ ...prev, nationalAdministratif: isChecked, rechercheNational: isChecked }))}\r\n disabled={!_peutModifierPerimetre}\r\n />\r\n
\r\n \r\n _onChangePerimetre(\"idRegionAdministrative\", option.key)}\r\n selectedKey={_souhait.idRegionAdministrative}\r\n />\r\n
\r\n \r\n _onChangePerimetre(\"idDepartementAdministratif\", option.key)}\r\n selectedKey={_souhait.idDepartementAdministratif}\r\n />\r\n
\r\n \r\n _onChangePerimetre(\"idVilleAdministrative\", option.key)}\r\n selectedKey={_souhait.idVilleAdministrative}\r\n />\r\n
\r\n \r\n _onChangePerimetre(\"rechercheIdOperation\", option.key)}\r\n perimetre=\"administratif\"\r\n selectedKey={_souhait.rechercheIdOperation || _souhait.idOperation}\r\n />\r\n
\r\n \r\n \r\n {!!value && 
}\r\n \r\n
;\r\n };\r\n\r\n};","import { Icon } from 'office-ui-fabric-react';\r\nimport { DefaultButton, IconButton, PrimaryButton } from 'office-ui-fabric-react/lib/Button';\r\nimport { Label } from 'office-ui-fabric-react/lib/Label';\r\nimport { Panel, PanelType } from 'office-ui-fabric-react/lib/Panel';\r\nimport { SpinButton } from 'office-ui-fabric-react/lib/SpinButton';\r\nimport { TextField } from 'office-ui-fabric-react/lib/TextField';\r\nimport { Toggle } from 'office-ui-fabric-react/lib/Toggle';\r\nimport { Position } from 'office-ui-fabric-react/lib/utilities/positioning';\r\nimport React, { Component } from 'react';\r\nimport Scriba from '@devnet/react-scriba';\r\nimport { DataSouhait } from '../../data/DataSouhait.jsx';\r\nimport { MaxLengths } from '../../data/MaxLenghts';\r\nimport { Immocom } from '../../specifique/immocom';\r\nimport { ComboBoxOrigineCommerciale } from '../ComboBox/ComboBoxOrigineCommerciale';\r\nimport { EUIComboBox } from '../EUI/EUIComboBox.jsx';\r\nimport { EUIDatePicker } from '../EUI/EUIDatePicker.jsx';\r\nimport { EUITextField } from '../EUI/EUITextField';\r\nimport { ProgressIndicatorChargement } from '../Loader/ProgressIndicatorChargement';\r\nimport { MessageBars } from '../Outils/MessageBars';\r\nimport { Upload } from '../Outils/Upload';\r\nimport './FicheSouhait_MaisonIndividuelle.css';\r\n\r\n/****************************************************************\r\nPROPS :\r\nidSouhait : id du souhait en cours de modification\r\nidContact : id du contact\r\nonAnnuleFiche : événement déclenché lors de la fermeture du panel\r\nonAffichePanelSouhait : indique si le panel est ouvert ou non\r\nonEnregistrementFiche : événements déclenché lors de l'enregistrement du panel\r\n****************************************************************/\r\n\r\nvar objetState = {\r\n idContact: 0,\r\n idSouhait: 0,\r\n souhait: {},\r\n\r\n peutCreerSouhait: false,\r\n peutModifierSouhait: false,\r\n\r\n enCoursDeTraitement: false,\r\n\r\n onActiveBoutonEnregistrer: false,\r\n\r\n hideMessageBarError: true,\r\n errorMessage: '',\r\n hideMessageBarWarning: true,\r\n warningMessage: ''\r\n\r\n //titrePanel: 'Feuille de découverte'\r\n};\r\n\r\nexport class FicheSouhaitMaisonIndividuelle extends Component {\r\n _creationContent() {\r\n let titrePanel = (this.state.idSouhait === 0 ? 'Création de souhait' : 'Edition de souhait');\r\n\r\n return (\r\n this.setState({ errorMessage: \"\" })}\r\n onDismissWarningMessage={() => this.setState({ warningMessage: \"\" })}\r\n />\r\n\r\n {this.state.enCoursDeTraitement ?
\r\n );\r\n }\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = objetState;\r\n }\r\n\r\n _onInit() {\r\n this.setState(objetState);\r\n }\r\n\r\n _onRenderFooterContentPanel = () => {\r\n let boutonActif = this.state.onActiveBoutonEnregistrer;\r\n\r\n return (\r\n
\r\n\r\n \r\n Scriba.state().setObjetPropriete(this, \"souhait\", \"rechercheOrigineCommerciale\", option.key, this._onVerificationFormulaire)}\r\n required\r\n selectedKey={this.state.souhait.rechercheOrigineCommerciale}\r\n />\r\n
\r\n \r\n Scriba.state().setObjetPropriete(this, \"souhait\", \"rechercheDateRDV1\", Scriba.date().getChaineISOFromDate(date), this._onVerificationFormulaire)}\r\n value={this.state.souhait.rechercheDateRDV1}\r\n />\r\n
\r\n \r\n Scriba.state().setObjetPropriete(this, \"souhait\", \"rechercheDateRDV2\", Scriba.date().getChaineISOFromDate(date), this._onVerificationFormulaire)}\r\n value={this.state.souhait.rechercheDateRDV2}\r\n />\r\n
\r\n \r\n Scriba.state().setObjetPropriete(this, \"souhait\", \"rechercheDateRDV3\", Scriba.date().getChaineISOFromDate(date), this._onVerificationFormulaire)}\r\n value={this.state.souhait.rechercheDateRDV3}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n this.setState({ onActiveBoutonEnregistrer: false })}\r\n onDelayedChange={(event, newValue) => Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_ButProjetConstruction\", newValue, this._onVerificationFormulaire)}\r\n rows={3}\r\n value={this.state.souhait.mI_ButProjetConstruction}\r\n />\r\n
\r\n \r\n this.setState({ onActiveBoutonEnregistrer: false })}\r\n onDelayedChange={(event, newValue) => Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_ConnaissanceEntourageConstruction\", newValue, this._onVerificationFormulaire)}\r\n rows={3}\r\n value={this.state.souhait.mI_ConnaissanceEntourageConstruction}\r\n />\r\n
\r\n \r\n this.setState({ onActiveBoutonEnregistrer: false })}\r\n onDelayedChange={(event, newValue) => Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_ConseillerTechnique\", newValue, this._onVerificationFormulaire)}\r\n value={this.state.souhait.mI_ConseillerTechnique}\r\n />\r\n
\r\n \r\n this.setState({ onActiveBoutonEnregistrer: false })}\r\n onDelayedChange={(event, newValue) => Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_ConnaissanceGroupe\", newValue, this._onVerificationFormulaire)}\r\n rows={3}\r\n value={this.state.souhait.mI_ConnaissanceGroupe}\r\n />\r\n
\r\n \r\n
\r\n \r\n this.setState({ onActiveBoutonEnregistrer: false })}\r\n onDelayedChange={(event, newValue) => Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_AttenteConstructeur\", newValue, this._onVerificationFormulaire)}\r\n rows={3}\r\n value={this.state.souhait.mI_AttenteConstructeur}\r\n />\r\n
\r\n \r\n this.setState({ onActiveBoutonEnregistrer: false })}\r\n onDelayedChange={(event, newValue) => Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_DemarchesEffectueesProjet\", newValue, this._onVerificationFormulaire)}\r\n rows={3}\r\n value={this.state.souhait.mI_DemarchesEffectueesProjet}\r\n />\r\n
\r\n \r\n this.setState({ onActiveBoutonEnregistrer: false })}\r\n onDelayedChange={(event, newValue) => Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_ConfreresRencontres\", newValue, this._onVerificationFormulaire)}\r\n rows={3}\r\n value={this.state.souhait.mI_ConfreresRencontres}\r\n />\r\n
\r\n \r\n Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_DateEntreeSouhaitee\", Scriba.date().getChaineISOFromDate(date), this._onVerificationFormulaire)}\r\n value={this.state.souhait.mI_DateEntreeSouhaitee}\r\n />\r\n
\r\n \r\n Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_DatePrevisionnelleDecision\", Scriba.date().getChaineISOFromDate(date), this._onVerificationFormulaire)}\r\n value={this.state.souhait.mI_DatePrevisionnelleDecision}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Scriba.state().setObjetPropriete(this, \"souhait\", \"dateNaissanceEnfant1\", Scriba.date().getChaineISOFromDate(date), this._onVerificationFormulaire)}\r\n value={this.state.souhait.dateNaissanceEnfant1}\r\n />\r\n
\r\n \r\n Scriba.state().setObjetPropriete(this, \"souhait\", \"dateNaissanceEnfant2\", Scriba.date().getChaineISOFromDate(date), this._onVerificationFormulaire)}\r\n value={this.state.souhait.dateNaissanceEnfant2}\r\n />\r\n
\r\n \r\n Scriba.state().setObjetPropriete(this, \"souhait\", \"dateNaissanceEnfant3\", Scriba.date().getChaineISOFromDate(date), this._onVerificationFormulaire)}\r\n value={this.state.souhait.dateNaissanceEnfant3}\r\n />\r\n
\r\n \r\n Scriba.state().setObjetPropriete(this, \"souhait\", \"dateNaissanceEnfant4\", Scriba.date().getChaineISOFromDate(date), this._onVerificationFormulaire)}\r\n value={this.state.souhait.dateNaissanceEnfant4}\r\n />\r\n
\r\n \r\n Scriba.state().setObjetPropriete(this, \"souhait\", \"dateNaissanceEnfant5\", Scriba.date().getChaineISOFromDate(date), this._onVerificationFormulaire)}\r\n value={this.state.souhait.dateNaissanceEnfant5}\r\n />\r\n
\r\n \r\n
\r\n \r\n Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_PossedeAnimaux\", isChecked, this._onVerificationFormulaire)}\r\n />\r\n
\r\n \r\n Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_EstBricoleur\", isChecked, this._onVerificationFormulaire)}\r\n />\r\n
\r\n \r\n this.setState({ onActiveBoutonEnregistrer: false })}\r\n onDelayedChange={(event, newValue) => Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_ModeDeVie\", newValue, this._onVerificationFormulaire)}\r\n rows={3}\r\n value={this.state.souhait.mI_ModeDeVie}\r\n />\r\n
\r\n \r\n this.setState({ onActiveBoutonEnregistrer: false })}\r\n onDelayedChange={(event, newValue) => Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_Hobbies\", newValue, this._onVerificationFormulaire)}\r\n rows={3}\r\n value={this.state.souhait.mI_Hobbies}\r\n />\r\n
\r\n \r\n {\r\n if (Number(value) > 10 || Number(value) < 0 || value.trim().length === 0 || isNaN(+value)) {\r\n return '0';\r\n }\r\n else {\r\n Scriba.officeUI().textField().nombre().onBlurTextFieldNombreObjet(this, 'souhait', 'mI_NbVehicules', String(value), 'fr', this._onVerificationFormulaire);\r\n }\r\n\r\n return String(value);\r\n }}\r\n onIncrement={(value) => {\r\n value = Number(value);\r\n if ((Number(value) + 1) > 10) {\r\n return '10';\r\n } else {\r\n Scriba.officeUI().textField().nombre().onBlurTextFieldNombreObjet(this, 'souhait', 'mI_NbVehicules', String(value + 1), 'fr', this._onVerificationFormulaire);\r\n return String(value + 1);\r\n }\r\n }}\r\n onDecrement={(value) => {\r\n value = Number(value);\r\n if ((Number(value) - 1) < 0) {\r\n return '0';\r\n } else {\r\n Scriba.officeUI().textField().nombre().onBlurTextFieldNombreObjet(this, 'souhait', 'mI_NbVehicules', String(value - 1), 'fr', this._onVerificationFormulaire);\r\n return String(value - 1);\r\n }\r\n }}\r\n />\r\n
\r\n \r\n Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_PossedeMoto\", isChecked, this._onVerificationFormulaire)}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n this.setState({ onActiveBoutonEnregistrer: false })}\r\n onDelayedChange={(event, newValue) => Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_LieuTravail\", newValue, this._onVerificationFormulaire)}\r\n value={this.state.souhait.mI_LieuTravail}\r\n />\r\n
\r\n \r\n Scriba.officeUI().textField().nombre().onFocusTextFieldNombreObjet(this, 'souhait', 'mI_NbAnneesTravail', this._onVerificationFormulaire)}\r\n onBlur={e => Scriba.officeUI().textField().nombre().onBlurTextFieldNombreObjet(this, 'souhait', 'mI_NbAnneesTravail', e.target.value, 'fr', this._onVerificationFormulaire)}\r\n onChanged={value => Scriba.officeUI().textField().nombre().onBlurTextFieldNombreObjet(this, 'souhait', 'mI_NbAnneesTravail', value, 'fr', this._onVerificationFormulaire)}\r\n onGetErrorMessage={e => Scriba.officeUI().textField().nombre().onGetErrorMessageTextFieldNombre(this, 'mI_NbAnneesTravail', e, false, 0)}\r\n />\r\n
\r\n \r\n this.setState({ onActiveBoutonEnregistrer: false })}\r\n onDelayedChange={(event, newValue) => Scriba.state().setObjetPropriete(this, \"souhait\", \"profession\", newValue, this._onVerificationFormulaire)}\r\n value={this.state.souhait.profession}\r\n />\r\n
\r\n \r\n
\r\n \r\n this.setState({ onActiveBoutonEnregistrer: false })}\r\n onDelayedChange={(event, newValue) => Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_EvolutionsPossiblesTravail\", newValue, this._onVerificationFormulaire)}\r\n rows={3}\r\n value={this.state.souhait.mI_EvolutionsPossiblesTravail}\r\n />\r\n
\r\n \r\n Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_ContratSituationProfessionnelle\", option.key, this._onVerificationFormulaire)}\r\n options={[\r\n { key: 'CDI', text: 'CDI' },\r\n { key: 'CDD', text: 'CDD' },\r\n { key: 'Intérim', text: 'Intérim' },\r\n { key: 'Sans emploi', text: 'Sans emploi' }\r\n ]}\r\n selectedKey={this.state.souhait.mI_ContratSituationProfessionnelle}\r\n />\r\n
\r\n \r\n Scriba.officeUI().textField().nombre().onFocusTextFieldNombreObjet(this, 'souhait', 'revenusAnnuels', this._onVerificationFormulaire)}\r\n onBlur={e => Scriba.officeUI().textField().nombre().onBlurTextFieldNombreObjet(this, 'souhait', 'revenusAnnuels', e.target.value, 'fr', this._onVerificationFormulaire)}\r\n onGetErrorMessage={e => Scriba.officeUI().textField().nombre().onGetErrorMessageTextFieldNombre(this, 'revenusAnnuels', e, false, 2)}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n this.setState({ onActiveBoutonEnregistrer: false })}\r\n onDelayedChange={(event, newValue) => Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_FinancementEnvisage\", newValue, this._onVerificationFormulaire)}\r\n rows={3}\r\n value={this.state.souhait.mI_FinancementEnvisage}\r\n />\r\n
\r\n \r\n Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_Credit\", option.key, this._onVerificationFormulaire)}\r\n options={[\r\n { key: 'Crédit total', text: 'Crédit total' },\r\n { key: 'Apport + crédit', text: 'Apport + crédit' }\r\n ]}\r\n selectedKey={this.state.souhait.mI_Credit}\r\n />\r\n
\r\n \r\n Scriba.officeUI().textField().nombre().onFocusTextFieldNombreObjet(this, 'souhait', 'mI_MensualiteSouhaitee', this._onVerificationFormulaire)}\r\n onBlur={e => Scriba.officeUI().textField().nombre().onBlurTextFieldNombreObjet(this, 'souhait', 'mI_MensualiteSouhaitee', e.target.value, 'fr', this._onVerificationFormulaire)}\r\n onGetErrorMessage={e => Scriba.officeUI().textField().nombre().onGetErrorMessageTextFieldNombre(this, 'mI_MensualiteSouhaitee', e, false, 0)}\r\n />\r\n
\r\n \r\n Scriba.officeUI().textField().nombre().onFocusTextFieldNombreObjet(this, 'souhait', 'rechercheApportPersonnel', this._onVerificationFormulaire)}\r\n onBlur={e => Scriba.officeUI().textField().nombre().onBlurTextFieldNombreObjet(this, 'souhait', 'rechercheApportPersonnel', e.target.value, 'fr', this._onVerificationFormulaire)}\r\n onGetErrorMessage={e => Scriba.officeUI().textField().nombre().onGetErrorMessageTextFieldNombre(this, 'rechercheApportPersonnel', e, false, 2)}\r\n />\r\n
\r\n \r\n Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_APretEnCours\", isChecked, this._onVerificationFormulaire)}\r\n />\r\n
\r\n \r\n Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_APensionsAlimentaires\", isChecked, this._onVerificationFormulaire)}\r\n />\r\n
\r\n \r\n
\r\n \r\n this.setState({ onActiveBoutonEnregistrer: false })}\r\n onDelayedChange={(event, newValue) => Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_AutresSourcesRevenus\", newValue, this._onVerificationFormulaire)}\r\n value={this.state.souhait.mI_AutresSourcesRevenus}\r\n />\r\n
\r\n \r\n this.setState({ onActiveBoutonEnregistrer: false })}\r\n onDelayedChange={(event, newValue) => Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_PersonneAidanteFinancement\", newValue, this._onVerificationFormulaire)}\r\n value={this.state.souhait.mI_PersonneAidanteFinancement}\r\n />\r\n
\r\n \r\n {\r\n let champAVider = \"mI_BanquesRencontrees\";\r\n\r\n if (isChecked) {\r\n champAVider = \"mI_DateRdvPartenaire\";\r\n }\r\n\r\n let souhaitTrav = { ...this.state.souhait };\r\n souhaitTrav.mI_ARencontreBanque = isChecked;\r\n souhaitTrav[champAVider] = null;\r\n\r\n this.setState({\r\n souhait: souhaitTrav\r\n }, this._onVerificationFormulaire);\r\n }}\r\n />\r\n
\r\n \r\n this.setState({ onActiveBoutonEnregistrer: false })}\r\n onDelayedChange={(event, newValue) => Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_BanquesRencontrees\", newValue, this._onVerificationFormulaire)}\r\n value={this.state.souhait.mI_BanquesRencontrees}\r\n />\r\n
\r\n \r\n Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_DateRdvPartenaire\", Scriba.date().getChaineISOFromDate(date), this._onVerificationFormulaire)}\r\n value={this.state.souhait.mI_DateRdvPartenaire}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_PossedeTerrain\", isChecked, this._onVerificationFormulaire)}\r\n />\r\n
\r\n \r\n this.setState({ onActiveBoutonEnregistrer: false })}\r\n onDelayedChange={(event, newValue) => Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_TerrainEnvisage\", newValue, this._onVerificationFormulaire)}\r\n rows={3}\r\n value={this.state.souhait.mI_TerrainEnvisage}\r\n />\r\n
\r\n \r\n this.setState({ onActiveBoutonEnregistrer: false })}\r\n onDelayedChange={(event, newValue) => Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_TerrainIdealEtEmplacement\", newValue, this._onVerificationFormulaire)}\r\n rows={3}\r\n value={this.state.souhait.mI_TerrainIdealEtEmplacement}\r\n />\r\n
\r\n \r\n this.setState({ onActiveBoutonEnregistrer: false })}\r\n onDelayedChange={(event, newValue) => Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_CommuneNonSouhaitee\", newValue, this._onVerificationFormulaire)}\r\n value={this.state.souhait.mI_CommuneNonSouhaitee}\r\n />\r\n
\r\n \r\n this.setState({ onActiveBoutonEnregistrer: false })}\r\n onDelayedChange={(event, newValue) => Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_EmplacementIdeal\", newValue, this._onVerificationFormulaire)}\r\n value={this.state.souhait.mI_EmplacementIdeal}\r\n />\r\n
\r\n \r\n this.setState({ onActiveBoutonEnregistrer: false })}\r\n onDelayedChange={(event, newValue) => Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_LieuNounouEnfants\", newValue, this._onVerificationFormulaire)}\r\n value={this.state.souhait.mI_LieuNounouEnfants}\r\n />\r\n
\r\n \r\n
\r\n \r\n Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_EstTerrainPiscinable\", isChecked, this._onVerificationFormulaire)}\r\n />\r\n
\r\n \r\n Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_EstDansLotissement\", isChecked, this._onVerificationFormulaire)}\r\n />\r\n
\r\n \r\n this.setState({ onActiveBoutonEnregistrer: false })}\r\n onDelayedChange={(event, newValue) => Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_PointsImportantsTerrain\", newValue, this._onVerificationFormulaire)}\r\n rows={3}\r\n value={this.state.souhait.mI_PointsImportantsTerrain}\r\n />\r\n
\r\n \r\n {\r\n if (!isChecked) {\r\n let souhaitTrav = { ...this.state.souhait };\r\n souhaitTrav.mI_AVisiteTerrains = isChecked;\r\n souhaitTrav.mI_NbTerrainsVisites = null;\r\n souhaitTrav.mI_LieuxTerrainsVisites = null;\r\n souhaitTrav.mI_PersonneTerrainsVisites = null;\r\n\r\n this.setState({\r\n souhait: souhaitTrav\r\n }, this._onVerificationFormulaire);\r\n }\r\n else {\r\n Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_AVisiteTerrains\", isChecked, this._onVerificationFormulaire);\r\n }\r\n }}\r\n />\r\n
\r\n \r\n Scriba.officeUI().textField().nombre().onFocusTextFieldNombreObjet(this, 'souhait', 'mI_NbTerrainsVisites', this._onVerificationFormulaire)}\r\n onBlur={e => Scriba.officeUI().textField().nombre().onBlurTextFieldNombreObjet(this, 'souhait', 'mI_NbTerrainsVisites', e.target.value, 'fr', this._onVerificationFormulaire)}\r\n onChanged={value => Scriba.officeUI().textField().nombre().onBlurTextFieldNombreObjet(this, 'souhait', 'mI_NbTerrainsVisites', value, 'fr', this._onVerificationFormulaire)}\r\n onGetErrorMessage={e => Scriba.officeUI().textField().nombre().onGetErrorMessageTextFieldNombre(this, 'mI_NbTerrainsVisites', e, false, 0)}\r\n />\r\n
\r\n \r\n this.setState({ onActiveBoutonEnregistrer: false })}\r\n onDelayedChange={(event, newValue) => Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_LieuxTerrainsVisites\", newValue, this._onVerificationFormulaire)}\r\n value={this.state.souhait.mI_LieuxTerrainsVisites}\r\n />\r\n
\r\n \r\n this.setState({ onActiveBoutonEnregistrer: false })}\r\n onDelayedChange={(event, newValue) => Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_PersonneTerrainsVisites\", newValue, this._onVerificationFormulaire)}\r\n value={this.state.souhait.mI_PersonneTerrainsVisites}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Scriba.state().setObjetPropriete(this, \"souhait\", \"situationActuelle\", option.key, this._onVerificationFormulaire)}\r\n options={[\r\n { key: 'Propriétaire', text: 'Propriétaire' },\r\n { key: 'Locataire', text: 'Locataire' }\r\n ]}\r\n selectedKey={this.state.souhait.situationActuelle}\r\n />\r\n
\r\n \r\n Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_TypeLogementActuel\", option.key, this._onVerificationFormulaire)}\r\n options={[\r\n { key: 'Appartement', text: 'Appartement' },\r\n { key: 'Maison individuelle', text: 'Maison individuelle' }\r\n ]}\r\n selectedKey={this.state.souhait.mI_TypeLogementActuel}\r\n />\r\n
\r\n \r\n this.setState({ onActiveBoutonEnregistrer: false })}\r\n onDelayedChange={(event, newValue) => Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_LieuLogementActuel\", newValue, this._onVerificationFormulaire)}\r\n value={this.state.souhait.lieuLogementActuel}\r\n />\r\n
\r\n \r\n Scriba.officeUI().textField().nombre().onFocusTextFieldNombreObjet(this, 'souhait', 'mI_NbAnneesLogementActuel', this._onVerificationFormulaire)}\r\n onBlur={e => Scriba.officeUI().textField().nombre().onBlurTextFieldNombreObjet(this, 'souhait', 'mI_NbAnneesLogementActuel', e.target.value, 'fr', this._onVerificationFormulaire)}\r\n onChanged={value => Scriba.officeUI().textField().nombre().onBlurTextFieldNombreObjet(this, 'souhait', 'mI_NbAnneesLogementActuel', value, 'fr', this._onVerificationFormulaire)}\r\n onGetErrorMessage={e => Scriba.officeUI().textField().nombre().onGetErrorMessageTextFieldNombre(this, 'mI_NbAnneesLogementActuel', e, false, 0)}\r\n />\r\n
\r\n \r\n this.setState({ onActiveBoutonEnregistrer: false })}\r\n onDelayedChange={(event, newValue) => Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_LoyerLogementActuel\", newValue, this._onVerificationFormulaire)}\r\n value={this.state.souhait.mI_LoyerLogementActuel}\r\n />\r\n
\r\n \r\n this.setState({ onActiveBoutonEnregistrer: false })}\r\n onDelayedChange={(event, newValue) => Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_ConservationsElements\", newValue, this._onVerificationFormulaire)}\r\n rows={3}\r\n value={this.state.souhait.mI_ConservationsElements}\r\n />\r\n
\r\n \r\n
\r\n \r\n this.setState({ onActiveBoutonEnregistrer: false })}\r\n onDelayedChange={(event, newValue) => Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_ManquesLogementActuel\", newValue, this._onVerificationFormulaire)}\r\n rows={3}\r\n value={this.state.souhait.mI_ManquesLogementActuel}\r\n />\r\n
\r\n \r\n Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_SouhaitFutureMaison\", newValue, this._onVerificationFormulaire)}\r\n onChange={() => this.setState({ onActiveBoutonEnregistrer: false })}\r\n rows={3}\r\n value={this.state.souhait.mI_SouhaitFutureMaison}\r\n />\r\n
\r\n \r\n Scriba.officeUI().textField().nombre().onFocusTextFieldNombreObjet(this, 'souhait', 'mI_NbChambresLogementActuel', this._onVerificationFormulaire)}\r\n onBlur={e => Scriba.officeUI().textField().nombre().onBlurTextFieldNombreObjet(this, 'souhait', 'mI_NbChambresLogementActuel', e.target.value, 'fr', this._onVerificationFormulaire)}\r\n onChanged={value => Scriba.officeUI().textField().nombre().onBlurTextFieldNombreObjet(this, 'souhait', 'mI_NbChambresLogementActuel', value, 'fr', this._onVerificationFormulaire)}\r\n onGetErrorMessage={e => Scriba.officeUI().textField().nombre().onGetErrorMessageTextFieldNombre(this, 'mI_NbChambresLogementActuel', e, false, 0)}\r\n />\r\n
\r\n \r\n Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_TypeResidence\", option.key, this._onVerificationFormulaire)}\r\n options={[\r\n { key: 'Principale', text: 'Principale' },\r\n { key: 'Secondaire', text: 'Secondaire' }\r\n ]}\r\n selectedKey={this.state.souhait.mI_TypeResidence}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_AvecEtage\", isChecked, this._onVerificationFormulaire)}\r\n />\r\n
\r\n \r\n Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_AvecSousSol\", isChecked, this._onVerificationFormulaire)}\r\n />\r\n
\r\n \r\n {\r\n if (Number(value) > 10 || Number(value) <= 0 || value.trim().length === 0 || isNaN(+value)) {\r\n return '1';\r\n }\r\n else {\r\n Scriba.officeUI().textField().nombre().onBlurTextFieldNombreObjet(this, 'souhait', 'mI_NbPieces', String(value), 'fr', this._onVerificationFormulaire);\r\n }\r\n\r\n return String(value);\r\n }}\r\n onIncrement={(value) => {\r\n value = Number(value);\r\n if ((Number(value) + 1) > 10) {\r\n return '10';\r\n } else {\r\n Scriba.officeUI().textField().nombre().onBlurTextFieldNombreObjet(this, 'souhait', 'mI_NbPieces', String(value + 1), 'fr', this._onVerificationFormulaire);\r\n return String(value + 1);\r\n }\r\n }}\r\n onDecrement={(value) => {\r\n value = Number(value);\r\n if ((Number(value) - 1) <= 0) {\r\n return '1';\r\n } else {\r\n Scriba.officeUI().textField().nombre().onBlurTextFieldNombreObjet(this, 'souhait', 'mI_NbPieces', String(value - 1), 'fr', this._onVerificationFormulaire);\r\n return String(value - 1);\r\n }\r\n }}\r\n />\r\n
\r\n \r\n this.setState({ onActiveBoutonEnregistrer: false })}\r\n onDelayedChange={(event, newValue) => Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_Menuiseries\", newValue, this._onVerificationFormulaire)}\r\n value={this.state.souhait.mI_Menuiseries}\r\n />\r\n
\r\n \r\n this.setState({ onActiveBoutonEnregistrer: false })}\r\n onDelayedChange={(event, newValue) => Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_Sanitaires\", newValue, this._onVerificationFormulaire)}\r\n value={this.state.souhait.mI_Sanitaires}\r\n />\r\n
\r\n \r\n this.setState({ onActiveBoutonEnregistrer: false })}\r\n onDelayedChange={(event, newValue) => Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_Volets\", newValue, this._onVerificationFormulaire)}\r\n value={this.state.souhait.mI_Volets}\r\n />\r\n
\r\n \r\n this.setState({ onActiveBoutonEnregistrer: false })}\r\n onDelayedChange={(event, newValue) => Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_Chauffage\", newValue, this._onVerificationFormulaire)}\r\n value={this.state.souhait.mI_Chauffage}\r\n />\r\n
\r\n \r\n this.setState({ onActiveBoutonEnregistrer: false })}\r\n onDelayedChange={(event, newValue) => Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_Annexes\", newValue, this._onVerificationFormulaire)}\r\n value={this.state.souhait.mI_Annexes}\r\n />\r\n
\r\n \r\n this.setState({ onActiveBoutonEnregistrer: false })}\r\n onDelayedChange={(event, newValue) => Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_TravauxReserves\", newValue, this._onVerificationFormulaire)}\r\n value={this.state.souhait.mI_TravauxReserves}\r\n />\r\n
\r\n \r\n
\r\n \r\n this.setState({ onActiveBoutonEnregistrer: false })}\r\n onDelayedChange={(event, newValue) => Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_TypeArchitecture\", newValue, this._onVerificationFormulaire)}\r\n rows={3}\r\n value={this.state.souhait.mI_TypeArchitecture}\r\n />\r\n
\r\n \r\n
\r\n \r\n this._onUploadFileChange(e)} />\r\n
\r\n \r\n {this.state.souhait.mI_DessinMaison !== undefined && this.state.souhait.mI_DessinMaison != null ? this._telechargementDessinMaison()} /> : null}\r\n
\r\n \r\n {this.state.souhait.mI_DessinMaison !== undefined && this.state.souhait.mI_DessinMaison != null ? this._onIconButtonClick()} /> : null}\r\n
\r\n \r\n this.setState({ onActiveBoutonEnregistrer: false })}\r\n onDelayedChange={(event, newValue) => Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_ElementsImportantsProjet\", newValue, this._onVerificationFormulaire)}\r\n rows={3}\r\n value={this.state.souhait.mI_ElementsImportantsProjet}\r\n />\r\n
\r\n \r\n this.setState({ onActiveBoutonEnregistrer: false })}\r\n onDelayedChange={(event, newValue) => Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_Concessions\", newValue, this._onVerificationFormulaire)}\r\n rows={3}\r\n value={this.state.souhait.mI_Concessions}\r\n />\r\n
\r\n \r\n this.setState({ onActiveBoutonEnregistrer: false })}\r\n onDelayedChange={(event, newValue) => Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_CommentairesApresRdv1\", newValue, this._onVerificationFormulaire)}\r\n rows={3}\r\n value={this.state.souhait.mI_CommentairesApresRdv1}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n this.setState({ onActiveBoutonEnregistrer: false })}\r\n onDelayedChange={(event, newValue) => Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_ProfilMme\", newValue, this._onVerificationFormulaire)}\r\n value={this.state.souhait.mI_ProfilMme}\r\n />\r\n
\r\n \r\n this.setState({ onActiveBoutonEnregistrer: false })}\r\n onDelayedChange={(event, newValue) => Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_ProfilMr\", newValue, this._onVerificationFormulaire)}\r\n value={this.state.souhait.mI_ProfilMr}\r\n />\r\n
\r\n \r\n Scriba.state().setObjetPropriete(this, \"souhait\", \"mI_DateRdv2\", Scriba.date().getChaineISOFromDate(date), this._onVerificationFormulaire)}\r\n value={this.state.souhait.mI_DateRdv2}\r\n />\r\n
\r\n \r\n this._enregistrementSouhait()} style={{ marginRight: '8px' }} disabled={!boutonActif}>Enregistrer \r\n this._onAnnulation()}>Annuler \r\n
\r\n );\r\n };\r\n\r\n _onUploadFileChange(event) {\r\n let _this = this;\r\n let souhaitTrav = { ...this.state.souhait };\r\n let fichier = event.target.files[0];\r\n\r\n var reader = new FileReader();\r\n\r\n reader.addEventListener('load', function () {\r\n souhaitTrav.mI_DessinMaison = Scriba.fichier().ByteArrayVersBase64(reader.result);\r\n _this.setState({ souhait: souhaitTrav }, this._onVerificationFormulaire);\r\n });\r\n\r\n reader.readAsArrayBuffer(fichier);\r\n }\r\n\r\n _onIconButtonClick() {\r\n Scriba.state().setObjetPropriete(this, 'souhait', 'mI_DessinMaison', null, this._onVerificationFormulaire);\r\n }\r\n\r\n _telechargementDessinMaison() {\r\n let document = Scriba.fichier().Base64VersByteArray(this.state.souhait.mI_DessinMaison);\r\n return Scriba.fichier().EnregisterSous(document, \"Plan_\" + this.state.souhait.nom + \"_\" + this.state.idSouhait, \"image/jpeg\");\r\n }\r\n\r\n _onAnnulation = () => {\r\n this._onInit();\r\n this.props.onAnnuleFiche();\r\n }\r\n\r\n _enregistrementSouhait() {\r\n this.setState({\r\n enCoursDeTraitement: true,\r\n messageEnCoursTraitement: 'Enregistrement du souhait en cours'\r\n });\r\n\r\n var enregistrementSouhait = DataSouhait._onEnregistrementSouhaitMaisonIndividuelle(this.state.idContact, this.state.idSouhait, this.state.souhait);\r\n\r\n enregistrementSouhait\r\n .then(responseFetch => {\r\n let retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responseFetch, this);\r\n\r\n if (retourVerif === null) {\r\n let retourData = responseFetch.reponseAPIobjet;\r\n\r\n Immocom.onReinitStateValeurParDefautEtExecutionDuSetState(this, { ...this.state });\r\n\r\n this.props.onEnregistrementFiche(retourData);\r\n }\r\n else {\r\n Immocom.onTraitementErreurAvecState(this, { ...this.state }, retourVerif, responseFetch);\r\n }\r\n });\r\n }\r\n\r\n _chargementDonnees() {\r\n let idContactRenseigneeEtDifferent = Immocom.getSiPropsRenseigneeEtDifferenteDeLaValeurEnParametre(this.props.idContact, [this.state.idContact]);\r\n let idSouhaitRenseigneeEtDifferent = Immocom.getSiPropsRenseigneeEtDifferenteDeLaValeurEnParametre(this.props.idSouhait, [this.state.idSouhait]);\r\n\r\n if (idContactRenseigneeEtDifferent && idSouhaitRenseigneeEtDifferent) {\r\n if (this.props.idContact !== 0 & this.props.idSouhait !== 0) {\r\n this.setState({\r\n enCoursDeTraitement: true,\r\n messageEnCoursTraitement: 'Chargement du souhait'\r\n });\r\n\r\n var chargementSouhait = DataSouhait._onChargementSouhaitMaisonIndividuelle(this.props.idContact, this.props.idSouhait);\r\n\r\n chargementSouhait\r\n .then(responseFetch => {\r\n let retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responseFetch, this);\r\n\r\n if (retourVerif === null) {\r\n let retourData = responseFetch.reponseAPIobjet;\r\n let itemSouhait = retourData[0][0];\r\n let peutCreerSouhait = retourData[1];\r\n let peutModifierSouhait = retourData[2];\r\n\r\n let stateTemp = {};\r\n stateTemp.idContact = itemSouhait.idContact;\r\n stateTemp.idSouhait = itemSouhait.idSouhait;\r\n stateTemp.souhait = itemSouhait;\r\n stateTemp.titrePanelCalendrierReservation = 'Feuille de découverte / ' + itemSouhait.nom + ' ' + itemSouhait.prenom;\r\n stateTemp.peutCreerSouhait = peutCreerSouhait;\r\n stateTemp.peutModifierSouhait = peutModifierSouhait;\r\n\r\n Immocom.onReinitStateValeurParDefautEtExecutionDuSetStateEtExecutionCallBack(this, stateTemp, this._onVerificationFormulaire);\r\n }\r\n else {\r\n Immocom.onTraitementErreurAvecState(this, { ...this.state }, retourVerif, responseFetch);\r\n }\r\n });\r\n }\r\n }\r\n else if (this.props.idContact !== 0 & this.props.idSouhait === 0) {\r\n this.setState({\r\n enCoursDeTraitement: true,\r\n messageEnCoursTraitement: 'Chargement des droits'\r\n });\r\n\r\n var chargementDroitSouhait = DataSouhait._onChargementDroitsSouhait(this.props.idContact, this.props.idSouhait);\r\n\r\n chargementDroitSouhait\r\n .then(responseFetch => {\r\n let retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responseFetch, this);\r\n\r\n if (retourVerif === null) {\r\n let retourData = responseFetch.reponseAPIobjet;\r\n let peutCreerSouhait = retourData[1];\r\n let peutModifierSouhait = retourData[2];\r\n\r\n let stateTemp = {};\r\n stateTemp.idContact = this.props.idContact;\r\n stateTemp.idSouhait = 0;\r\n stateTemp.souhait = {};\r\n stateTemp.peutCreerSouhait = peutCreerSouhait;\r\n stateTemp.peutModifierSouhait = peutModifierSouhait;\r\n\r\n Immocom.onReinitStateValeurParDefautEtExecutionDuSetState(this, stateTemp);\r\n }\r\n else {\r\n Immocom.onTraitementErreurAvecState(this, { ...this.state }, retourVerif, responseFetch);\r\n }\r\n });\r\n }\r\n }\r\n\r\n _onOpen = () => {\r\n this._chargementDonnees();\r\n }\r\n\r\n _onVerificationFormulaire() {\r\n Immocom.fiche()._validationFormulaire(this, 'Souhait_MaisonIndividuelle', this.state.souhait, (this.state.idSouhait > 0 ? 'Modification' : 'Création'));\r\n }\r\n\r\n componentDidMount() {\r\n //méthode appelée lors du montage du composant\r\n }\r\n\r\n componentDidUpdate() {\r\n //méthode appelée lors de la mise à jour du composant\r\n //if (((this.props.idContact != null & this.props.idContact !== this.state.idContact) || (this.props.idSouhait !== undefined & this.props.idSouhait != null & this.props.idSouhait !== this.state.idSouhait)) & !this.state.enCoursDeTraitement) {\r\n // this._chargementDonnees();\r\n //}\r\n }\r\n\r\n componentWillUnmount() {\r\n //immédiatement avant le démontage du composant. NE JAMAIS APPELER SetState ICI\r\n }\r\n\r\n render() {\r\n return this._creationContent();\r\n }\r\n}","import { DefaultButton, IconButton, PrimaryButton } from 'office-ui-fabric-react/lib/Button';\r\nimport { CommandBar } from 'office-ui-fabric-react/lib/CommandBar';\r\nimport { DetailsList, Selection, SelectionMode } from 'office-ui-fabric-react/lib/DetailsList';\r\nimport { Dialog, DialogFooter, DialogType } from 'office-ui-fabric-react/lib/Dialog';\r\nimport { Panel, PanelType } from 'office-ui-fabric-react/lib/Panel';\r\nimport { ScrollablePane, ScrollbarVisibility } from 'office-ui-fabric-react/lib/ScrollablePane';\r\nimport { SearchBox } from 'office-ui-fabric-react/lib/SearchBox';\r\nimport { Stack } from 'office-ui-fabric-react/lib/Stack';\r\nimport { Sticky, StickyPositionType } from 'office-ui-fabric-react/lib/Sticky';\r\nimport { TooltipHost } from 'office-ui-fabric-react/lib/Tooltip';\r\nimport React, { Component, Fragment } from 'react';\r\nimport Scriba from '@devnet/react-scriba';\r\nimport { PerimetreContext } from '../../contexts/perimetreContext';\r\nimport { DataSouhait } from '../../data/DataSouhait';\r\nimport { MaxLengths } from '../../data/MaxLenghts';\r\nimport { Immocom } from '../../specifique/immocom';\r\nimport { EUIDatePicker } from '../EUI/EUIDatePicker';\r\nimport { EUITextField } from '../EUI/EUITextField';\r\nimport FicheContact from '../Fiche/FicheContact/FicheContact';\r\nimport { FicheSouhaitMaisonIndividuelle } from '../Fiche/FicheSouhait_MaisonIndividuelle';\r\nimport { ProgressIndicatorChargement } from '../Loader/ProgressIndicatorChargement';\r\nimport { MessageBars } from '../Outils/MessageBars';\r\n\r\n/*\r\n***************************************************************\r\n PROPS:\r\n\r\n //*********************************************************\r\n //Appel depuis contact\r\n //pas de bouton d'édition du contact\r\n //CSS spécifique\r\n //idContact chargé dans la fiche contact et la fiche souhait est égale à la props passée en paramètre\r\n\r\n \r\n appelDepuisContact\r\n idContact\r\n //*********************************************************\r\n\r\n\r\n //*********************************************************\r\n //Appel depuis la réservation\r\n //paramètres en entrée : \r\n // liste d'IdContact et d'IdSouhait => chargement du tableau avec ces IDs\r\n // Sélection d'une ligne et faire un retour de l'IdContact et l'IdSouhait sélectionnés\r\n //pas de zone de commandBar\r\n //CSS spécifique\r\n //Pas d'affichage des liens vers les souhaits, dénonciations et historique\r\n\r\n\r\n appelDepuisReservation\r\n selectionIdContactIdSouhait => objet json sous la forme ci-dessous:\r\n let objIdContactIdSouhait = [{ \"idContact\": 34, \"idSouhait\": 2 }, { \"idContact\": 3174, \"idSouhait\": 2 }]\r\n //*********************************************************\r\n\r\n\r\n //mode sélection de souhait\r\n onSelectionSouhait => méthode utilisée par le parent pour récupérer l'IdContact et l'IdSouhait du souhait sélectionné\r\n modeSelectionDeSouhait => SelectionMode.none, SelectionMode.single, SelectionMode.multiple\r\n\r\n ***************************************************************\r\n*/\r\n\r\nvar objetState = {\r\n items: [],\r\n idContact: 0,\r\n idSouhait: 0,\r\n\r\n enCoursDeTraitement: false,\r\n onAffichePanelContact: false,\r\n onAffichePanelSouhait: false,\r\n onAffichePanelFiltre: false,\r\n onAfficheDialogSuppressionSouhait: false,\r\n\r\n selectionIdContactIdSouhait: [],\r\n\r\n peutCreerDesSouhaits: false,\r\n\r\n pageIndex: 1,\r\n facteurNbreEnregistrement: 500,\r\n tri: \"\",\r\n\r\n hideMessageBarWarning: true,\r\n hideMessageBarError: true,\r\n hideMessageBarFiltres: true,\r\n warningMessage: '',\r\n errorMessage: '',\r\n messageMessageBarFiltres: '',\r\n\r\n recherche: '',\r\n\r\n filtreNomContact: '',\r\n filtreDateR2: null,\r\n\r\n nombreMinSlider: 100,\r\n nombreMaxSlider: 10000,\r\n stepSlider: 500\r\n};\r\n\r\nexport class DetailsListSouhaitMaisonIndividuelle extends Component {\r\n static contextType = PerimetreContext;\r\n render = () => {\r\n const { perimetre } = this.context;\r\n return \r\n Valider \r\n Fermer \r\n
\r\n );\r\n };\r\n\r\n componentDidMount() {\r\n this._chargementDonnees();\r\n }\r\n\r\n //componentDidUpdate() {\r\n // //*************************************************************\r\n // //ne marche pas\r\n // //if(this.props.onRecharge === true)\r\n // // this._chargementDonnees();\r\n // //*************************************************************\r\n // if (localStorage.getItem(\"onRecharge\") === \"true\") {\r\n // localStorage.setItem(\"onRecharge\", \"false\");\r\n // this.setState(\r\n // { pageIndex: 1 },\r\n // this._chargementDonnees\r\n // );\r\n // }\r\n\r\n // if (this.props.selectionIdContactIdSouhait != null & this.props.selectionIdContactIdSouhait !== this.state.selectionIdContactIdSouhait) {\r\n // this.setState({\r\n // pageIndex: 1,\r\n // selectionIdContactIdSouhait: this.props.selectionIdContactIdSouhait\r\n // }, this._chargementDonnees);\r\n // }\r\n //}\r\n\r\n componentDidUpdate = (prevProps) => {\r\n const { perimetre } = this.props;\r\n if (JSON.stringify(prevProps.perimetre) !== JSON.stringify(perimetre))\r\n this.setState({ pageIndex: 1 }, this._chargementDonnees);\r\n\r\n if (this.props.selectionIdContactIdSouhait != null & this.props.selectionIdContactIdSouhait !== this.state.selectionIdContactIdSouhait) {\r\n this.setState({\r\n pageIndex: 1,\r\n selectionIdContactIdSouhait: this.props.selectionIdContactIdSouhait\r\n }, this._chargementDonnees);\r\n }\r\n };\r\n\r\n componentWillUnmount() {\r\n //document.removeEventListener('scroll', this._evenementScroll);\r\n }\r\n\r\n render = () => {\r\n\r\n //\r\n \r\n {content}\r\n \r\n
\r\n }\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n \r\n this._reinitFiltre()}\r\n />\r\n
\r\n \r\n
\r\n \r\n this.setState({ filtreNomContact: newValue })}\r\n placeholder=\"Saisir le nom\"\r\n value={this.state.filtreNomContact}\r\n />\r\n
\r\n \r\n
\r\n \r\n this.setState({ filtreDateR2: Scriba.date().getChaineISOFromDate(date, true) })}\r\n value={this.state.filtreDateR2}\r\n />\r\n
\r\n {action.titre}
\r\n Le {Scriba.date().stringDateFormat(action.dateAction, 'LLL')}
\r\n {action.corps}
\r\n )\r\n });\r\n\r\n return ({content}
);\r\n }\r\n}","import React, { Component } from 'react';\r\nimport { DefaultButton } from 'office-ui-fabric-react/lib/Button';\r\nimport { MessageBars } from '../Outils/MessageBars';\r\n\r\nimport { TimelineVerticale } from '../Timeline/TimelineVerticale';\r\nimport { ProgressIndicatorChargement } from '../Loader/ProgressIndicatorChargement';\r\n\r\nimport Scriba from '@devnet/react-scriba';\r\nimport { Immocom } from '../../specifique/immocom';\r\nimport { DataContact } from '../../data/DataContact';\r\n\r\n/****************************************************************\r\n PROPS:\r\n idContact\r\n****************************************************************/\r\n\r\nvar objetState = {\r\n idContact: null,\r\n listHistorique: [],\r\n\r\n titrePanelContactHistorique: 'Fiche contact historique',\r\n\r\n enCoursDeTraitement: false,\r\n messageEnCoursTraitement: '',\r\n\r\n hideMessageBarError: true,\r\n errorMessage: '',\r\n hideMessageBarWarning: true,\r\n warningMessage: '',\r\n};\r\n\r\nexport class FicheContactHistorique extends Component {\r\n _creationContent() {\r\n return (this.state.listHistorique.length > 0 ? \r\n this.setState({ errorMessage: \"\" })}\r\n onDismissWarningMessage={() => this.setState({ warningMessage: \"\" })}\r\n />\r\n\r\n {this.state.enCoursDeTraitement ?
);\r\n }\r\n}","import { DefaultButton } from 'office-ui-fabric-react/lib/Button';\r\nimport React from 'react';\r\nimport { EUIDialog } from '../../EUI/EUIDialog';\r\n\r\nconst DialogCreationContactReussie = (props) => {\r\n\r\n // PROPS\r\n const {\r\n isOpen = false,\r\n /* --- */\r\n onDismiss = () => null,\r\n } = props;\r\n\r\n // RENDER\r\n return \r\n
;\r\n\r\n};\r\n\r\nexport default PickerCPVille;","import { Label, TagPicker } from '@fluentui/react';\r\nimport React, { Fragment, useCallback, useState } from 'react';\r\n\r\nconst PickerNumber = (props) => {\r\n\r\n // PROPS\r\n const {\r\n disabled = false,\r\n label = \"Numbers\",\r\n limit = undefined,\r\n min = undefined,\r\n max = undefined,\r\n numbers = [],\r\n onChange = (numbers) => null,\r\n required = false,\r\n splitAtCharacter = '', // Si renseigné, valide automatiquement chaque nombre une fois le caractère séparateur saisi\r\n splitAtLength = 0, // Si renseigné, valide automatiquement chaque nombre lorsqu'elle atteint la length correspondante\r\n uniqueValues = false\r\n } = props;\r\n\r\n // STATES\r\n const [_appendedNumbers, _setAppendedNumbers] = useState(\"\");\r\n\r\n // METHODS\r\n const _onBlur = useCallback((event, newValue) => {\r\n\r\n newValue = newValue || _appendedNumbers || \"\";\r\n\r\n let numbersToAppend = [];\r\n if (!!splitAtCharacter) numbersToAppend = newValue\r\n .split(splitAtCharacter)\r\n .map(number => number.trim())\r\n .filter(Boolean); // Suppression des valeurs nulles\r\n\r\n if (numbersToAppend.length > 0) {\r\n let correctNumbers = [...numbers];\r\n let incorrectNumbers = [];\r\n numbersToAppend.forEach((number) => {\r\n if (!isNaN(number)) correctNumbers.push(parseInt(number));\r\n else incorrectNumbers.push(number);\r\n });\r\n _setAppendedNumbers(incorrectNumbers.join(splitAtCharacter));\r\n if (uniqueValues) correctNumbers = Array.from(new Set(correctNumbers));\r\n onChange(correctNumbers);\r\n }\r\n\r\n }, [_appendedNumbers, numbers, onChange, splitAtCharacter, uniqueValues]);\r\n\r\n const _onInputChange = useCallback((input) => {\r\n\r\n // Annuler la saisie si limite atteinte\r\n if (!!limit && numbers.length >= limit) return \" \";\r\n\r\n input = input.trim();\r\n\r\n if (!!splitAtCharacter && input.includes(splitAtCharacter)) _onBlur(null, input);\r\n else if (!!splitAtLength && input.length >= splitAtLength) {\r\n if (input.length === splitAtLength) {\r\n input = parseInt(input);\r\n let proceed = Number.isInteger(Number(input));\r\n if (!!min || min === 0) proceed &= input >= min;\r\n if (!!max || max === 0) proceed &= input <= max;\r\n if (proceed) {\r\n let newNumbers = [...numbers, input];\r\n if (uniqueValues) newNumbers = Array.from(new Set(newNumbers));\r\n onChange(newNumbers);\r\n }\r\n }\r\n input = \" \"; // Espace ; bypass un bug de FluentUI qui ne rerender pas correctement l'input s'il est vide\r\n _setAppendedNumbers(input);\r\n }\r\n else _setAppendedNumbers(input);\r\n\r\n return input;\r\n\r\n }, [_onBlur, limit, min, max, numbers, onChange, splitAtCharacter, splitAtLength, uniqueValues]);\r\n\r\n return \r\n\r\n
\r\n \r\n {_renderedCpLabel}\r\n _onBlur(event, \"cp\")}\r\n onChange={_onChange}\r\n onEmptyInputFocus={(event) => onEmptyInputFocus(event, \"cp\")}\r\n onInputChange={(input) => _onInputChange(input, \"cp\")}\r\n onRenderItem={(props) => {props.item.villeObject.cpAdministratif} }\r\n onResolveSuggestions={_onResolveSuggestions}\r\n pickerSuggestionsProps={{ noResultsFoundText: \"Aucune correspondance\", suggestionsHeaderText: \"\" }}\r\n resolveDelay={500}\r\n selectedItems={_selectedItems}\r\n styles={{\r\n input: { minWidth: 0, },\r\n root: { selectors: { \"& .ms-BasePicker-text\": { minWidth: 0 } } },\r\n }}\r\n />\r\n
\r\n\r\n \r\n {_renderedVilleLabel}\r\n _onBlur(event, \"ville\")}\r\n onChange={_onChange}\r\n onEmptyInputFocus={(event) => onEmptyInputFocus(event, \"ville\")}\r\n onInputChange={(input) => _onInputChange(input, \"ville\")}\r\n onRenderItem={(props) => {props.item.villeObject.villeAdministrative} }\r\n onResolveSuggestions={_onResolveSuggestions}\r\n pickerSuggestionsProps={{ noResultsFoundText: \"Aucune correspondance\", suggestionsHeaderText: \"\" }}\r\n resolveDelay={500}\r\n selectedItems={_selectedItems}\r\n styles={{\r\n input: { minWidth: 0, },\r\n root: { selectors: { \"& .ms-BasePicker-text\": { minWidth: 0 } } },\r\n }}\r\n />\r\n
\r\n\r\n \r\n\r\n {!!appelDepuisReservation && idReservation === 0 && Merci de compléter votre contact et de sélectionner un souhait pour passer à l'étape suivante. }\r\n\r\n
;\r\n\r\n };\r\n\r\n};","import { Stack, Text } from '@fluentui/react';\r\nimport { Label, TagItemSuggestion, TagPicker } from 'office-ui-fabric-react';\r\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\r\nimport { NotificationsTarget, useNotificationsManager } from '../../contexts/notificationContext';\r\nimport { DataContact } from '../../data/DataContact';\r\nimport { MaxLengths } from '../../data/MaxLenghts';\r\nimport { Immocom } from '../../specifique/immocom';\r\n\r\nconst PickerContact = (props) => {\r\n\r\n // CONTEXTS\r\n const { extract } = useNotificationsManager();\r\n\r\n // PROPS\r\n const {\r\n disabled = false,\r\n idContact = undefined,\r\n label = \"Nom\",\r\n maxLength = MaxLengths.contact.nom,\r\n nomContact = undefined,\r\n required = false,\r\n /* --- */\r\n onBlur = (newValue) => null, // Saisie manuelle\r\n onChange = (contact) => null, // Sélection d'un contact parmi ceux retournés par la recherche\r\n onInputChange = (newValue) => null, // Saisie manuelle\r\n } = props;\r\n\r\n // CONSTANTES\r\n\r\n // STATES\r\n const [_selectedItems, _setSelectedItems] = useState();\r\n\r\n // REFS\r\n const _isMounted = useRef(false); // Utilisé pour bloquer certains useEffect au premier render\r\n\r\n // MEMOS\r\n\r\n // METHODS\r\n const _chargementDonnees = useCallback(() => {\r\n if (!!idContact)\r\n DataContact._chargementPickerContact(idContact).then(response => {\r\n const onSuccess = () => {\r\n const contact = response.reponseAPIobjet;\r\n const { idContact, nom } = contact;\r\n const items = [{\r\n key: idContact,\r\n name: nom\r\n }];\r\n _setSelectedItems(items);\r\n };\r\n const onError = (result) => extract(result, NotificationsTarget.panels);\r\n Immocom.checkFetchResponse(response, onSuccess, onError);\r\n });\r\n }, [idContact]);\r\n\r\n const _onBlur = useCallback((event) => {\r\n if (typeof onBlur === \"function\")\r\n onBlur(event.target.value);\r\n }, [onBlur]);\r\n\r\n const _onChange = useCallback((items) => {\r\n _setSelectedItems(items);\r\n if (typeof onChange === \"function\") {\r\n if (Array.isArray(items) && items.length === 1) {\r\n const { contact } = items[0];\r\n onChange(contact);\r\n }\r\n else onChange(null);\r\n }\r\n }, [onChange]);\r\n\r\n const _onInputChange = useCallback((input) => {\r\n input = input\r\n .replace(/[^a-zA-Z0-9'\\-àâäéèêëïîôöùûüÿçÀÂÄÉÈÊËÏÎÔÖÙÛÜŸÇ ]+/g, \"\")\r\n .replace(/\\s\\s+/g, \" \"); // Remove multiple whitespaces\r\n if (typeof onInputChange === \"function\")\r\n onInputChange(input);\r\n return input;\r\n }, [onInputChange]);\r\n\r\n const _onResolveSuggestions = useCallback((filterText, tagList) => {\r\n if (!!filterText && filterText.length >= 3)\r\n return DataContact._getContactRecherche(filterText).then(response => {\r\n const onSuccess = () => {\r\n const contacts = response.reponseAPIobjet;\r\n if (!Array.isArray(contacts)) return [];\r\n else return contacts.map(contact => {\r\n const { idContact, nom } = contact;\r\n return {\r\n key: idContact,\r\n name: nom,\r\n contact\r\n };\r\n });\r\n };\r\n const onError = (result) => extract(result, NotificationsTarget.panels);\r\n return Immocom.checkFetchResponse(response, onSuccess, onError);\r\n });\r\n else return [];\r\n }, []);\r\n\r\n // EFFECTS (ComponentDidUpdate)\r\n useEffect(() => {\r\n if (_isMounted.current)\r\n if (!!idContact) _chargementDonnees();\r\n }, [_isMounted, idContact]);\r\n\r\n // EFFECTS (ComponentDidMount)\r\n useEffect(() => {\r\n _isMounted.current = true;\r\n }, []);\r\n\r\n // UI\r\n const _renderedLabel = useMemo(() => {\r\n if (!label) return null;\r\n else {\r\n const renderedLabel = ;\r\n if (!disabled && !!maxLength && Number.isInteger(maxLength)) {\r\n const nbCarRestants = Immocom.fiche().getNbCarRestants(nomContact, maxLength);\r\n return \r\n
\r\n\r\n \r\n this._onDelayedChange(\"civilite\", option.key)}\r\n required\r\n selectedKey={contact.civilite}\r\n />\r\n
\r\n \r\n this._onChange(\"nom\", newValue)}\r\n onDelayedChange={(event, newValue) => this._onDelayedChange(\"nom\", newValue)}\r\n removeMultipleSpaces\r\n removeSpecialCharacters\r\n required\r\n value={contact.nom}\r\n />\r\n
\r\n \r\n this._onChange(\"prenom\", newValue)}\r\n onDelayedChange={(event, newValue) => this._onDelayedChange(\"prenom\", newValue)}\r\n removeMultipleSpaces\r\n removeSpecialCharacters\r\n required\r\n value={contact.prenom}\r\n />\r\n
\r\n \r\n
\r\n\r\n \r\n this._onChange(\"adresse\", newValue)}\r\n onDelayedChange={(event, newValue) => this._onDelayedChange(\"adresse\", newValue)}\r\n value={contact.adresse}\r\n />\r\n
\r\n \r\n this._onChange(\"complementAdresse\", newValue)}\r\n onDelayedChange={(event, newValue) => this._onDelayedChange(\"complementAdresse\", newValue)}\r\n value={contact.complementAdresse}\r\n />\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n this._onChange(\"pays\", newValue)}\r\n onDelayedChange={(event, newValue) => this._onDelayedChange(\"pays\", newValue)}\r\n value={contact.pays}\r\n />\r\n
\r\n \r\n
\r\n\r\n \r\n this._onChange(\"email\", newValue)}\r\n onDelayedChange={(event, newValue) => this._onDelayedChange(\"email\", newValue)}\r\n value={contact.email}\r\n />\r\n
\r\n \r\n this._onChange(\"tel1\", newValue)}\r\n onDelayedChange={(event, newValue) => this._onDelayedChange(\"tel1\", newValue)}\r\n value={contact.tel1}\r\n />\r\n
\r\n \r\n this._onChange(\"tel2\", newValue)}\r\n onDelayedChange={(event, newValue) => this._onDelayedChange(\"tel2\", newValue)}\r\n value={contact.tel2}\r\n />\r\n
\r\n \r\n
\r\n\r\n \r\n this._onSelectDate('datenaissance', date)}\r\n value={contact.datenaissance}\r\n />\r\n
\r\n \r\n this._onChange(\"lieuNaissance\", newValue)}\r\n onDelayedChange={(event, newValue) => this._onDelayedChange(\"lieuNaissance\", newValue)}\r\n value={contact.lieuNaissance}\r\n />\r\n
\r\n \r\n this._onChange(\"nationalite\", newValue)}\r\n onDelayedChange={(event, newValue) => this._onDelayedChange(\"nationalite\", newValue)}\r\n value={contact.nationalite}\r\n />\r\n
\r\n \r\n
\r\n\r\n \r\n this._onChange(\"nomJeuneFille\", newValue)}\r\n onDelayedChange={(event, newValue) => this._onDelayedChange(\"nomJeuneFille\", newValue)}\r\n value={contact.nomJeuneFille}\r\n />\r\n
\r\n \r\n this._onSelectDate('dateMariage', date)}\r\n value={contact.dateMariage}\r\n />\r\n
\r\n \r\n A remplir si cette information est nécessaire à la mise en place d'un financement ou d'un dispositif fiscal spécifique (Prêt à taux zéro, TVA au taux réduit…)}\r\n verticalAlign={HintVerticalPosition.bottom}\r\n verticalOffset={5}\r\n >\r\n Scriba.date().stringDateFormat(dateNaissance, \"YYYY\"))}\r\n onChange={(years) => this.props.onDelayedChange(contact, years.map(year => new Date(year, 1, 1)))}\r\n splitAtLength={4}\r\n />\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n this._onChange(\"profession\", newValue)}\r\n onDelayedChange={(event, newValue) => this._onDelayedChange(\"profession\", newValue)}\r\n value={contact.profession}\r\n />\r\n
\r\n \r\n this._onChange(\"nomEmployeur\", newValue)}\r\n onDelayedChange={(event, newValue) => this._onDelayedChange(\"nomEmployeur\", newValue)}\r\n value={contact.nomEmployeur}\r\n />\r\n
\r\n \r\n A remplir si cette information est nécessaire à la mise en place d'un financement ou d'un dispositif fiscal spécifique (Prêt à taux zéro, TVA au taux réduit…)}\r\n verticalAlign={HintVerticalPosition.bottom}\r\n verticalOffset={5}\r\n >\r\n this._onChange(\"revenusAnnuels\", newValue)}\r\n onDelayedChange={(event, newValue) => this._onDelayedChange(\"revenusAnnuels\", newValue)}\r\n value={contact.revenusAnnuels}\r\n />\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n this._onDelayedChange(\"situationActuelle\", option.key)}\r\n selectedKey={contact.situationActuelle}\r\n />\r\n
\r\n \r\n this._onDelayedChange(\"situationCivile\", option.key)}\r\n selectedKey={contact.situationCivile}\r\n />\r\n
\r\n \r\n
\r\n\r\n \r\n this._onDelayedChange(\"sourcing\", option.key)}\r\n selectedKey={contact.sourcing}\r\n />\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n this._onDelayedChange(\"collaborateurEI\", isChecked)}\r\n onText={null}\r\n />\r\n this._onDelayedChange(\"salarieEiffage\", option.key)}\r\n selectedKey={contact.salarieEiffage}\r\n styles={{ container: { flexGrow: 1 } }}\r\n />\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n {!!contact.idContact &&\r\n \r\n Les informations recueillies sont nécessaires à notre société pour traiter votre contact et de ce fait leur collecte est obligatoire. Ces informations feront l'objet d’un traitement informatique destiné à la gestion de clientèle et, éventuellement, à la prospection commerciale. Conformément à la Loi n° 78-17 du 6 Janvier 1978 relative à l’informatique, aux fichiers et aux libertés, modifiée, dite « informatique et libertés », vous bénéficiez d’un droit d’accès et de rectification aux informations qui vous concernent, que vous pouvez exercer en vous adressant à Eiffage Immobilier 11 place de l'Europe 78140 Vélizy-Villacoublay. Vous pouvez également, pour des motifs légitimes, vous opposer au traitement des données vous concernant. Vous êtes susceptibles de recevoir des offres commerciales de notre société pour des biens, produits ou services analogues à ceux que vous avez réservés. Si vous ne le souhaitez pas, cochez la case ci-contre. \r\n
\r\n \r\n this._onDelayedChange(\"prendreConnaissanceCNIL\", isChecked)}\r\n required\r\n />\r\n this._onDelayedChange(\"souhaiteRecevoirOffres\", isChecked)}\r\n />\r\n peutModifierConsentementCollecteDonneesPersonnelles\r\n ? this._onDelayedChange(\"consentementCollecteDonneesPersonnelles\", isChecked)\r\n : null // On ne disable pas le champ pour des raisons de lisibilité\r\n }\r\n required={appelDepuisReservation}\r\n />\r\n this._onDelayedChange(\"consentementDiffusionDonneesPersonnelles\", isChecked)}\r\n />\r\n
\r\n \r\n
\r\n }\r\n\r\n \r\n Créé le {Scriba.date().stringDateFormatCourt(contact.creerLe)} par {contact.creerPar} \r\n
\r\n \r\n Modifié le {Scriba.date().stringDateFormatCourt(contact.modifierLe)} par {contact.modifierPar} \r\n
\r\n \r\n
;\r\n\r\n};\r\n\r\nexport default FormulaireDedoublonnement;","import React, { useCallback } from 'react';\r\nimport { EUIToggle } from '../../EUI/EUIToggle';\r\n\r\nconst FormulaireRgpd = (props) => {\r\n\r\n // PROPS\r\n const {\r\n contact = {},\r\n /* --- */\r\n onChange = (contact) => null,\r\n } = props;\r\n\r\n // METHODS\r\n const _onChange = useCallback((key, value) => {\r\n if (typeof onChange === \"function\") {\r\n const newContact = { ...contact, [key]: value, };\r\n onChange(newContact);\r\n }\r\n }, [contact, onChange]);\r\n\r\n // RENDER\r\n return \r\n
\r\n \r\n _onDelayedChange([{ key: \"civilite\", value: option.key }])}\r\n required\r\n selectedKey={contact.civilite}\r\n />\r\n
\r\n \r\n _onChangePickerContact(pickedContact)}\r\n onInputChange={(newValue) => _onDelayedChange([{ key: \"nom\", value: newValue }])}\r\n required\r\n />\r\n
\r\n \r\n _onDelayedChange([{ key: \"prenom\", value: newValue }])}\r\n removeMultipleSpaces\r\n removeSpecialCharacters\r\n required\r\n value={contact.prenom}\r\n />\r\n
\r\n \r\n {\r\n if (!villeObject) villeObject = { cpAdministratif: null, villeAdministrative: null };\r\n const { cpAdministratif, villeAdministrative } = villeObject;\r\n _onDelayedChange([{ key: \"cp\", value: cpAdministratif }, { key: \"ville\", value: villeAdministrative }]);\r\n }}\r\n required\r\n ville={contact.ville}\r\n />\r\n
\r\n \r\n
\r\n \r\n _onDelayedChange([{ key: \"email\", value: newValue }])}\r\n value={contact.email}\r\n />\r\n
\r\n \r\n _onDelayedChange([{ key: \"tel1\", value: newValue }])}\r\n value={contact.tel1}\r\n />\r\n
\r\n \r\n Le règlement général sur la protection des données (RGPD) a été adopté le 14 avril 2016 par le parlement Européen pour une mise en application à compter du 25 mai 2018.\r\n
\r\n
\r\n L'application du règlement (RGPD) dans l’application EIFFIMMO d'Eiffage Immobilier renforce la maîtrise des personnes sur leurs données par :\r\n
\r\n
\r\n A la fin de votre projet avec Eiffage Immobilier (parfait achèvement, abandon de votre recherche immobilière) vos données seront pseudonymisées c'est-à-dire que seuls les éléments relatifs à votre projet immobilier seront conservés sans aucun lien avec les données permettant de vous identifier.
\r\n
\r\n _onChange(\"consentementCollecteDonneesPersonnelles\", isChecked)}\r\n styles={{ label: { fontWeight: 600, fontSize: 15 } }}\r\n />\r\n
\r\n Si vous souhaitez révoquer ce consentement vous pouvez le signifier en écrivant à :\r\n
\r\n Eiffage Immobilier – EIFFIMMO
\r\n 11 place de l'Europe
\r\n 78140 Vélizy Villacoublay
\r\n
\r\n Ou par e-mail : immocom.eiffage-immobilier@eiffage.com
\r\n
\r\n Ou en vous connectant à votre espace personnel\r\n
;\r\n\r\n};\r\n\r\nexport default FormulaireRgpd;","import { PanelType, Pivot, PivotItem, PivotLinkSize, PrimaryButton, SelectionMode } from '@fluentui/react';\r\nimport { useBoolean, useConst } from '@fluentui/react-hooks';\r\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\r\nimport { NotificationsTarget, useNotificationsManager } from '../../../contexts/notificationContext';\r\nimport { Data } from '../../../data/Data';\r\nimport { DataContact } from '../../../data/DataContact';\r\nimport { Immocom } from '../../../specifique/immocom';\r\nimport EUIPanel from '../../EUI/EUIPanel';\r\nimport { DetailsListContactDedoublonne } from '../../List/DetailsListContactDedoublonne';\r\nimport DetailsListDenonciation from '../../List/DetailsListDenonciation';\r\nimport DetailsListOrigineContact from '../../List/DetailsListOrigineContact';\r\nimport DetailsListSouhait from '../../List/DetailsListSouhait';\r\nimport { DetailsListSouhaitMaisonIndividuelle } from '../../List/DetailsListSouhaitMaisonIndividuelle';\r\nimport Timeline from '../../Timeline/Timeline';\r\nimport { FicheContactHistorique } from '../FicheContactHistorique';\r\nimport DialogCreationContactReussie from './DialogCreationContactReussie';\r\nimport DialogDenonciationExistePourAutreCommercialisateur from './DialogDenonciationExistePourAutreCommercialisateur';\r\nimport DialogSouhaitIncomplet from './DialogSouhaitIncomplet';\r\nimport DialogSuppressionContact from './DialogSuppressionContact';\r\nimport { FormulaireContact } from './FormulaireContact';\r\nimport FormulaireDedoublonnement from './FormulaireDedoublonnement';\r\nimport FormulaireRgpd from './FormulaireRgpd';\r\n\r\n// Récapitulatif des tests effectués\r\n// [NEW][EDIT]\r\n// [X][X] FicheOption\r\n// [X][X] FicheReservation\r\n// [X][X] DetailsListContact\r\n// [-][X] DetailsListDenonciation\r\n// [-][X] DetailsListSouhait\r\n// [-][X] DetailsListSouhaitMaisonIndividuelle\r\n\r\nconst FicheContact = (props) => {\r\n\r\n // CONTEXTS\r\n const { clear, dismiss, extract, load, warn } = useNotificationsManager();\r\n\r\n // CONSTANTES\r\n const defaultContact = useConst({\r\n civilite: \"0\",\r\n consentementDiffusionDonneesPersonnelles: false,\r\n cp: null,\r\n idContact: null,\r\n nom: null,\r\n prenom: null,\r\n ville: null\r\n });\r\n\r\n // PROPS\r\n const {\r\n activeTimeLineStep = undefined,\r\n appelDepuisOption = undefined, // Applique quelques modifications spécifiques à ce cas de figure\r\n appelDepuisReservation = undefined, // Applique quelques modifications spécifiques à ce cas de figure\r\n headerText = undefined,\r\n hideOngletDenonciations = false,\r\n hideOngletHistorique = false,\r\n hideOngletSouhaits = false,\r\n hideOngletSouhaitsMaisonsIndividuelles = false,\r\n idContact = undefined,\r\n idLotCommercial = undefined, // idLotCommercial du lot que l'on est en train de réserver ; permet de définir l'idNature du souhait (souhait.idNature === lotCommercial.idNature)\r\n idOperation = undefined,\r\n idReservation = undefined,\r\n isOpen = false,\r\n listEtapeTimeline = undefined,\r\n selectionModeSouhait = SelectionMode.none,\r\n /* --- */\r\n onDismiss = (reload) => null,\r\n onSave = () => null,\r\n onDelete = () => null,\r\n onSelectionSouhait = undefined // (souhait) => { ... }\r\n } = props;\r\n\r\n // STATES\r\n const [_activeForm, _setActiveForm] = useState(\"dedoublonnement\");\r\n const [_activeSouhait, _setActiveSouhait] = useState({});\r\n const [_activeTab, _setActiveTab] = useState(\"contact\");\r\n const [_afficherDialogCreationContactReussie, _setAfficherDialogCreationContactReussie] = useState(false);\r\n const [_afficherDialogDenonciationExistePourAutreCommercialisateur, _setAfficherDialogDenonciationExistePourAutreCommercialisateur] = useState(false);\r\n const [_afficherDialogSouhaitIncomplet, _setAfficherDialogSouhaitIncomplet] = useState(false);\r\n const [_afficherDialogSuppressionContact, _setAfficherDialogSuppressionContact] = useState(false);\r\n const [_contact, _setContact] = useState(defaultContact);\r\n const [_consentementCollecteDonneesPersonnellesBeforeUpdate, _setConsentementCollecteDonneesPersonnellesBeforeUpdate] = useState(false);\r\n const [_credentialsHasBeenSent, _setCredentialsHasBeenSent] = useState(false);\r\n const [_emailHasChanged, _setEmailHasChanged] = useState(false); // Bloquer l'envoi de mail tant que la modification n'a pas été enregistrée en BDD\r\n const [_idNature, _setIdNature] = useState(0);\r\n const [_isFormValid, { setFalse: _setFormIsNotValid, setTrue: _setFormIsValid }] = useBoolean(false);\r\n const [_listContactDedoublonne, _setListContactDedoublonne] = useState([]);\r\n const [_listEnfant, _setListEnfant] = useState([]);\r\n const [_peutAccederOrigineContact, _setPeutAccederOrigineContact] = useState(false);\r\n const [_peutAccederSouhaits, _setPeutAccederSouhaits] = useState(false);\r\n const [_peutAccederSouhaitsMaisonIndividuelle, _setPeutAccederSouhaitsMaisonIndividuelle] = useState(false);\r\n const [_peutCreerContact, _setPeutCreerContact] = useState(false);\r\n const [_peutModifierCivilite, _setPeutModifierCivilite] = useState(false);\r\n const [_peutModifierConsentementCollecteDonneesPersonnelles, _setPeutModifierConsentementCollecteDonneesPersonnelles] = useState(false);\r\n const [_peutModifierContact, _setPeutModifierContact] = useState(false);\r\n const [_peutModifierContactSa, _setPeutModifierContactSa] = useState(false);\r\n const [_peutModifierCpVille, _setPeutModifierCpVille] = useState(false);\r\n const [_peutModifierCritereDeDedoublonnement, _setPeutModifierCritereDeDedoublonnement] = useState(false);\r\n const [_peutModifierPrenom, _setPeutModifierPrenom] = useState(false);\r\n const [_peutSupprimerContact, _setPeutSupprimerContact] = useState(false);\r\n const [_peutVisualiserFicheContact, _setPeutVisualiserFicheContact] = useState(false);\r\n const [_reloadOnDismiss, _setReloadOnDismiss] = useState(false); // Passé en paramètre à props.onDismiss, permet le rechargement des données uniquement si on modifie le contac)\r\n\r\n // REFS\r\n const _formTop = useRef();\r\n const _isLoaded = useRef(false); // Utilisé pour économiser des vérifications de formulaire\r\n const _isMounted = useRef(false); // Utilisé pour bloquer certains useEffect au premier render\r\n\r\n // MEMOS\r\n const _idContact = useMemo(() =>\r\n idContact || _contact.idContact,\r\n [_contact, idContact]\r\n );\r\n\r\n const _enableOngletDenonciations = useMemo(() => {\r\n if (!_idContact) return false;\r\n if (_activeTab === \"contact\" && _activeForm !== \"contact\") return false;\r\n if (hideOngletDenonciations) return false;\r\n return true;\r\n }, [_activeForm, _activeTab, _idContact, hideOngletDenonciations]);\r\n\r\n const _enableOngletHistorique = useMemo(() => {\r\n if (!_idContact) return false;\r\n if (!_peutVisualiserFicheContact) return false;\r\n if (_activeTab === \"contact\" && _activeForm !== \"contact\") return false;\r\n if (hideOngletHistorique) return false;\r\n return true;\r\n }, [_activeForm, _activeTab, _idContact, _peutVisualiserFicheContact, hideOngletHistorique]);\r\n\r\n const _enableOngletOrigineContact = useMemo(() => {\r\n if (!_idContact) return false;\r\n if (!_peutAccederOrigineContact) return false;\r\n if (_activeTab === \"contact\" && _activeForm !== \"contact\") return false;\r\n return true;\r\n }, [_activeForm, _activeTab, _idContact, _peutAccederOrigineContact]);\r\n\r\n const _enableOngletSouhaits = useMemo(() => {\r\n if (!_idContact) return false;\r\n if (appelDepuisReservation && !_consentementCollecteDonneesPersonnellesBeforeUpdate) return false; // KP - 2842 - 03/03/2025 : empêcher l'ajout d'un contact ayant retiré son consentement\r\n if (!_peutAccederSouhaits) return false;\r\n if (_activeTab === \"contact\" && _activeForm !== \"contact\") return false;\r\n if (hideOngletSouhaits) return false;\r\n return true;\r\n }, [_activeForm, _activeTab, _consentementCollecteDonneesPersonnellesBeforeUpdate, _idContact, _peutAccederSouhaits, appelDepuisReservation, hideOngletSouhaits]);\r\n\r\n const _enableOngletSouhaitsMaisonsIndividuelles = useMemo(() => {\r\n if (!_idContact) return false;\r\n if (appelDepuisReservation && !_consentementCollecteDonneesPersonnellesBeforeUpdate) return false; // KP - 2842 - 03/03/2025 : empêcher l'ajout d'un contact ayant retiré son consentement\r\n if (!_peutAccederSouhaitsMaisonIndividuelle) return false;\r\n if (_activeTab === \"contact\" && _activeForm !== \"contact\") return false;\r\n if (hideOngletSouhaitsMaisonsIndividuelles) return false;\r\n return true;\r\n }, [_activeForm, _activeTab, _consentementCollecteDonneesPersonnellesBeforeUpdate, _idContact, _peutAccederSouhaitsMaisonIndividuelle, appelDepuisReservation, hideOngletSouhaitsMaisonsIndividuelles]);\r\n\r\n const _headerText = useMemo(() => {\r\n if (!!headerText) return headerText;\r\n if (_activeForm === \"listContact\") return \"Liste des contacts trouvés\";\r\n if (!!_idContact) return \"Modification de contact\";\r\n else return \"Nouveau contact\";\r\n }, [_activeForm, _idContact, headerText]);\r\n\r\n // METHODS\r\n const _chargementDonnees = useCallback(() => {\r\n const id = load(\"Chargement du contact en cours...\");\r\n DataContact._chargementContact(_idContact).then(response => {\r\n const onSuccess = () => {\r\n\r\n const data = response.reponseAPIobjet;\r\n const {\r\n contact,\r\n peutAccederOrigineContact,\r\n peutAccederSouhaits,\r\n peutAccederSouhaitsMaisonIndividuelle,\r\n peutCreerContact,\r\n peutModifierCivilite,\r\n peutModifierConsentementCollecteDonneesPersonnelles,\r\n peutModifierContact,\r\n peutModifierContactSa,\r\n peutModifierCpVille,\r\n peutModifierCritereDeDedoublonnement,\r\n peutModifierPrenom,\r\n peutSupprimerContact,\r\n peutVisualiserFicheContact\r\n } = data;\r\n\r\n const { dateNaissanceEnfant1, dateNaissanceEnfant2, dateNaissanceEnfant3, dateNaissanceEnfant4, dateNaissanceEnfant5, tel1, tel2, visualiserLe } = contact;\r\n\r\n let listEnfants = [];\r\n if (!!dateNaissanceEnfant1) listEnfants.push(dateNaissanceEnfant1);\r\n if (!!dateNaissanceEnfant2) listEnfants.push(dateNaissanceEnfant2);\r\n if (!!dateNaissanceEnfant3) listEnfants.push(dateNaissanceEnfant3);\r\n if (!!dateNaissanceEnfant4) listEnfants.push(dateNaissanceEnfant4);\r\n if (!!dateNaissanceEnfant5) listEnfants.push(dateNaissanceEnfant5);\r\n\r\n contact.tel1 = (tel1 || \"\").replace(/\\s/g, '');\r\n contact.tel2 = (tel2 || \"\").replace(/\\s/g, '');\r\n\r\n _setListEnfant(listEnfants);\r\n _setActiveForm(\"contact\");\r\n _setConsentementCollecteDonneesPersonnellesBeforeUpdate(contact.consentementCollecteDonneesPersonnelles || false);\r\n _setPeutAccederOrigineContact(peutAccederOrigineContact);\r\n _setPeutAccederSouhaits(peutAccederSouhaits);\r\n _setPeutAccederSouhaitsMaisonIndividuelle(peutAccederSouhaitsMaisonIndividuelle);\r\n _setPeutCreerContact(peutCreerContact);\r\n _setPeutModifierCivilite(peutModifierCivilite);\r\n _setPeutModifierConsentementCollecteDonneesPersonnelles(peutModifierConsentementCollecteDonneesPersonnelles);\r\n _setPeutModifierContact(peutModifierContact);\r\n _setPeutModifierContactSa(peutModifierContactSa);\r\n _setPeutModifierCpVille(peutModifierCpVille);\r\n _setPeutModifierCritereDeDedoublonnement(peutModifierCritereDeDedoublonnement);\r\n _setPeutModifierPrenom(peutModifierPrenom);\r\n _setPeutSupprimerContact(peutSupprimerContact);\r\n _setPeutVisualiserFicheContact(peutVisualiserFicheContact);\r\n\r\n // KP - 21/03/2023 - 2332 : si chargement du contact ok, alors mettre à jour champ VisualiserLe\r\n if (!visualiserLe) _onSaveVisualiserLe();\r\n\r\n _isLoaded.current = true;\r\n _setContact(contact);\r\n };\r\n const onError = (result) => extract(result, NotificationsTarget.panels);\r\n Immocom.checkFetchResponse(response, onSuccess, onError);\r\n dismiss(id);\r\n });\r\n }, [_idContact]);\r\n\r\n const _chargementDroits = useCallback(() => {\r\n const id = load(\"Chargement des droits en cours...\");\r\n DataContact._chargementListeDesDroitsFicheContact().then(response => {\r\n const onSuccess = () => {\r\n const data = response.reponseAPIobjet;\r\n const peutAccederSouhaits = data[3]; // A un mandat de type de programme correspondant au souhait normal\r\n const peutAccederSouhaitsMaisonIndividuelle = data[4]; // A un mandat de type de programme correspondant au souhait maison individuelle\r\n const peutCreerContact = data[0];\r\n const peutModifierContact = data[1];\r\n const peutModifierCritereDeDedoublonnement = data[7];\r\n const peutSupprimerContact = data[6];\r\n const peutVisualiserFicheContact = data[2];\r\n\r\n _setPeutAccederSouhaits(peutAccederSouhaits);\r\n _setPeutAccederSouhaitsMaisonIndividuelle(peutAccederSouhaitsMaisonIndividuelle);\r\n _setPeutCreerContact(peutCreerContact);\r\n _setPeutModifierContact(peutModifierContact);\r\n _setPeutModifierCritereDeDedoublonnement(peutModifierCritereDeDedoublonnement);;\r\n _setPeutSupprimerContact(peutSupprimerContact);\r\n _setPeutVisualiserFicheContact(peutVisualiserFicheContact);\r\n\r\n _isLoaded.current = true;\r\n };\r\n const onError = (result) => extract(result, NotificationsTarget.panels);\r\n Immocom.checkFetchResponse(response, onSuccess, onError);\r\n dismiss(id);\r\n });\r\n }, []);\r\n\r\n const _checkDenonciationExists = useCallback((idContactSelectionne) => {\r\n DataContact._onRegardeSiExisteDenonciationPourUnAutreCommercialisateurEtPourMoi(idContactSelectionne, idOperation).then(response => {\r\n const onSuccess = () => {\r\n\r\n const data = response.reponseAPIobjet;\r\n const objetDenonciationValideAutreCommercialisateur = data[0] || false;\r\n const objetDenonciationPourMoi = data[1] || false;\r\n const voitSesContacts = data[2] || false;\r\n\r\n //=> gestion en fonction de ses dénonciations, sinon c'est en fct de son périmètre et dans ce cas là pas besoin de faire de vérification si le contact est dénoncé\r\n if (voitSesContacts) {\r\n if (objetDenonciationValideAutreCommercialisateur && !objetDenonciationPourMoi)\r\n _toggleUI(\"DialogDenonciationExistePourAutreCommercialisateur\", true)();\r\n else if (!objetDenonciationValideAutreCommercialisateur)\r\n _setContact(prev => ({ ...prev, idContact: idContactSelectionne }));\r\n }\r\n else _setContact(prev => ({ ...prev, idContact: idContactSelectionne }));\r\n\r\n };\r\n const onError = (result) => extract(result, NotificationsTarget.panels);\r\n Immocom.checkFetchResponse(response, onSuccess, onError);\r\n });\r\n }, [idOperation]);\r\n\r\n const _delete = useCallback(() => {\r\n const id = load(\"Suppression du contact en cours...\");\r\n DataContact._onSuppressionContact(_idContact).then(response => {\r\n const onSuccess = onDelete;\r\n const onError = (result) => extract(result, NotificationsTarget.panels);\r\n Immocom.checkFetchResponse(response, onSuccess, onError);\r\n dismiss(id);\r\n });\r\n }, [_idContact]);\r\n\r\n const _onChangePickerContact = useCallback((contact) => {\r\n if (!contact) contact = defaultContact;\r\n const { civilite, nom, prenom, cp, ville, email, tel1 } = contact;\r\n const idContact = null;\r\n _setContact(prev => ({ ...prev, idContact, civilite, nom, prenom, cp, ville, email, tel1 }));\r\n }, []);\r\n\r\n const _onDismiss = useCallback(() => {\r\n clear();\r\n if (typeof onDismiss === \"function\") onDismiss(_reloadOnDismiss);\r\n }, [_reloadOnDismiss, onDismiss]);\r\n\r\n const _onDismissed = useCallback(() => {\r\n _isLoaded.current = false;\r\n _setActiveForm(\"dedoublonnement\");\r\n _setActiveSouhait({});\r\n _setActiveTab(\"contact\");\r\n _setAfficherDialogCreationContactReussie(false);\r\n _setAfficherDialogDenonciationExistePourAutreCommercialisateur(false);\r\n _setAfficherDialogSouhaitIncomplet(false);\r\n _setAfficherDialogSuppressionContact(false);\r\n _setContact(defaultContact);\r\n _setConsentementCollecteDonneesPersonnellesBeforeUpdate(false);\r\n _setCredentialsHasBeenSent(false);\r\n _setEmailHasChanged(false);\r\n _setFormIsNotValid();\r\n _setIdNature(0);\r\n _setListContactDedoublonne([]);\r\n _setListEnfant([]);\r\n _setPeutAccederOrigineContact(false);\r\n _setPeutAccederSouhaits(false);\r\n _setPeutAccederSouhaitsMaisonIndividuelle(false);\r\n _setPeutCreerContact(false);\r\n _setPeutModifierCivilite(false);\r\n _setPeutModifierConsentementCollecteDonneesPersonnelles(false);\r\n _setPeutModifierContact(false);\r\n _setPeutModifierContactSa(false);\r\n _setPeutModifierCpVille(false);\r\n _setPeutModifierCritereDeDedoublonnement(false);\r\n _setPeutModifierPrenom(false);\r\n _setPeutSupprimerContact(false);\r\n _setPeutVisualiserFicheContact(false);\r\n _setReloadOnDismiss(false);\r\n }, []);\r\n\r\n const _onLinkClick = useCallback((item) => {\r\n const itemKey = item.props.itemKey;\r\n if (itemKey === \"souhaits\") _setActiveSouhait({});\r\n _setActiveTab(itemKey);\r\n }, []);\r\n\r\n const _onNext = useCallback(() => {\r\n switch (_activeTab) {\r\n case \"contact\":\r\n switch (_activeForm) {\r\n case \"dedoublonnement\": {\r\n const id = load(\"Recherche en cours...\");\r\n DataContact._onGetSiContactExiste(_contact).then(response => {\r\n const onSuccess = () => {\r\n const listContactDedoublonne = response.reponseAPIobjet; // Contient à minima une ligne \"Nouveau contact\"\r\n if (listContactDedoublonne.length > 1) {\r\n _setListContactDedoublonne(listContactDedoublonne);\r\n _setActiveForm(\"listContact\");\r\n }\r\n else _setActiveForm(\"rgpd\");\r\n }\r\n const onError = (result) => extract(result, NotificationsTarget.panels);\r\n Immocom.checkFetchResponse(response, onSuccess, onError);\r\n dismiss(id);\r\n });\r\n break;\r\n }\r\n case \"listContact\": {\r\n if (!_idContact) _setActiveForm(\"rgpd\");\r\n else {\r\n const id = load(\"Chargement du contact en cours...\");\r\n DataContact._chargementContact(_idContact).then(response => { // Rechargement de l'objet contact lors de la sélection depuis la liste des contacts dédoublonnés\r\n const onSuccess = () => {\r\n const data = response.reponseAPIobjet;\r\n const { contact } = data;\r\n _setContact(contact);\r\n _setActiveForm(\"contact\");\r\n }\r\n const onError = (result) => extract(result, NotificationsTarget.panels);\r\n Immocom.checkFetchResponse(response, onSuccess, onError);\r\n dismiss(id);\r\n });\r\n }\r\n break;\r\n }\r\n case \"rgpd\": _setActiveForm(\"contact\"); break;\r\n case \"contact\": return null;\r\n default: break;\r\n }\r\n case \"denonciations\": return null;\r\n case \"historique\": return null;\r\n case \"origineContact\": return null;\r\n case \"souhaitsMaisonsIndividuelles\": return null;\r\n default: return null;\r\n }\r\n }, [_activeForm, _activeTab, _contact, _idContact]);\r\n\r\n const _onOpen = useCallback(() => {\r\n if (!!_idContact) _chargementDonnees();\r\n else _chargementDroits();\r\n }, [_chargementDonnees, _chargementDroits, _idContact]);\r\n\r\n const _onPrevious = useMemo(() => {\r\n switch (_activeTab) {\r\n case \"contact\":\r\n switch (_activeForm) {\r\n case \"dedoublonnement\": return undefined;\r\n case \"listContact\": return () => _setActiveForm(\"dedoublonnement\");\r\n case \"rgpd\": return () => _setActiveForm(_listContactDedoublonne.length > 1 ? \"listContact\" : \"dedoublonnement\");\r\n case \"contact\": return !!_idContact ? undefined : () => _setActiveForm(\"rgpd\");\r\n default: break;\r\n }\r\n case \"denonciations\": return undefined;\r\n case \"historique\": return undefined;\r\n case \"origineContact\": return undefined;\r\n case \"souhaitsMaisonsIndividuelles\": return undefined;\r\n default: return undefined;\r\n }\r\n }, [_activeForm, _activeTab, _idContact, _listContactDedoublonne]);\r\n\r\n const _onSave = useMemo(() => {\r\n if (_activeTab !== \"contact\") return undefined; // Enregistrement disponible uniquement sur l'onglet contact\r\n if (_activeForm !== \"contact\") return undefined; // Enregistrement disponible uniquement sur le formulaire contact\r\n return () => {\r\n const id = load(\"Enregistrement du contact en cours...\");\r\n DataContact._onEnregistrementContact(_contact, _listEnfant, idOperation, idLotCommercial, idReservation, _idNature).then(response => {\r\n const onSuccess = () => {\r\n\r\n const data = response.reponseAPIobjet;\r\n const contact = data[0];\r\n const objetDenonciationCommercialisateurExistePourQQ1Autre = data[1];\r\n\r\n // On bloque, on ne va pas plus loin car il existe une dénonciation pour un autre commercialisateur et qu'on a que le droit 'Contact_VoitSesContacts'\r\n if (!!objetDenonciationCommercialisateurExistePourQQ1Autre) _setAfficherDialogDenonciationExistePourAutreCommercialisateur(true);\r\n else {\r\n // Création du contact\r\n if (!_idContact) {\r\n if (!appelDepuisOption)\r\n _setAfficherDialogCreationContactReussie(true);\r\n _setContact(prev => ({ ...prev, idContact: contact.idContact }));\r\n }\r\n\r\n // On ne vérifie pas si le contact lui appartient car il vient de le créer et il lui appartient automatiquement\r\n if (appelDepuisOption) onSave(contact.idContact);\r\n }\r\n\r\n // KP - 2481 - 12/07/2023 : afficher un warning dans le cas ou le message concerne une éventuelle duplication du contact\r\n if (response.message !== \"ok\") warn(response.messageInfo);\r\n\r\n _setConsentementCollecteDonneesPersonnellesBeforeUpdate(contact.consentementCollecteDonneesPersonnelles || false);\r\n _setEmailHasChanged(false);\r\n _setReloadOnDismiss(true);\r\n\r\n\r\n };\r\n const onError = (result) => extract(result, NotificationsTarget.panels);\r\n Immocom.checkFetchResponse(response, onSuccess, onError);\r\n dismiss(id);\r\n });\r\n\r\n //Scroll vers le haut automatique\r\n if (!!_formTop && !!_formTop.current) _formTop.current.scrollIntoView({ block: \"start\", behavior: \"smooth\" });\r\n }\r\n }, [_activeForm, _activeTab, _contact, _formTop, _idContact, _idNature, _listEnfant, appelDepuisOption, idOperation, idLotCommercial, idReservation, onSave]);\r\n\r\n const _onSaveLiaisonEntreSouhaitEtReservation = useCallback(() => {\r\n const id = load(\"Enregistrement du souhait en cours...\");\r\n DataContact._onEnregistrementLiaisonEntreSouhaitEtReservation(idReservation, idOperation, _activeSouhait.idContact, _activeSouhait.idSouhait).then(response => {\r\n const onSuccess = onSave;\r\n const onError = (result) => extract(result, NotificationsTarget.panels);\r\n Immocom.checkFetchResponse(response, onSuccess, onError);\r\n dismiss(id);\r\n });\r\n }, [_activeSouhait, idOperation, idReservation, onSave]);\r\n\r\n // KP - 2023/03/21 - 2332 : mise à jour isolée car doit pouvoir s'exécuter même si formulaire invalide\r\n const _onSaveVisualiserLe = useCallback(() => {\r\n if (!!idContact)\r\n DataContact._onEnregistrementVisualerLeContact(idContact).then(response => {\r\n const onSuccess = () => _setContact(prev => ({ ...prev, visualiserLe: new Date() }));\r\n const onError = (result) => extract(result, NotificationsTarget.panels);\r\n Immocom.checkFetchResponse(response, onSuccess, onError);\r\n });\r\n }, [idContact]);\r\n\r\n const _onSelectionChangedContactDedoublonne = useCallback((idContactSelectionne) => {\r\n if (!!idContactSelectionne) _checkDenonciationExists(idContactSelectionne); // Si clic sur contact déjà existant\r\n else {\r\n const { civilite, nom, prenom, cp, ville, email, tel1 } = _contact;\r\n const idContact = null;\r\n const contact = { ...defaultContact, idContact, civilite, nom, prenom, cp, ville, email, tel1 };\r\n _setContact(contact);\r\n _setActiveForm(\"rgpd\");\r\n }\r\n }, [_contact, _checkDenonciationExists]);\r\n\r\n const _onSelectionChangedSouhait = useCallback((items) => {\r\n // Afficher une alerte si le souhait est incomplet\r\n if (!Array.isArray(items) || items.length !== 1) _setActiveSouhait({});\r\n else {\r\n const souhait = items[0];\r\n const { idSouhait, rechercheMotifAcquisition, rechercheOrigineCommerciale } = souhait;\r\n if (!!idSouhait && !!rechercheMotifAcquisition && !!rechercheOrigineCommerciale)\r\n _setActiveSouhait(souhait);\r\n else _toggleUI(\"DialogSouhaitIncomplet\", true)();\r\n }\r\n }, []);\r\n\r\n const _onVerificationFormulaireContact = useCallback(() => {\r\n _setFormIsNotValid();\r\n\r\n if (!_idContact && !_peutCreerContact) return;\r\n if (!!_idContact && !_peutModifierContact) return;\r\n\r\n const data = { ..._contact, appelDepuisReservation };\r\n Data._onValidationFormulaire(\"Contact\", data, _idContact > 0 ? \"Modification\" : \"Création\").then(response => {\r\n const onSuccess = _setFormIsValid;\r\n const onError = (result) => extract(result, NotificationsTarget.panels);\r\n clear();\r\n Immocom.checkFetchResponse(response, onSuccess, onError);\r\n });\r\n }, [_contact, _idContact, _peutCreerContact, _peutModifierContact, appelDepuisReservation]);\r\n\r\n const _onVerificationFormulaireDedoublonnement = useCallback(() => {\r\n _setFormIsNotValid();\r\n Data._onValidationFormulaire(\"ContactDedoublonnement\", _contact, \"Dédoublonnement\").then(response => {\r\n const onSuccess = _setFormIsValid;\r\n const onError = (result) => extract(result, NotificationsTarget.panels);\r\n clear();\r\n Immocom.checkFetchResponse(response, onSuccess, onError);\r\n });\r\n }, [_contact]);\r\n\r\n const _onVerificationFormulaireRgpd = useCallback(() => {\r\n if (!_contact) _setFormIsNotValid();\r\n else if (!_contact.consentementCollecteDonneesPersonnelles) _setFormIsNotValid();\r\n else _setFormIsValid();\r\n }, [_contact]);\r\n\r\n const _sendCredentials = useCallback(() => {\r\n const id = load(\"Envoi des identifiants en cours...\");\r\n DataContact._envoyerIdentifiantsAContactParMail(_idContact).then(response => {\r\n const onSuccess = () => _setCredentialsHasBeenSent(true);\r\n const onError = (result) => extract(result, NotificationsTarget.panels);\r\n Immocom.checkFetchResponse(response, onSuccess, onError);\r\n dismiss(id);\r\n });\r\n }, [_idContact]);\r\n\r\n const _toggleUI = useCallback((nomUi, isOpen, callback) => (event) => {\r\n switch (nomUi) {\r\n case \"DialogCreationContactReussie\": _setAfficherDialogCreationContactReussie(isOpen); break;\r\n case \"DialogDenonciationExistePourAutreCommercialisateur\": _setAfficherDialogDenonciationExistePourAutreCommercialisateur(isOpen); break;\r\n case \"DialogSouhaitIncomplet\": _setAfficherDialogSouhaitIncomplet(isOpen); break;\r\n case \"DialogSuppressionContact\": _setAfficherDialogSuppressionContact(isOpen); break;\r\n default: break;\r\n }\r\n if (!!callback) callback();\r\n }, []);\r\n\r\n // EFFECTS (ComponentDidUpdate)\r\n // Vérification des données du formulaire\r\n useEffect(() => {\r\n if (_isMounted.current && _isLoaded.current)\r\n switch (_activeForm) {\r\n case \"dedoublonnement\": _onVerificationFormulaireDedoublonnement(); break;\r\n case \"listContact\": break;\r\n case \"rgpd\": _onVerificationFormulaireRgpd(); break;\r\n case \"contact\": _onVerificationFormulaireContact(); break;\r\n default: break;\r\n }\r\n }, [_isLoaded, _isMounted, _activeForm, _contact, _listEnfant]);\r\n\r\n // Chargement automatique de la fiche contact si l'utilisateur sélectionne un contact déjà existant dans la DetailsListContact\r\n useEffect(() => {\r\n if (_activeTab === \"contact\" && _activeForm === \"listContact\")\r\n if (!!_idContact) _onNext();\r\n }, [_activeForm, _activeTab, _idContact, _onNext]);\r\n\r\n // EFFECTS (ComponentDidMount)\r\n useEffect(() => {\r\n _isMounted.current = true;\r\n }, []);\r\n\r\n // UI\r\n const _form = useMemo(() => {\r\n switch (_activeForm) {\r\n case \"dedoublonnement\":\r\n return \r\n
\r\n L'application du règlement (RGPD) dans l’application EIFFIMMO d'Eiffage Immobilier renforce la maîtrise des personnes sur leurs données par :\r\n
- \r\n
- Le consentement à la collecte des données, \r\n
- La notification des violations de données (data breach notification), \r\n
- Le recours à la pseudonymisation, \r\n
- L'absence de profilage et de traitement automatisé des données, \r\n
- L'application du droit à l'oubli numérique, \r\n
- L'absence de transfert de données vers des pays non listés par la commission européenne. \r\n
\r\n
\r\n A la fin de votre projet avec Eiffage Immobilier (parfait achèvement, abandon de votre recherche immobilière) vos données seront pseudonymisées c'est-à-dire que seuls les éléments relatifs à votre projet immobilier seront conservés sans aucun lien avec les données permettant de vous identifier.
\r\n
\r\n
\r\n Si vous souhaitez révoquer ce consentement vous pouvez le signifier en écrivant à :\r\n
\r\n Eiffage Immobilier – EIFFIMMO
\r\n 11 place de l'Europe
\r\n 78140 Vélizy Villacoublay
\r\n
\r\n Ou par e-mail : immocom.eiffage-immobilier@eiffage.com
\r\n
\r\n Ou en vous connectant à votre espace personnel\r\n
\r\n
\r\n \r\n );\r\n }\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = objetState;\r\n }\r\n\r\n _onInit() {\r\n this.setState(objetState);\r\n }\r\n\r\n _onChargement() {\r\n let idReservationRenseigneeEtDifferent = Immocom.getSiPropsRenseigneeEtDifferenteDeLaValeurEnParametre(this.props.idReservation, [0, this.state.idReservation]);\r\n let idOperationRenseigneeEtDifferent = Immocom.getSiPropsRenseigneeEtDifferenteDeLaValeurEnParametre(this.props.idOperation, [0, this.state.idOperation]);\r\n\r\n if (idReservationRenseigneeEtDifferent && idOperationRenseigneeEtDifferent) {\r\n this._chargementDonnees();\r\n }\r\n }\r\n\r\n _chargementDonnees() {\r\n this.setState({\r\n enCoursDeTraitement: true,\r\n messageEnCoursTraitement: 'Chargement du dépôt de garantie'\r\n });\r\n\r\n var ficheReservation_Simple = DataReservation._ficheReservation_Simple(this.props.idOperation, this.props.idReservation);\r\n\r\n ficheReservation_Simple\r\n .then(responseFetch => {\r\n let retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responseFetch, this);\r\n\r\n if (retourVerif === null) {\r\n let objetData = responseFetch.reponseAPIobjet;\r\n\r\n let stateTemp = {};\r\n stateTemp.idReservation = this.props.idReservation;\r\n stateTemp.idOperation = this.props.idOperation;\r\n stateTemp.reservation = objetData[0];\r\n\r\n //stateTemp.peutModifierBlocDepotGarantie = this.props.peutModifierBlocDepotGarantie;\r\n\r\n stateTemp.titrePanelDepotGarantie = 'Modifier le dépôt de garantie';\r\n\r\n Immocom.onReinitStateValeurParDefautEtExecutionDuSetState(this, stateTemp);\r\n\r\n this._onVerificationFormulaire();\r\n }\r\n else {\r\n Immocom.onTraitementErreurAvecState(this, { ...this.state }, retourVerif, responseFetch);\r\n }\r\n });\r\n }\r\n\r\n //_validationFormulaire(item) {\r\n // let estValide = true;\r\n\r\n // // Si l'objet n'est pas vide\r\n // if (!(Object.keys(item).length === 0 && item.constructor === Object)) {\r\n // estValide =\r\n // (item.idReservation !== 0 & item.idReservation !== null & this.props.peutModifierBlocDepotGarantie) |\r\n // ((item.idReservation === 0 | item.idReservation === null) & this.props.peutAjouterBlocDepotGarantie);\r\n\r\n // estValide = estValide && (Scriba.officeUI().textField().nombre().controleNombreDecimal(item.dgMontant, false, 2) === '');\r\n // estValide = estValide && (Scriba.officeUI().textField().nombre().controleNombreDecimal(item.dgMontantRestitue, false, 2) === '');\r\n // }\r\n // else {\r\n // estValide = false;\r\n // }\r\n\r\n // return estValide;\r\n //}\r\n\r\n _onEnregistrement = () => {\r\n this.setState({\r\n enCoursDeTraitement: true,\r\n messageEnCoursTraitement: 'Enregistrement du dépôt de garantie en cours'\r\n });\r\n\r\n let miseAJourReservation = DataReservation._miseAJourReservation(this.props.idOperation, this.props.idReservation, this.state.reservation);\r\n\r\n miseAJourReservation\r\n .then(responseFetch => {\r\n let retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responseFetch, this);\r\n\r\n if (retourVerif === null) {\r\n let objetData = responseFetch.reponseAPIobjet;\r\n\r\n Immocom.onReinitStateValeurParDefautEtExecutionDuSetState(this, { ...this.state });\r\n\r\n this.props.onEnregistrementFiche(objetData);\r\n }\r\n else {\r\n Immocom.onTraitementErreurAvecState(this, { ...this.state }, retourVerif, responseFetch);\r\n }\r\n });\r\n }\r\n\r\n _onAnnulation = () => {\r\n this._onInit();\r\n this.props.onAnnuleFiche();\r\n }\r\n\r\n _onVerificationFormulaire() {\r\n Immocom.fiche()._validationFormulaire(this, 'DepotGarantieReservation', this.state.reservation, (this.state.reservation.idReservation > 0 ? 'Modification' : 'Création'));\r\n }\r\n\r\n _onRenderFooterContent = () => {\r\n return (\r\n \r\n
\r\n \r\n this.setState({ errorMessage: \"\" })}\r\n onDismissWarningMessage={() => this.setState({ warningMessage: \"\" })}\r\n />\r\n\r\n {this.state.enCoursDeTraitement ?
\r\n \r\n
\r\n \r\n this._onChangeDGType(option.key || null)}\r\n options={[\r\n { key: \"Virement\", text: \"Virement\" },\r\n { key: \"Chèque\", text: \"Chèque\" }\r\n ]}\r\n selectedKey={this.state.reservation.dgType}\r\n />\r\n
\r\n {this.state.reservation.dgType === 'Chèque' ?\r\n \r\n
\r\n : null\r\n }\r\n \r\n
\r\n \r\n Scriba.state().setObjetPropriete(this, \"reservation\", \"dgNomBanque_Cheque\", newValue)}\r\n value={this.state.reservation.dgNomBanque_Cheque}\r\n />\r\n
\r\n \r\n Scriba.state().setObjetPropriete(this, \"reservation\", \"dgNumChequeClient_Cheque\", newValue)}\r\n value={this.state.reservation.dgNumChequeClient_Cheque}\r\n />\r\n
\r\n \r\n Scriba.state().setObjetPropriete(this, \"reservation\", \"dgNumCompte_Cheque\", newValue)}\r\n value={this.state.reservation.dgNumCompte_Cheque}\r\n />\r\n
\r\n \r\n Scriba.officeUI().textField().nombre().onFocusTextFieldNombreObjet(this, 'reservation', 'dgMontant')}\r\n onBlur={e => Scriba.officeUI().textField().nombre().onBlurTextFieldNombreObjet(this, 'reservation', 'dgMontant', e.target.value, 'fr', this._onVerificationFormulaire)}\r\n onGetErrorMessage={e => Scriba.officeUI().textField().nombre().onGetErrorMessageTextFieldNombre(this, 'dgMontant', e, false, 2)}\r\n deferredValidationTime={0}\r\n suffix=\"€\"\r\n />\r\n
\r\n \r\n this._onSelectDate(date, 'dgDateEnregistrement')}\r\n value={this.state.reservation.dgDateEnregistrement}\r\n />\r\n
\r\n \r\n Scriba.state().setObjetPropriete(this, \"reservation\", \"dgSituation\", option.key || null)}\r\n options={[\r\n { key: 'Eiffage et conservé', text: 'Eiffage et conservé' },\r\n { key: 'Notaire et conservé', text: 'Notaire et conservé' },\r\n { key: 'Notaire et encaissé', text: 'Notaire et encaissé' }\r\n ]}\r\n selectedKey={this.state.reservation.dgSituation}\r\n />\r\n
\r\n \r\n Scriba.officeUI().textField().nombre().onFocusTextFieldNombreObjet(this, 'reservation', 'dgMontantRestitue')}\r\n onBlur={e => Scriba.officeUI().textField().nombre().onBlurTextFieldNombreObjet(this, 'reservation', 'dgMontantRestitue', e.target.value, 'fr', this._onVerificationFormulaire)}\r\n onGetErrorMessage={e => Scriba.officeUI().textField().nombre().onGetErrorMessageTextFieldNombre(this, 'dgMontantRestitue', e, false, 2)}\r\n deferredValidationTime={0}\r\n suffix=\"€\"\r\n />\r\n
\r\n \r\n this._onSelectDate(date, 'dgDateRestitution')}\r\n value={this.state.reservation.dgDateRestitution}\r\n />\r\n
\r\n \r\n this._onEnregistrement()} className=\"marginRight8px\" disabled={!this.state.onActiveBoutonEnregistrer}>Enregistrer \r\n this._onAnnulation()}>Annuler \r\n
\r\n );\r\n };\r\n\r\n _onSelectDate(value, champ) {\r\n var valeurDate = Scriba.date().getChaineISOFromDate(value, true);\r\n Scriba.state().setObjetPropriete(this, 'reservation', champ, valeurDate);\r\n }\r\n\r\n _onChangeDGType = (key) => {\r\n let reservationTrav = { ...this.state.reservation };\r\n\r\n if (key !== 'Chèque') {\r\n reservationTrav.dgNomBanque_Cheque = null;\r\n reservationTrav.dgNumChequeClient_Cheque = null;\r\n reservationTrav.dgNumCompte_Cheque = null;\r\n }\r\n\r\n reservationTrav.dgType = key;\r\n\r\n this.setState({ reservation: reservationTrav });\r\n }\r\n\r\n _onOpen = () => {\r\n if (!this.state.enCoursDeTraitement)\r\n this._onChargement();\r\n }\r\n\r\n componentDidMount() { }\r\n\r\n componentWillUnmount() { }\r\n\r\n componentDidUpdate() { }\r\n\r\n render() {\r\n return this._creationContent();\r\n }\r\n}","import Scriba from '@devnet/react-scriba';\r\n\r\nexport class DataDocumentReservation {\r\n\r\n static _chargementDocumentReservation(idReservation, idOperation) {\r\n let objet = {\r\n \"idReservation\": idReservation,\r\n \"idOperation\": idOperation\r\n };\r\n\r\n var url = \"api/Get/GetDocumentReservation\";\r\n var paramPost = Scriba.fetch().createParameterPost(objet);\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n\r\n static _chargementDocument_Reservations = (filtres, sortedColumn, isSortedDescending, top) => {\r\n const objet = { filtres, sortedColumn, isSortedDescending, top };\r\n const url = \"api/Liste/ListeDesDocument_Reservations\";\r\n const paramPost = Scriba.fetch().createParameterPost(objet);\r\n return fetch(url, paramPost).then(response => response.json());\r\n };\r\n\r\n static _chargementDocument_ReservationsLesPlusRecents = (filtres) => {\r\n const objet = { filtres };\r\n const url = \"api/Liste/ListeDesDocument_ReservationsLesPlusRecents\";\r\n const paramPost = Scriba.fetch().createParameterPost(objet);\r\n return fetch(url, paramPost).then(response => response.json());\r\n };\r\n\r\n static _onEnregistrementDocumentReservation(idReservation, idOperation, documents) {\r\n let objet = {\r\n \"idReservation\": idReservation,\r\n \"idOperation\": idOperation,\r\n \"documents\": documents\r\n };\r\n\r\n var url = \"api/MAJDonnees/EnregistrementDocumentsDossierClientReservation\";\r\n var paramPost = Scriba.fetch().createParameterPost(objet);\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n\r\n static _chargementDocumentDossierClientReservation(idOperation, idReservation) {\r\n let objet = {\r\n \"idOperation\": idOperation,\r\n \"idReservation\": idReservation\r\n };\r\n\r\n var url = \"api/Get/GetDocumentsDossierClientReservation\";\r\n var paramPost = Scriba.fetch().createParameterPost(objet);\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n\r\n static _onEnregistrementRangDocumentDossierClientReservation(idOperation, idReservation, listDocuments) {\r\n let objet = {\r\n \"idOperation\": idOperation,\r\n \"idReservation\": idReservation,\r\n \"listDocuments\": listDocuments\r\n };\r\n\r\n let url = \"api/MAJDonnees/EnregistrementRangDocumentDossierClientReservation\";\r\n let paramPost = Scriba.fetch().createParameterPost(objet);\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n\r\n static _onSuppressionDocumentDossierClientReservation(idOperation, idReservation, idTemplate, idInstance, rowGUID) {\r\n let objet = {\r\n \"idOperation\": idOperation,\r\n \"idReservation\": idReservation,\r\n \"idTemplate\": idTemplate,\r\n \"idInstance\": idInstance,\r\n \"rowGUID\": rowGUID\r\n };\r\n\r\n let url = \"api/MAJDonnees/SuppressionDocumentDossierClientReservation\";\r\n let paramPost = Scriba.fetch().createParameterPost(objet);\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n\r\n static _onGenererDocumentDossierClientReservation(idOperation, idReservation, listRowGUID) {\r\n let objet = {\r\n \"idOperation\": idOperation,\r\n \"idReservation\": idReservation,\r\n \"listRowGUID\": listRowGUID\r\n };\r\n\r\n var url = \"api/SignatureElectronique/GenereDocumentDossierClientReservation\";\r\n var paramPost = Scriba.fetch().createParameterPost(objet);\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n\r\n static _onSignatureEDOC(idReservation, idOperation, rowGUID) {\r\n let objet = {\r\n \"idReservation\": idReservation,\r\n \"idOperation\": idOperation,\r\n \"rowGUID\": rowGUID\r\n };\r\n\r\n var url = \"api/SignatureElectronique/SW_EDOCGetContactsSign\";\r\n var paramPost = Scriba.fetch().createParameterPost(objet);\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n}","import Scriba from '@devnet/react-scriba';\r\n\r\nexport class DataDocumentLotCategorie {\r\n\r\n static _chargementDesDocumentLotCategorie() {\r\n var url = \"api/Liste/ListeDesDocumentLotCategorie\";\r\n var paramPost = Scriba.fetch().createParameterPost();\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n}","import React, { Component } from 'react';\r\nimport { DataDocumentLotCategorie } from '../../data/DataDocumentLotCategorie.jsx';\r\nimport { EUIComboBox } from '../EUI/EUIComboBox';\r\n\r\nexport class ComboBoxDocumentLotCategorie extends Component {\r\n\r\n static defaultProps = {\r\n label: \"Catégorie\",\r\n placeholder: \"Catégorie\",\r\n };\r\n\r\n render = () => {\r\n\r\n return \r\n
\r\n );\r\n }\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = objetState;\r\n }\r\n\r\n _onInit() {\r\n this.setState(objetState);\r\n }\r\n\r\n _chargementDonnees() {\r\n let rowGUIDRenseigneeEtDifferent = Immocom.getSiPropsRenseigneeEtDifferenteDeLaValeurEnParametre(this.props.rowGUID, [this.state.rowGUID]);\r\n\r\n if (rowGUIDRenseigneeEtDifferent) {\r\n this.setState({\r\n enCoursDeTraitement: true,\r\n messageEnCoursTraitement: 'Chargement du document en cours'\r\n });\r\n\r\n var chargementDocument = DataDocument._chargementDocument(this.props.rowGUID, this.props.idLot, this.props.idOperation, this.props.idAgence, this.props.idRegion);\r\n\r\n chargementDocument\r\n .then(responseFetch => {\r\n let retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responseFetch, this);\r\n\r\n if (retourVerif === null) {\r\n let objetData = responseFetch.reponseAPIobjet;\r\n\r\n let stateTemp = {};\r\n stateTemp.rowGUID = this.props.rowGUID;\r\n stateTemp.document = objetData[0][0];\r\n stateTemp.estAdminNational = objetData[1];\r\n stateTemp.titrePanel = 'Modifier le document';\r\n\r\n Immocom.onReinitStateValeurParDefautEtExecutionDuSetStateEtExecutionCallBack(this, stateTemp, this._onVerificationFormulaire);\r\n }\r\n else {\r\n Immocom.onTraitementErreurAvecState(this, { ...this.state }, retourVerif, responseFetch);\r\n }\r\n });\r\n }\r\n }\r\n\r\n _onEnregistrement = () => {\r\n this.setState({\r\n enCoursDeTraitement: true,\r\n messageEnCoursTraitement: 'Enregistrement du document en cours'\r\n });\r\n\r\n var enregistrementDocument = DataDocument._onEnregistrementDocument(this.props.type, this.state.document);\r\n\r\n enregistrementDocument\r\n .then(responseFetch => {\r\n let retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responseFetch, this);\r\n\r\n if (retourVerif === null) {\r\n let objetData = responseFetch.reponseAPIobjet;\r\n\r\n if (objetData === true) {\r\n Immocom.onReinitStateValeurParDefautEtExecutionDuSetState(this, { ...this.state });\r\n this.props.onEnregistrementFiche();\r\n }\r\n }\r\n else {\r\n Immocom.onTraitementErreurAvecState(this, { ...this.state }, retourVerif, responseFetch);\r\n }\r\n });\r\n }\r\n\r\n _onAnnulation = () => {\r\n this._onInit();\r\n this.props.onAnnuleFiche();\r\n }\r\n\r\n _onRenderFooterContent = () => {\r\n let boutonActif = this.state.onActiveBoutonEnregistrer;\r\n\r\n return (\r\n
\r\n \r\n this._onMiseAJourChampNomDocument(\"document\", \"nom\", newValue, extensionFichier)}\r\n required\r\n suffix={extensionFichier}\r\n value={nomFichier}\r\n />\r\n
\r\n \r\n {this.props.type === 'Operation' ?\r\n this._onChangedDocumentOperationCategorie(option.key)}\r\n required\r\n selectedKey={this.state.document.idDocumentOperationCategorie}\r\n />\r\n : null}\r\n\r\n {this.props.type === 'Lot' ?\r\n this._onChangedDocumentLotCategorie(option.key)}\r\n required\r\n selectedKey={this.state.document.idDocumentLotCategorie}\r\n />\r\n : null}\r\n
\r\n \r\n {this.props.type === 'Operation' ?\r\n this._onMiseAJourChamp(\"document\", \"idDocumentOperationType\", option.key)}\r\n required\r\n selectedKey={this.state.document.idDocumentOperationType}\r\n />\r\n : null}\r\n\r\n {this.props.type === 'Lot' ?\r\n this._onMiseAJourChamp(\"document\", \"idDocumentLotType\", option.key)}\r\n required\r\n selectedKey={this.state.document.idDocumentLotType}\r\n />\r\n : null}\r\n
\r\n \r\n this._onMiseAJourChamp(\"document\", \"obligatoire\", isChecked)}\r\n />\r\n
\r\n \r\n this._onMiseAJourChamp(\"document\", \"appartientDossierClientParDefaut\", isChecked)}\r\n />\r\n
\r\n \r\n this._onMiseAJourChamp(\"document\", \"accessibleEspaceDeVente\", isChecked)}\r\n />\r\n
\r\n \r\n this._onMiseAJourChamp(\"document\", \"fusionnable\", isChecked)}\r\n />\r\n
\r\n \r\n this._onMiseAJourChamp(\"document\", \"actif\", isChecked)}\r\n />\r\n
\r\n \r\n this._onEnregistrement()} className=\"marginRight8px\" disabled={!boutonActif}>Enregistrer \r\n this._onAnnulation()}>Annuler \r\n
);\r\n };\r\n\r\n _onMiseAJourChamp = (nomObjet, nomPropriete, valeur) => {\r\n\r\n Scriba.state().setObjetPropriete(this, nomObjet, nomPropriete, valeur, this._onVerificationFormulaire);\r\n }\r\n\r\n _onChangedDocumentOperationCategorie = (valeur) => {\r\n let documentTrav = { ...this.state.document };\r\n documentTrav.idDocumentOperationCategorie = valeur;\r\n documentTrav.idDocumentOperationType = 0;\r\n\r\n this.setState({\r\n document: documentTrav\r\n }, this._onVerificationFormulaire);\r\n }\r\n\r\n _onChangedDocumentLotCategorie = (valeur) => {\r\n let documentTrav = { ...this.state.document };\r\n documentTrav.idDocumentLotCategorie = valeur;\r\n documentTrav.idDocumentLotType = 0;\r\n\r\n this.setState({\r\n document: documentTrav\r\n }, this._onVerificationFormulaire);\r\n }\r\n\r\n _onMiseAJourChampNomDocument = (nomObjet, nomPropriete, nomFichier, extension) => {\r\n nomFichier = (nomFichier != \"\" ? nomFichier + '.' + extension : \"\");\r\n Scriba.state().setObjetPropriete(this, nomObjet, nomPropriete, nomFichier, this._onVerificationFormulaire);\r\n }\r\n\r\n _onOpen = () => {\r\n this._chargementDonnees();\r\n }\r\n\r\n _onVerificationFormulaire() {\r\n let documentTrav = { ...this.state.document };\r\n documentTrav.type = this.props.type;\r\n Immocom.fiche()._validationFormulaire(this, 'Document', documentTrav, (this.state.document.rowGUID !== null ? 'Modification' : 'Création'));\r\n }\r\n\r\n componentDidMount() {\r\n }\r\n\r\n componentWillUnmount() {\r\n }\r\n\r\n componentDidUpdate() {\r\n //if ((this.props.rowGUID !== undefined && this.props.rowGUID !== null && this.props.rowGUID !== this.state.rowGUID) && !this.state.enCoursDeTraitement) {\r\n // this._chargementDonnees();\r\n //}\r\n }\r\n\r\n render() {\r\n let content = this._creationContent();\r\n\r\n return (\r\n \r\n
\r\n \r\n );\r\n }\r\n}","import React, { Component } from 'react';\r\nimport { DataDocumentReservationCategorie } from '../../data/DataDocumentReservationCategorie.jsx';\r\nimport { EUIComboBox } from '../EUI/EUIComboBox';\r\n\r\nexport class ComboBoxDocumentReservationCategorie extends Component {\r\n\r\n static defaultProps = {\r\n label: \"Catégorie\",\r\n placeholder: \"Catégorie\",\r\n };\r\n\r\n render = () => {\r\n\r\n return \r\n
\r\n \r\n this.setState({ errorMessage: \"\" })}\r\n onDismissWarningMessage={() => this.setState({ warningMessage: \"\" })}\r\n />\r\n\r\n {this.state.enCoursDeTraitement ?
\r\n \r\n
\r\n \r\n );\r\n }\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this._selection = new Selection({\r\n onSelectionChanged: () => {\r\n this.setState({ detailsSelectionDocuments: this._getDetailsSelectionDocuments() });\r\n }\r\n });\r\n\r\n this.state = objetState;\r\n\r\n this.columns = [\r\n {\r\n key: 'nomDocument', name: 'Document', fieldName: 'nomDocument', minWidth: 300, maxWidth: 600, isResizable: true,\r\n onRender: (item) => {\r\n let nomDocument = item.nom;\r\n\r\n return {nomDocument};\r\n }\r\n },\r\n {\r\n key: 'categorie', name: 'Catégorie', fieldName: 'categorie', minWidth: 100, maxWidth: 200, isResizable: true,\r\n },\r\n {\r\n key: 'typeDocument', name: 'Type', fieldName: 'typeDocument', minWidth: 100, maxWidth: 200, isResizable: true,\r\n }\r\n ];\r\n }\r\n\r\n _onInit() {\r\n this.setState(objetState);\r\n }\r\n\r\n _onAnnulation = () => {\r\n this._onInit();\r\n this.props.onFermeFicheDocumentReservation();\r\n }\r\n\r\n _getDetailsSelectionDocuments() {\r\n const selectionCount = this._selection.getSelectedCount();\r\n\r\n switch (selectionCount) {\r\n case 0:\r\n return '';\r\n case 1:\r\n return '1 document sélectionné : ' + (this._selection.getSelection()[0]).nom;\r\n default:\r\n return `${selectionCount} documents sélectionnés`;\r\n }\r\n }\r\n\r\n //_validationFormulaire(item) {\r\n // let estValide = true;\r\n\r\n // // Si l'objet n'est pas vide\r\n // if (!(Object.keys(item).length === 0 && item.constructor === Object)) {\r\n // if (Scriba.formulaire().nEstPasVide(item.destinataire)) {\r\n // estValide = estValide && (this._selection.getSelectedCount() > 0);\r\n // }\r\n // else {\r\n // estValide = false;\r\n // }\r\n // }\r\n // else {\r\n // estValide = false;\r\n // }\r\n\r\n // return estValide;\r\n //}\r\n\r\n _onEnregistrement() {\r\n let idReservation = this.props.idReservation;\r\n let idOperation = this.props.idOperation;\r\n\r\n if (idReservation > 0 && idOperation > 0) {\r\n this.setState({ enCoursDeTraitement: true, messageEnCoursTraitement: \"Enregistrement des documents\" });\r\n\r\n var enregistrementDocumentReservation = DataDocumentReservation._onEnregistrementDocumentReservation(idReservation, idOperation, this._selection.getSelection());\r\n\r\n enregistrementDocumentReservation\r\n .then(responseFetch => {\r\n let retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responseFetch, this);\r\n\r\n if (retourVerif === null) {\r\n Immocom.onReinitStateValeurParDefautEtExecutionDuSetState(this, { ...this.state });\r\n this.props.onFermeFicheDocumentReservation();\r\n }\r\n else {\r\n Immocom.onTraitementErreurAvecState(this, { ...this.state }, retourVerif, responseFetch);\r\n }\r\n });\r\n }\r\n else {\r\n this.setState({ idReservation: 0, idOperation: 0, listDocumentsSelectionnes: [] });\r\n }\r\n }\r\n\r\n _chargementDonnees() {\r\n let idReservationRenseigneeEtDifferent = Immocom.getSiPropsRenseigneeEtDifferenteDeLaValeurEnParametre(this.props.idReservation, [0, this.state.idReservation]);\r\n let idOperationRenseigneeEtDifferent = Immocom.getSiPropsRenseigneeEtDifferenteDeLaValeurEnParametre(this.props.idOperation, [0, this.state.idOperation]);\r\n\r\n if (idReservationRenseigneeEtDifferent && idOperationRenseigneeEtDifferent) {\r\n this.setState({ enCoursDeTraitement: true, messageEnCoursTraitement: \"Chargement des documents\" });\r\n\r\n var chargementDocumentReservation = DataDocumentReservation._chargementDocumentReservation(this.props.idReservation, this.props.idOperation);\r\n\r\n chargementDocumentReservation\r\n .then(responseFetch => {\r\n let retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responseFetch, this);\r\n\r\n if (retourVerif === null) {\r\n let objetData = responseFetch.reponseAPIobjet;\r\n\r\n let stateTemp = {};\r\n stateTemp.idReservation = this.props.idReservation;\r\n stateTemp.idOperation = this.props.idOperation;\r\n stateTemp.documents = objetData;\r\n Immocom.onReinitStateValeurParDefautEtExecutionDuSetState(this, stateTemp);\r\n }\r\n else {\r\n Immocom.onTraitementErreurAvecState(this, { ...this.state }, retourVerif, responseFetch);\r\n }\r\n });\r\n }\r\n else {\r\n this.setState({\r\n idReservation: 0,\r\n idOperation: 0,\r\n documents: []\r\n });\r\n }\r\n }\r\n\r\n _onRenderFooterContent = () => {\r\n return (\r\n \r\n
\r\n \r\n this.setState({ errorMessage: \"\" })}\r\n onDismissWarningMessage={() => this.setState({ warningMessage: \"\" })}\r\n />\r\n\r\n {this.state.enCoursDeTraitement ?
\r\n \r\n this._onEnregistrement()} disabled={!this._selection.getSelectedCount() > 0} style={{ marginRight: '8px' }}>Valider \r\n this._onAnnulation()}>Fermer \r\n
\r\n );\r\n };\r\n\r\n _onOpen = () => {\r\n this._chargementDonnees();\r\n }\r\n\r\n componentDidMount() {\r\n //this._chargementDonnees();\r\n }\r\n\r\n componentWillUnmount() {\r\n }\r\n\r\n componentDidUpdate() {\r\n //if (((this.props.idReservation !== undefined && this.props.idReservation !== this.state.idReservation)\r\n // && (this.props.idOperation !== 0 && this.props.idOperation !== this.state.idOperation))\r\n // && !this.state.enCoursDeTraitement) {\r\n // this._chargementDonnees();\r\n //}\r\n }\r\n\r\n render() {\r\n return this._creationContent();\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport { DefaultButton } from 'office-ui-fabric-react/lib/Button';\r\nimport { DetailsList, SelectionMode } from 'office-ui-fabric-react/lib/DetailsList';\r\nimport { Panel, PanelType } from 'office-ui-fabric-react';\r\nimport { MessageBars } from '../Outils/MessageBars';\r\n\r\nimport { ProgressIndicatorChargement } from '../Loader/ProgressIndicatorChargement';\r\n\r\nimport Scriba from '@devnet/react-scriba';\r\nimport { Immocom } from '../../specifique/immocom';\r\nimport { DataReservation } from '../../data/DataReservation';\r\n\r\n/****************************************************************\r\n PROPS:\r\n idOperation\r\n idReservation\r\n onAffichePanelDonneesReservation\r\n onFermeFicheDonneesReservation\r\n classnameinner : classe CSS (string)\r\n className : classe CSS (string)\r\n****************************************************************/\r\n\r\nvar objetState = {\r\n idOperation: 0,\r\n idReservation: 0,\r\n donneesReservation: [],\r\n groupesDonneesReservation: [],\r\n enCoursDeTraitement: false,\r\n messageEnCoursTraitement: '',\r\n hideMessageBarError: true,\r\n errorMessage: '',\r\n hideMessageBarWarning: true,\r\n warningMessage: '',\r\n};\r\n\r\nexport class FicheDonneesReservation extends Component {\r\n _creationContent() {\r\n return (\r\n \r\n
\r\n \r\n );\r\n }\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = objetState;\r\n\r\n this.columns = [\r\n {\r\n key: 'nomReelChamps', name: 'Nom réel du champ', fieldName: 'nomReelChamps', minWidth: 100, maxWidth: 200, isResizable: true,\r\n },\r\n {\r\n key: 'valeurChamps', name: 'Valeur', fieldName: 'valeurChamps', minWidth: 200, maxWidth: 300, isResizable: true,\r\n },\r\n {\r\n key: 'nomChamps', name: 'Nom dans le document', fieldName: 'nomChamps', minWidth: 100, maxWidth: 200, isResizable: true,\r\n }\r\n ];\r\n }\r\n\r\n _onInit() {\r\n this.setState(objetState);\r\n }\r\n\r\n _onAnnulation = () => {\r\n this._onInit();\r\n this.props.onFermeFicheDonneesReservation();\r\n }\r\n\r\n _chargementDonnees() {\r\n let idReservationRenseigneeEtDifferent = Immocom.getSiPropsRenseigneeEtDifferenteDeLaValeurEnParametre(this.props.idReservation, [0, this.state.idReservation]);\r\n let idOperationRenseigneeEtDifferent = Immocom.getSiPropsRenseigneeEtDifferenteDeLaValeurEnParametre(this.props.idOperation, [0, this.state.idOperation]);\r\n\r\n if (idReservationRenseigneeEtDifferent && idOperationRenseigneeEtDifferent) {\r\n this.setState({\r\n enCoursDeTraitement: true,\r\n messageEnCoursTraitement: \"Chargement des données de réservation\"\r\n });\r\n\r\n let _chargementDonneesReservation = DataReservation._chargementDonneesReservation(this.props.idOperation, this.props.idReservation);\r\n\r\n _chargementDonneesReservation\r\n .then(responseFetch => {\r\n let retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responseFetch, this);\r\n\r\n if (retourVerif === null) {\r\n let objetData = responseFetch.reponseAPIobjet;\r\n let listeGroupes = [];\r\n\r\n if (objetData.length > 0) {\r\n let sectionTrav = objetData[0].section;\r\n let nbSection = 0;\r\n let depart = 0;\r\n\r\n objetData.forEach(function (value, index) {\r\n let section = value.section;\r\n\r\n if (section === sectionTrav) {\r\n nbSection++;\r\n\r\n if (index === (objetData.length - 1)) {\r\n // Dernier de la liste\r\n listeGroupes.push({ key: sectionTrav, name: sectionTrav, startIndex: depart, count: nbSection });\r\n }\r\n }\r\n else {\r\n listeGroupes.push({ key: sectionTrav, name: sectionTrav, startIndex: depart, count: nbSection });\r\n\r\n sectionTrav = section;\r\n depart = (depart + nbSection);\r\n nbSection = 1;\r\n }\r\n });\r\n }\r\n\r\n let stateTemp = {};\r\n stateTemp.idReservation = this.props.idReservation;\r\n stateTemp.idOperation = this.props.idOperation;\r\n stateTemp.donneesReservation = objetData;\r\n stateTemp.groupesDonneesReservation = listeGroupes;\r\n Immocom.onReinitStateValeurParDefautEtExecutionDuSetState(this, stateTemp);\r\n }\r\n else {\r\n Immocom.onTraitementErreurAvecState(this, { ...this.state }, retourVerif, responseFetch);\r\n }\r\n });\r\n }\r\n else {\r\n let stateTemp = {};\r\n stateTemp.idReservation = 0;\r\n stateTemp.idOperation = 0;\r\n stateTemp.donneesReservation = [];\r\n stateTemp.groupesDonneesReservation = [];\r\n Immocom.onReinitStateValeurParDefautEtExecutionDuSetState(this, stateTemp);\r\n }\r\n }\r\n\r\n _onRenderFooterContent = () => {\r\n return (\r\n \r\n
\r\n \r\n this.setState({ errorMessage: \"\" })}\r\n onDismissWarningMessage={() => this.setState({ warningMessage: \"\" })}\r\n />\r\n\r\n {this.state.enCoursDeTraitement ?
\r\n \r\n this._onAnnulation()}>Fermer \r\n
\r\n );\r\n };\r\n\r\n _onOpen = () => {\r\n this._chargementDonnees();\r\n }\r\n\r\n componentDidMount() {\r\n //this._chargementDonnees();\r\n }\r\n\r\n componentWillUnmount() {\r\n }\r\n\r\n componentDidUpdate() {\r\n //if (((this.props.idReservation !== undefined && this.props.idReservation !== this.state.idReservation)\r\n // && (this.props.idOperation !== 0 && this.props.idOperation !== this.state.idOperation))\r\n // && !this.state.enCoursDeTraitement\r\n // && this.state.hideMessageBarError\r\n // && this.state.hideMessageBarWarning) {\r\n // this._chargementDonnees();\r\n //}\r\n }\r\n\r\n render() {\r\n return this._creationContent();\r\n }\r\n}\r\n","import Scriba from '@devnet/react-scriba';\r\n\r\nexport class DataDocument_Contact {\r\n static _onSignatureDocument(idReservation, idOperation, idContact, rowGUID, codeOTP) {\r\n let objet = {\r\n \"idReservation\": idReservation,\r\n \"idOperation\": idOperation,\r\n \"rowGUID\": rowGUID,\r\n \"codeOTP\": codeOTP,\r\n \"idContact\": idContact\r\n };\r\n\r\n var url = \"api/SignatureElectronique/SW_EDOCSignDocument\";\r\n var paramPost = Scriba.fetch().createParameterPost(objet);\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n}","import Scriba from '@devnet/react-scriba';\r\n\r\nexport class DataSignatureElectronique {\r\n\r\n static _chargementSignatureDocumentReservation(idReservation, idOperation, rowGUID) {\r\n let objet = {\r\n \"idReservation\": idReservation,\r\n \"idOperation\": idOperation,\r\n \"rowGUID\": rowGUID\r\n };\r\n\r\n var url = \"api/SignatureElectronique/GetSignatureDocumentReservation\";\r\n var paramPost = Scriba.fetch().createParameterPost(objet);\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n static _chargementEDOCGenOTP(idReservation, idOperation, rowGUID, tel1, email, idContact) {\r\n let objet = {\r\n \"idReservation\": idReservation,\r\n \"idOperation\": idOperation,\r\n \"rowGUID\": rowGUID,\r\n \"tel\": tel1,\r\n \"email\": email,\r\n \"idContact\": idContact\r\n };\r\n\r\n var url = \"api/SignatureElectronique/SW_EDOCGenOTP\";\r\n var paramPost = Scriba.fetch().createParameterPost(objet);\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n } \r\n\r\n}\r\n","import Scriba from '@devnet/react-scriba';\r\nimport { Panel, PanelType } from 'office-ui-fabric-react';\r\nimport { DefaultButton, IconButton, PrimaryButton } from 'office-ui-fabric-react/lib/Button';\r\nimport { DetailsList, Selection } from 'office-ui-fabric-react/lib/DetailsList';\r\nimport { Dialog, DialogFooter, DialogType } from 'office-ui-fabric-react/lib/Dialog';\r\nimport React, { Component } from 'react';\r\nimport { DataDocument_Contact } from '../../data/DataDocument_Contact';\r\nimport { DataSignatureElectronique } from '../../data/DataSignatureElectronique';\r\nimport { MaxLengths } from '../../data/MaxLenghts';\r\nimport { Immocom } from '../../specifique/immocom';\r\nimport EUIEmailField from '../EUI/EUIEmailField';\r\nimport { EUITextField } from '../EUI/EUITextField';\r\nimport { ProgressIndicatorChargement } from '../Loader/ProgressIndicatorChargement';\r\nimport { MessageBars } from '../Outils/MessageBars';\r\nimport './FicheSignatureDocument.css';\r\n\r\n/****************************************************************\r\n PROPS:\r\n idOperation\r\n idReservation\r\n documentASigner\r\n onFermeFicheSignatureDocument => méthode\r\n****************************************************************/\r\n\r\nvar objetState = {\r\n idOperation: 0,\r\n idReservation: 0,\r\n documentASigner: null,\r\n\r\n contacts: [],\r\n contact: {},\r\n\r\n affichagePanelSignatureDocument: false,\r\n onAfficheDialogSignatureEffectuee: false,\r\n\r\n enCoursDeTraitement: false,\r\n messageEnCoursTraitement: '',\r\n\r\n hideMessageBarError: true,\r\n errorMessage: '',\r\n hideMessageBarWarning: true,\r\n warningMessage: ''\r\n};\r\n\r\nexport class FicheSignatureDocument extends Component {\r\n _selection;\r\n\r\n _creationContent() {\r\n\r\n const { contact } = this.state;\r\n const { tel1, email, codeOTP, signe } = contact;\r\n\r\n const activateBloc = this._selection.getSelectedCount() > 0\r\n && signe === null;\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 constructor(props) {\r\n super(props);\r\n\r\n this._selection = new Selection({\r\n onSelectionChanged: () => {\r\n this.setState({\r\n contact: (this._selection.getSelectedCount() > 0 ? this._selection.getSelection()[0] : {})\r\n });\r\n }\r\n });\r\n\r\n this.state = objetState;\r\n\r\n this.columns = [\r\n {\r\n key: 'nom',\r\n name: 'Nom',\r\n fieldName: 'nom',\r\n minWidth: 100,\r\n maxWidth: 200,\r\n isResizable: true,\r\n onRender: (item) => {\r\n let nom = item.nom;\r\n\r\n return {nom};\r\n }\r\n },\r\n {\r\n key: 'prenom',\r\n name: 'Prénom',\r\n fieldName: 'prenom',\r\n minWidth: 100,\r\n maxWidth: 200,\r\n isResizable: true,\r\n headerClassName: 'ms-hiddenMdDown',\r\n className: 'ms-hiddenMdDown',\r\n onRender: (item) => {\r\n let prenom = item.prenom;\r\n\r\n return {prenom};\r\n }\r\n\r\n },\r\n {\r\n key: 'tel',\r\n name: 'Tel',\r\n fieldName: 'tel',\r\n minWidth: 100,\r\n maxWidth: 200,\r\n isResizable: true,\r\n headerClassName: 'ms-hiddenLgDown',\r\n className: 'ms-hiddenLgDown',\r\n onRender: (item) => {\r\n let tel1 = item.tel1;\r\n\r\n return {tel1};\r\n }\r\n\r\n },\r\n {\r\n key: 'email',\r\n name: 'Email',\r\n fieldName: 'email',\r\n minWidth: 100,\r\n maxWidth: 200,\r\n isResizable: true,\r\n headerClassName: 'ms-hiddenXlDown',\r\n className: 'ms-hiddenXlDown',\r\n onRender: (item) => {\r\n let email = item.email;\r\n\r\n return {email};\r\n }\r\n\r\n },\r\n {\r\n key: 'Sign',\r\n name: 'Signé',\r\n fieldName: 'Sign',\r\n minWidth: 30,\r\n maxWidth: 30,\r\n isResizable: true,\r\n onRender: (item) => {\r\n let signe = item.signe;\r\n\r\n if (signe !== null) {\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 Scriba.state().setObjetPropriete(this, \"contact\", \"tel1\", newValue)}\r\n value={tel1}\r\n />\r\n
\r\n \r\n Scriba.state().setObjetPropriete(this, \"contact\", \"email\", newValue)}\r\n value={email}\r\n />\r\n
\r\n \r\n this._onEnvoiCodeOTP()}\r\n className=\"\"\r\n disabled={!(activateBloc && (tel1 || email))}>Envoyer le code\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Scriba.state().setObjetPropriete(this, \"contact\", \"codeOTP\", newValue)}\r\n value={codeOTP}\r\n />\r\n
\r\n \r\n this._onSigner()}\r\n disabled={!(activateBloc && codeOTP)}>Signer\r\n
\r\n \r\n this._onAnnulation()}>Fermer \r\n
\r\n );\r\n };\r\n\r\n _onCacheDialogSignatureEffectuee = () => {\r\n this.setState({\r\n onAfficheDialogSignatureEffectuee: false\r\n });\r\n }\r\n\r\n _onOpen = () => {\r\n this._chargementDonnees();\r\n }\r\n\r\n componentDidMount() {\r\n }\r\n\r\n componentWillUnmount() {\r\n }\r\n\r\n componentDidUpdate() {\r\n }\r\n\r\n render() {\r\n return this._creationContent();\r\n }\r\n}\r\n","import { PanelType } from '@fluentui/react';\r\nimport { ActionButton, DefaultButton, IconButton, PrimaryButton } from 'office-ui-fabric-react/lib/Button';\r\nimport { CommandBar } from 'office-ui-fabric-react/lib/CommandBar';\r\nimport { DetailsList, Selection, SelectionMode } from 'office-ui-fabric-react/lib/DetailsList';\r\nimport { ScrollablePane, ScrollbarVisibility } from 'office-ui-fabric-react/lib/ScrollablePane';\r\nimport { Stack } from 'office-ui-fabric-react/lib/Stack';\r\nimport React, { Component, Fragment } from 'react';\r\nimport Scriba from '@devnet/react-scriba';\r\nimport '../../css/immocom.css';\r\nimport { DataDocument } from '../../data/DataDocument.jsx';\r\nimport { DataDocumentOperation } from '../../data/DataDocumentOperation.jsx';\r\nimport { DataDocumentReservation } from '../../data/DataDocumentReservation.jsx';\r\nimport { Immocom } from '../../specifique/immocom';\r\nimport { EUIDialog } from '../EUI/EUIDialog';\r\nimport EUIPanel from '../EUI/EUIPanel';\r\nimport DetailsListDocument from '../List/DetailsListDocument';\r\nimport { ProgressIndicatorChargement } from '../Loader/ProgressIndicatorChargement';\r\nimport { MessageBars } from '../Outils/MessageBars';\r\nimport { FicheDocumentReservation } from './FicheDocumentReservation';\r\nimport { FicheDonneesReservation } from './FicheDonneesReservation';\r\nimport FicheImportDocument from './FicheImportDocument';\r\nimport { FicheSignatureDocument } from './FicheSignatureDocument';\r\n\r\nexport class FicheDossierClient extends Component {\r\n\r\n static defaultProps = {\r\n idOperation: 0,\r\n idReservation: 0,\r\n peutModifierBlocDossierClient: false,\r\n type: undefined, // Réservation ou Opération\r\n //onSuppressionDossierClient // MG - 2344\r\n };\r\n\r\n static defaultState = {\r\n afficherDialogSuppressionDossierClient: false,\r\n afficherPanelDocumentReservation: false,\r\n afficherPanelDocuments: false,\r\n afficherPanelDonneesReservation: false,\r\n afficherPanelImportDocumentReservation: false,\r\n afficherPanelSignatureReservation: false,\r\n document: {},\r\n documentASigner: null,\r\n estAdminNational: false,\r\n estGestionnaireDeMandat: false,\r\n groupesDocuments: [],\r\n idOperation: 0,\r\n idReservation: 0,\r\n itemsSelectionnes: [],\r\n listDocuments: [],\r\n listDocumentsAImporter: [],\r\n peutSupprimerDocumentASigne: false,\r\n peutSupprimerDocumentDossierClientType: false,\r\n peutSupprimerDocumentSansSignature: false,\r\n peutSupprimerDocumentSigne: false,\r\n };\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = { ...FicheDossierClient.defaultState };\r\n this._selection = new Selection({ onSelectionChanged: this._onSelectionChanged });\r\n this._selectedIndices = [];\r\n this._chargementColonnes();\r\n };\r\n\r\n _onSelectionChanged = () => {\r\n // Définit l'ordre des documents pour la génération du document à signer\r\n const selection = this._selection;\r\n const selectedIndices = this._selectedIndices;\r\n const newSelectedIndices = selection.getSelectedIndices();\r\n const items = selection.getItems();\r\n let ordre;\r\n\r\n if (newSelectedIndices.length > 1) { // Dans le cas où plusieurs items sont sélectionnés\r\n if (selectedIndices.length < newSelectedIndices.length) { // Dans le cas d'une sélection\r\n ordre = selectedIndices.length;\r\n newSelectedIndices.filter(index => !selectedIndices.includes(index)).forEach( // Pour chacun des items nouvellement sélectionnés\r\n (index) => {\r\n ordre++; // Incrémenter l'indice courant\r\n items[index].ordre = ordre; // Et l'affecter à l'item\r\n }\r\n );\r\n }\r\n else if (this._selectedIndices.length > newSelectedIndices.length) { // Dans le cas d'une dé-sélection\r\n selectedIndices.filter(index => !newSelectedIndices.includes(index)).forEach( // Pour chacun des items dé-sélectionnés\r\n (index) => {\r\n ordre = items[index].ordre; // On mémorise l'ordre\r\n items[index].ordre = undefined; // Lui retirer son indice\r\n }\r\n );\r\n newSelectedIndices.filter(index => items[index].ordre > ordre).forEach( // Pour chacun des items sélectionnés dont l'ordre est supérieur à celui de l'item dé-sélectionné\r\n (index) => {\r\n items[index].ordre--; // Lui décrémenter son indice\r\n }\r\n );\r\n }\r\n } else { // Dans le cas notamment d'une sélection + dé-sélection (= clic sur autre ligne)\r\n items.forEach(\r\n (item, index) => {\r\n if (selection.isIndexSelected(index)) {\r\n item.ordre = 1;\r\n } else {\r\n item.ordre = undefined;\r\n }\r\n }\r\n );\r\n }\r\n\r\n this._selectedIndices = newSelectedIndices;\r\n this.setState({ itemsSelectionnes: items });\r\n };\r\n\r\n _chargementColonnes = () => {\r\n\r\n const { peutModifierBlocDossierClient, type } = this.props;\r\n const { estAdminNational, estGestionnaireDeMandat, peutSupprimerDocumentASigne, peutSupprimerDocumentDossierClientType, peutSupprimerDocumentSansSignature, peutSupprimerDocumentSigne } = this.state;\r\n\r\n let columns = [{\r\n className: 'ms-hiddenSm',\r\n fieldName: 'ordre',\r\n headerClassName: 'ms-hiddenSm',\r\n isResizable: true,\r\n key: 'ordre',\r\n minWidth: 35,\r\n maxWidth: 35,\r\n name: 'Ordre',\r\n }, {\r\n className: 'ms-hiddenSm',\r\n fieldName: 'rang',\r\n headerClassName: 'ms-hiddenSm',\r\n isResizable: true,\r\n key: 'rang',\r\n minWidth: 35,\r\n maxWidth: 35,\r\n name: 'Rang',\r\n }, {\r\n fieldName: 'nom',\r\n isResizable: true,\r\n key: 'nom',\r\n name: 'Nom',\r\n }, {\r\n className: 'ms-hiddenMdDown',\r\n fieldName: 'categorie',\r\n headerClassName: 'ms-hiddenMdDown',\r\n isResizable: true,\r\n key: 'categorie',\r\n minWidth: 100,\r\n maxWidth: 200,\r\n name: 'Catégorie',\r\n }, {\r\n className: 'ms-hiddenMdDown',\r\n fieldName: 'typeDocument',\r\n headerClassName: 'ms-hiddenMdDown',\r\n isResizable: true,\r\n key: 'typeDocument',\r\n minWidth: 150,\r\n maxWidth: 300,\r\n name: 'Sous catégorie',\r\n }, {\r\n className: 'ms-hiddenLgDown',\r\n fieldName: 'documentSigne',\r\n headerClassName: 'ms-hiddenLgDown',\r\n isResizable: true,\r\n key: 'documentSigne',\r\n minWidth: 90,\r\n maxWidth: 90,\r\n name: 'Signé électroniquement',\r\n }, {\r\n className: 'ms-hiddenLgDown',\r\n fieldName: 'etat',\r\n headerClassName: 'ms-hiddenLgDown',\r\n isResizable: true,\r\n key: 'etat',\r\n minWidth: 100,\r\n maxWidth: 200,\r\n name: 'Etat',\r\n }];\r\n\r\n if (peutModifierBlocDossierClient) {\r\n if (type === 'Réservation')\r\n columns.push({\r\n iconName: '',\r\n isIconOnly: true,\r\n isResizable: true,\r\n key: 'signer',\r\n minWidth: 80,\r\n maxWidth: 100,\r\n onRender: item => item.etat && \r\n \r\n \r\n
\r\n \r\n {this.state.enCoursDeTraitement ?
\r\n \r\n );\r\n }\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n //#region chargement des columns\r\n let columnsTemp = [];\r\n\r\n if (this.props.peutModifierBlocFinancement) {\r\n columnsTemp.push({\r\n key: 'naturePret',\r\n name: 'Nature du prêt',\r\n fieldName: 'naturePret',\r\n minWidth: 100,\r\n maxWidth: 200,\r\n isResizable: true,\r\n onRender: (item) => {\r\n return this.setState({ financement: item, onActiveLesChampsDuFormulaire: true }, this._onVerificationFormulaire)}>{item.naturePret};\r\n }\r\n });\r\n }\r\n else {\r\n columnsTemp.push({\r\n key: 'naturePret',\r\n name: 'Nature du prêt',\r\n fieldName: 'naturePret',\r\n minWidth: 100,\r\n maxWidth: 200,\r\n isResizable: true,\r\n onRender: (item) => {\r\n return {item.naturePret};\r\n }\r\n });\r\n }\r\n\r\n columnsTemp.push({\r\n key: 'montantTotalMax',\r\n name: 'Montant total maximum',\r\n fieldName: 'montantTotalMax',\r\n minWidth: 100,\r\n maxWidth: 200,\r\n isResizable: true,\r\n onRender: (item) => {\r\n return (item.montantTotalMax !== null ? {Scriba.nombre().nombreVersTexteAvecPrecisionAfficheeSpecifiee(item.montantTotalMax, false, 2)} € : null);\r\n }\r\n });\r\n columnsTemp.push({\r\n key: 'dureeMinimale',\r\n name: 'Durée minimale en années',\r\n fieldName: 'dureeMinimale',\r\n minWidth: 100,\r\n maxWidth: 150,\r\n isResizable: true,\r\n headerClassName: 'ms-hiddenMdDown',\r\n className: 'ms-hiddenMdDown',\r\n onRender: (item) => {\r\n return (item.dureeMinimale !== null ? {Scriba.nombre().nombreVersTexteAvecPrecisionAfficheeSpecifiee(item.dureeMinimale, false, 0)} ans : null);\r\n }\r\n });\r\n columnsTemp.push({\r\n key: 'tauxEffectifGlobalAnnuelMax',\r\n name: 'Taux effectif global annuel maximum (% par an)',\r\n fieldName: 'tauxEffectifGlobalAnnuelMax',\r\n minWidth: 100,\r\n maxWidth: 150,\r\n isResizable: true,\r\n headerClassName: 'ms-hiddenMdDown',\r\n className: 'ms-hiddenMdDown',\r\n onRender: (item) => {\r\n return (item.tauxEffectifGlobalAnnuelMax !== null ? {Scriba.nombre().nombreVersTexteAvecPrecisionAfficheeSpecifiee(item.tauxEffectifGlobalAnnuelMax, false, 3)} % : null);\r\n }\r\n });\r\n\r\n if (this.props.peutSupprimerBlocFinancement) {\r\n columnsTemp.push({\r\n key: 'suppression',\r\n name: '',\r\n ariaLabel: 'Suppression du financement',\r\n fieldName: 'suppression',\r\n minWidth: 20,\r\n maxWidth: 20,\r\n iconName: '',\r\n isIconOnly: true,\r\n isSorted: false,\r\n onRender: (item) => {\r\n return \r\n this.setState({ errorMessage: \"\" })}\r\n onDismissWarningMessage={() => this.setState({ warningMessage: \"\" })}\r\n />\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n {this.state.listFinancements.length > 0 ? `Avec prêt : ${this.state.listFinancements.length} enregistrement(s)` : `Sans prêt`}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Financement
\r\n \r\n
\r\n \r\n this.setState({ onActiveLesChampsDuFormulaire: isChecked })}\r\n />\r\n
\r\n \r\n
\r\n \r\n this._onMiseAJourChamp(\"financement\", \"naturePret\", option.key)}\r\n options={[\r\n { key: \"PPI\", text: \"PPI\" },\r\n { key: \"PEL\", text: \"PEL\" },\r\n { key: \"Prêt relais\", text: \"Prêt relais\" },\r\n { key: \"PTZ\", text: \"PTZ\" },\r\n { key: \"Autre\", text: \"Autre\" }\r\n ]}\r\n required={this.state.onActiveLesChampsDuFormulaire}\r\n selectedKey={this.state.financement.naturePret}\r\n />\r\n
\r\n \r\n Scriba.officeUI().textField().nombre().onFocusTextFieldNombreObjet(this, 'financement', 'montantTotalMax', this._onVerificationFormulaire)}\r\n onBlur={e => this._onMiseAJourChampNombre(\"financement\", \"montantTotalMax\", e.target.value, this._onVerificationFormulaire)}\r\n onGetErrorMessage={e => Scriba.officeUI().textField().nombre().onGetErrorMessageTextFieldNombre(this, 'montantTotalMax', e, false, 2)}\r\n deferredValidationTime={0}\r\n suffix=\"€\"\r\n />\r\n
\r\n \r\n
\r\n {/*\r\n Scriba.officeUI().textField().nombre().onFocusTextFieldNombreObjet(this, 'financement', 'dureeMinimale', this._onVerificationFormulaire)}\r\n onBlur={e => this._onMiseAJourChampNombre(\"financement\", \"dureeMinimale\", e.target.value, this._onVerificationFormulaire)}\r\n onGetErrorMessage={e => Scriba.officeUI().textField().nombre().onGetErrorMessageTextFieldNombre(this, 'dureeMinimale', e, false, 0)}\r\n deferredValidationTime={0}\r\n suffix=\"années\"\r\n />\r\n
\r\n {this.state.financement.naturePret !== \"PTZ\" ? ( //MG: 2367\r\n \r\n Scriba.officeUI().textField().nombre().onFocusTextFieldNombreObjet(this, 'financement', 'tauxEffectifGlobalAnnuelMax', this._onVerificationFormulaire)}\r\n onBlur={e => this._onMiseAJourChampNombre(\"financement\", \"tauxEffectifGlobalAnnuelMax\", e.target.value, this._onVerificationFormulaire)}\r\n onGetErrorMessage={e => Scriba.officeUI().textField().nombre().onGetErrorMessageTextFieldNombre(this, 'tauxEffectifGlobalAnnuelMax', e, false, 3)}\r\n deferredValidationTime={0}\r\n suffix=\"% par an\"\r\n />\r\n
)\r\n :\r\n (\r\n
)\r\n }\r\n \r\n
*/}\r\n \r\n this._onEnregistrement()} disabled={!boutonActif} style={{ marginRight: '8px' }}>Enregistrer \r\n this.setState({ financement: {} })}>Annuler \r\n
\r\n \r\n {
\r\n \r\n this._onEnregistrement()} style={{ marginRight: '8px' }} disabled={!this.state.onActiveBoutonEnregistrer}>Enregistrer \r\n this._onAnnulation()}>Annuler \r\n
\r\n );\r\n };\r\n\r\n _onMiseAJourChamp(nomObjet, nomPropriete, valeur) {\r\n Scriba.state().setObjetPropriete(this, nomObjet, nomPropriete, valeur, this._onVerificationFormulaire);\r\n }\r\n\r\n _onMiseAJourChampNombre = (nomObjet, nomPropriete, valeur) => {\r\n Scriba.officeUI().textField().nombre().onBlurTextFieldNombreObjet(this, nomObjet, nomPropriete, valeur, 'fr', this._onVerificationFormulaire);\r\n }\r\n\r\n _onOpen = () => {\r\n if (!this.state.enCoursDeTraitement)\r\n this._chargementDonnees();\r\n }\r\n\r\n componentDidMount() {\r\n\r\n }\r\n\r\n componentDidUpdate() { }\r\n\r\n render() {\r\n return this._creationContent();\r\n }\r\n}","import React, { Component } from 'react';\r\nimport { DefaultButton, PrimaryButton } from 'office-ui-fabric-react/lib/Button';\r\nimport { Panel, PanelType } from 'office-ui-fabric-react/lib/Panel';\r\nimport { MessageBars } from '../Outils/MessageBars';\r\nimport { TextField } from 'office-ui-fabric-react/lib/TextField';\r\nimport { Toggle } from 'office-ui-fabric-react/lib/Toggle';\r\n\r\nimport { ProgressIndicatorChargement } from '../Loader/ProgressIndicatorChargement';\r\n\r\nimport Scriba from '@devnet/react-scriba';\r\nimport { Immocom } from '../../specifique/immocom';\r\nimport { DataReservation } from '../../data/DataReservation';\r\n\r\n/****************************************************************\r\n PROPS:\r\n idOperation\r\n idReservation\r\n peutModifier\r\n\r\n onAffiche : bool\r\n\r\n onEnregistrementFiche : méthode\r\n onAnnuleFiche : méthode\r\n \r\n classname : classe CSS (string)\r\n classnameinner : classe CSS (string)\r\n****************************************************************/\r\n\r\nvar objetState = {\r\n reservation: {},\r\n\r\n enCoursDeTraitement: false,\r\n messageEnCoursTraitement: '',\r\n\r\n //peutModifierBlocNotaire: false,\r\n\r\n hideMessageBarError: true,\r\n errorMessage: '',\r\n hideMessageBarWarning: true,\r\n warningMessage: '',\r\n\r\n onActiveBoutonEnregistrer: false,\r\n\r\n};\r\n\r\nexport class FicheFraisNotaire extends Component {\r\n _creationContent() {\r\n return (\r\n \r\n
\r\n \r\n );\r\n }\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = objetState;\r\n }\r\n\r\n _onInit() {\r\n this.setState(objetState);\r\n }\r\n\r\n _chargementDonnees() {\r\n let idOperationRenseigneeEtDifferent = Immocom.getSiPropsRenseigneeEtDifferenteDeLaValeurEnParametre(this.props.idOperation, [0, this.state.idOperation]);\r\n let idReservationRenseigneeEtDifferent = Immocom.getSiPropsRenseigneeEtDifferenteDeLaValeurEnParametre(this.props.idReservation, [0, this.state.idReservation]);\r\n\r\n if (idOperationRenseigneeEtDifferent && idReservationRenseigneeEtDifferent) {\r\n\r\n this.setState({\r\n enCoursDeTraitement: true,\r\n messageEnCoursTraitement: 'Chargement des frais de notaire'\r\n });\r\n\r\n let ficheReservation_Simple = DataReservation._ficheReservation_Simple(this.props.idOperation, this.props.idReservation);\r\n\r\n ficheReservation_Simple\r\n .then(responseFetch => {\r\n let retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responseFetch, this);\r\n\r\n if (retourVerif === null) {\r\n let objetData = responseFetch.reponseAPIobjet;\r\n\r\n let stateTemp = {};\r\n stateTemp.idReservation = this.props.idReservation;\r\n stateTemp.idOperation = this.props.idOperation;\r\n stateTemp.titrePanelNotaire = 'Modifier le notaire';\r\n\r\n //stateTemp.peutModifierBlocNotaire = this.props.peutModifierBlocNotaire;\r\n\r\n stateTemp.reservation = objetData[0];\r\n\r\n Immocom.onReinitStateValeurParDefautEtExecutionDuSetState(this, stateTemp);\r\n\r\n this._onVerificationFormulaire();\r\n }\r\n else {\r\n Immocom.onTraitementErreurAvecState(this, { ...this.state }, retourVerif, responseFetch);\r\n }\r\n });\r\n }\r\n }\r\n\r\n //_validationFormulaire(item) {\r\n // let estValide = true;\r\n\r\n // // Si l'objet n'est pas vide\r\n // if (!(Object.keys(item).length === 0 && item.constructor === Object)) {\r\n // estValide = (item.idReservation !== 0 & item.idReservation !== null & this.props.peutModifier)\r\n // }\r\n // else {\r\n // estValide = false;\r\n // }\r\n\r\n // return estValide;\r\n //}\r\n\r\n _onEnregistrement = () => {\r\n this.setState({\r\n enCoursDeTraitement: true,\r\n messageEnCoursTraitement: 'Enregistrement du notaire en cours'\r\n });\r\n\r\n //YD : 15/10/2020\r\n //mise en commentaire car cela ne paraît pas logique de ne pas pouvoir renseigner un montant s'ils ne sont pas offerts\r\n //if (!this.state.reservation.fraisNotaireOffert)\r\n // this.state.reservation.montantFraisNotaire = 0;\r\n\r\n let miseAJourReservation = DataReservation._miseAJourReservation(this.props.idOperation, this.props.idReservation, this.state.reservation);\r\n \r\n miseAJourReservation\r\n .then(responseFetch => {\r\n let retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responseFetch, this);\r\n\r\n if (retourVerif === null) {\r\n let objetData = responseFetch.reponseAPIobjet;\r\n\r\n Immocom.onReinitStateValeurParDefautEtExecutionDuSetState(this, { ...this.state });\r\n\r\n this.props.onEnregistrementFiche(objetData);\r\n }\r\n else {\r\n Immocom.onTraitementErreurAvecState(this, { ...this.state }, retourVerif, responseFetch);\r\n }\r\n });\r\n }\r\n\r\n _onAnnulation = () => {\r\n this._onInit();\r\n this.props.onAnnuleFiche();\r\n }\r\n\r\n _onVerificationFormulaire() {\r\n Immocom.fiche()._validationFormulaire(this, 'FraisNotaireReservation', this.state.reservation, (this.state.reservation.idReservation > 0 ? 'Modification' : 'Création'));\r\n }\r\n\r\n _onRenderFooterContent = () => {\r\n return (\r\n \r\n
\r\n \r\n this.setState({ errorMessage: \"\" })}\r\n onDismissWarningMessage={() => this.setState({ warningMessage: \"\" })}\r\n />\r\n\r\n {this.state.enCoursDeTraitement ?
\r\n \r\n
\r\n \r\n Scriba.state().setObjetPropriete(this, \"reservation\", \"fraisNotaireOffert\", isChecked, this._onVerificationFormulaire) }\r\n />\r\n
\r\n \r\n Scriba.officeUI().textField().nombre().onFocusTextFieldNombreObjet(this, 'reservation', 'montantFraisNotaire')}\r\n onBlur={e => Scriba.officeUI().textField().nombre().onBlurTextFieldNombreObjet(this, 'reservation', 'montantFraisNotaire', e.target.value, 'fr', this._onVerificationFormulaire)}\r\n onGetErrorMessage={e => Scriba.officeUI().textField().nombre().onGetErrorMessageTextFieldNombre(this, 'montantFraisNotaire', e, false, 2)}\r\n deferredValidationTime={0}\r\n suffix=\"€\"\r\n />\r\n
\r\n \r\n this._onEnregistrement()} className=\"marginRight8px\" disabled={!this.state.onActiveBoutonEnregistrer}>Enregistrer \r\n this._onAnnulation()}>Annuler \r\n
\r\n );\r\n };\r\n\r\n _onOpen = () => {\r\n if (!this.state.enCoursDeTraitement)\r\n this._chargementDonnees();\r\n }\r\n\r\n componentDidMount() {\r\n //if ((this.props.idReservation !== this.state.idReservation) && (this.props.idOperation !== 0 && this.props.idOperation !== this.state.idOperation)) {\r\n // this._chargementDonnees();\r\n //}\r\n }\r\n\r\n componentWillUnmount() {\r\n }\r\n\r\n componentDidUpdate() {\r\n if ((this.props.idReservation !== this.state.idReservation) && (this.props.idOperation !== 0 && this.props.idOperation !== this.state.idOperation) && !this.state.enCoursDeTraitement) {\r\n this._chargementDonnees();\r\n }\r\n }\r\n\r\n render() {\r\n return this._creationContent();\r\n }\r\n}","import Scriba from '@devnet/react-scriba';\r\nimport { DefaultButton, PrimaryButton } from 'office-ui-fabric-react/lib/Button';\r\nimport { Panel, PanelType } from 'office-ui-fabric-react/lib/Panel';\r\nimport React, { Component } from 'react';\r\nimport { DataReservation } from '../../data/DataReservation';\r\nimport { MaxLengths } from '../../data/MaxLenghts';\r\nimport { Immocom } from '../../specifique/immocom';\r\nimport EUIEmailField from '../EUI/EUIEmailField';\r\nimport { EUITextField } from '../EUI/EUITextField';\r\nimport { ProgressIndicatorChargement } from '../Loader/ProgressIndicatorChargement';\r\nimport { MessageBars } from '../Outils/MessageBars';\r\n\r\n/****************************************************************\r\n PROPS:\r\n idOperation\r\n idReservation\r\n peutModifierBlocNotaire\r\n peutAjouterBlocNotaire\r\n\r\n onAffichePanelNotaire : bool\r\n\r\n onEnregistrementFiche : méthode\r\n onAnnuleFiche : méthode\r\n****************************************************************/\r\n\r\nvar objetState = {\r\n reservation: {},\r\n\r\n enCoursDeTraitement: false,\r\n messageEnCoursTraitement: '',\r\n\r\n hideMessageBarError: true,\r\n errorMessage: '',\r\n hideMessageBarWarning: true,\r\n warningMessage: '',\r\n\r\n titrePanelNotaire: 'Ajouter un notaire',\r\n\r\n onActiveBoutonEnregistrer: false,\r\n\r\n};\r\n\r\nexport class FicheNotaire extends Component {\r\n _creationContent = () => {\r\n return \r\n
\r\n ;\r\n }\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = objetState;\r\n }\r\n\r\n _onInit = () => {\r\n this.setState(objetState);\r\n }\r\n\r\n _chargementDonnees = () => {\r\n let idOperationRenseigneeEtDifferent = Immocom.getSiPropsRenseigneeEtDifferenteDeLaValeurEnParametre(this.props.idOperation, [0, this.state.idOperation]);\r\n let idReservationRenseigneeEtDifferent = Immocom.getSiPropsRenseigneeEtDifferenteDeLaValeurEnParametre(this.props.idReservation, [0, this.state.idReservation]);\r\n\r\n if (idOperationRenseigneeEtDifferent && idReservationRenseigneeEtDifferent) {\r\n\r\n this.setState({\r\n enCoursDeTraitement: true,\r\n messageEnCoursTraitement: 'Chargement du notaire'\r\n });\r\n\r\n let ficheReservation_Simple = DataReservation._ficheReservation_Simple(this.props.idOperation, this.props.idReservation);\r\n\r\n ficheReservation_Simple\r\n .then(responseFetch => {\r\n let retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responseFetch, this);\r\n\r\n if (retourVerif === null) {\r\n let objetData = responseFetch.reponseAPIobjet;\r\n\r\n let stateTemp = {};\r\n stateTemp.idReservation = this.props.idReservation;\r\n stateTemp.idOperation = this.props.idOperation;\r\n stateTemp.titrePanelNotaire = 'Modifier le notaire';\r\n\r\n stateTemp.reservation = objetData[0];\r\n\r\n Immocom.onReinitStateValeurParDefautEtExecutionDuSetState(this, stateTemp);\r\n\r\n this._onVerificationFormulaire();\r\n }\r\n else {\r\n Immocom.onTraitementErreurAvecState(this, { ...this.state }, retourVerif, responseFetch);\r\n }\r\n });\r\n }\r\n }\r\n\r\n _onEnregistrement = () => {\r\n this.setState({\r\n enCoursDeTraitement: true,\r\n messageEnCoursTraitement: 'Enregistrement du notaire en cours'\r\n });\r\n\r\n let miseAJourReservation = DataReservation._miseAJourReservation(this.props.idOperation, this.props.idReservation, this.state.reservation);\r\n\r\n miseAJourReservation\r\n .then(responseFetch => {\r\n let retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responseFetch, this);\r\n\r\n if (retourVerif === null) {\r\n let objetData = responseFetch.reponseAPIobjet;\r\n\r\n Immocom.onReinitStateValeurParDefautEtExecutionDuSetState(this, { ...this.state });\r\n\r\n this.props.onEnregistrementFiche(objetData);\r\n }\r\n else {\r\n Immocom.onTraitementErreurAvecState(this, { ...this.state }, retourVerif, responseFetch);\r\n }\r\n });\r\n }\r\n\r\n _onAnnulation = () => {\r\n this._onInit();\r\n this.props.onAnnuleFiche();\r\n }\r\n\r\n _onVerificationFormulaire = () => {\r\n Immocom.fiche()._validationFormulaire(this, 'NotaireReservation', this.state.reservation, (this.state.reservation.idReservation > 0 ? 'Modification' : 'Création'));\r\n }\r\n\r\n _onRenderFooterContent = () => {\r\n return (\r\n \r\n
\r\n \r\n Scriba.state().setObjetPropriete(this, \"reservation\", \"nomNotaireClient\", newValue)}\r\n value={this.state.reservation.nomNotaireClient}\r\n />\r\n
\r\n \r\n Scriba.state().setObjetPropriete(this, \"reservation\", \"prenomNotaireClient\", newValue)}\r\n value={this.state.reservation.prenomNotaireClient}\r\n />\r\n
\r\n \r\n
\r\n \r\n Scriba.state().setObjetPropriete(this, \"reservation\", \"adresseNotaireClient\", newValue)}\r\n value={this.state.reservation.adresseNotaireClient}\r\n />\r\n
\r\n \r\n
\r\n \r\n Scriba.state().setObjetPropriete(this, \"reservation\", \"complementAdresseNotaireClient\", newValue)}\r\n value={this.state.reservation.complementAdresseNotaireClient}\r\n />\r\n
\r\n \r\n
\r\n \r\n Scriba.state().setObjetPropriete(this, \"reservation\", \"cpNotaireClient\", newValue)}\r\n value={this.state.reservation.cpNotaireClient}\r\n />\r\n
\r\n \r\n Scriba.state().setObjetPropriete(this, \"reservation\", \"villeNotaireClient\", newValue)}\r\n value={this.state.reservation.villeNotaireClient}\r\n />\r\n
\r\n \r\n
\r\n \r\n Scriba.state().setObjetPropriete(this, \"reservation\", \"emailNotaireClient\", newValue)}\r\n value={this.state.reservation.emailNotaireClient}\r\n />\r\n
\r\n \r\n
\r\n \r\n Scriba.state().setObjetPropriete(this, \"reservation\", \"telNotaireClient\", newValue)}\r\n value={this.state.reservation.telNotaireClient}\r\n />\r\n
\r\n \r\n Scriba.state().setObjetPropriete(this, \"reservation\", \"portableNotaireClient\", newValue)}\r\n value={this.state.reservation.portableNotaireClient}\r\n />\r\n
\r\n \r\n this._onEnregistrement()} className=\"marginRight8px\" disabled={!this.state.onActiveBoutonEnregistrer}>Enregistrer \r\n this._onAnnulation()}>Annuler \r\n
\r\n );\r\n };\r\n\r\n _onOpen = () => {\r\n if (!this.state.enCoursDeTraitement)\r\n this._chargementDonnees();\r\n }\r\n\r\n render = () => {\r\n return this._creationContent();\r\n }\r\n}","import { DefaultButton, PrimaryButton } from 'office-ui-fabric-react/lib/Button';\r\nimport { Panel, PanelType } from 'office-ui-fabric-react/lib/Panel';\r\nimport { Toggle } from 'office-ui-fabric-react/lib/Toggle';\r\nimport React, { Component, Fragment } from 'react';\r\nimport Scriba from '@devnet/react-scriba';\r\nimport { DataReservation } from '../../data/DataReservation';\r\nimport { Immocom } from '../../specifique/immocom';\r\nimport { EUIDatePicker } from '../EUI/EUIDatePicker';\r\nimport { ProgressIndicatorChargement } from '../Loader/ProgressIndicatorChargement';\r\nimport { MessageBars } from '../Outils/MessageBars';\r\n\r\n/****************************************************************\r\n PROPS:\r\n idOperation\r\n idReservation\r\n idLotCommercial\r\n nbADF\r\n affichageSignatureClient\r\n affichageValidationEiffage\r\n affichageSignatureEiffage\r\n affichageSignatureActe\r\n onAffichePanelReservationCycle\r\n onAnnuleFiche\r\n onEnregistrementFiche\r\n****************************************************************/\r\n\r\nvar objetState = {\r\n reservation: {},\r\n titrePanelCycle: '',\r\n\r\n enCoursDeTraitement: false,\r\n messageEnCoursTraitement: '',\r\n\r\n hideMessageBarError: true,\r\n errorMessage: '',\r\n hideMessageBarWarning: true,\r\n warningMessage: '',\r\n\r\n titrePanelCycleReservation: 'Renseigner les cycles de la réservation',\r\n\r\n peutModifierBlocEtat: false,\r\n peutModifierBlocDateAutre: false,\r\n activationSignatureClient: false,\r\n activationValidation: false,\r\n activationSignatureEiffage: false,\r\n activationSignatureActe: false\r\n};\r\n\r\nexport class FicheReservationCycle extends Component {\r\n\r\n static defaultProps = {\r\n datePriseEnChargeFichesKycEtInfoPrecontractuelle: undefined // KP - 08/10/2024 : déplacé dans table Parametrage\r\n };\r\n\r\n _creationContent = () => {\r\n\r\n const { reservation } = this.state;\r\n const estSigneElectroniqueClient = reservation.dateSignatureElectronique !== null;\r\n const estSigneElectroniqueEiffage = reservation.dateSignatureEiffageElectronique !== null;\r\n const dateMaxSignature = new Date(Date.now());\r\n\r\n var objTravailAffichage = {\r\n fichesKYCEnabled: false,\r\n ficheInfoPrecontractuelleEnabled: false,\r\n estValidationEiffageEnabled: false,\r\n\r\n ficheKYCVisible: false,\r\n ficheInfoPrecontractuelleVisible: false\r\n };\r\n const aucunAppelsDeFondsEffectues = (this.props.nbADF == 0);\r\n\r\n FicheReservationCycle._onChargement_KYC_PreContractuelle_ValidationEiffage(reservation, this.state.peutModifierBlocEtat, this.state.activationValidation, objTravailAffichage, aucunAppelsDeFondsEffectues, this.props.datePriseEnChargeFichesKycEtInfoPrecontractuelle);\r\n\r\n\r\n /*const estValidationEiffageDisabled = !this.state.peutModifierBlocEtat // Droits insuffisants\r\n || !this.state.activationValidation\r\n || !(reservation.dateSignatureElectronique || reservation.dateDeSignatureManuelle) // Pas de signature client\r\n || (new Date(reservation.dateReservation) >= new Date(2021, 2, 1) && !(reservation.fichesKyc && reservation.ficheInfoPrecontractuelle)) // A compter de mars 2021 : fiches KYC + info précontractuelle obligatoires\r\n || this.props.nbADF > 0;*/\r\n\r\n\r\n return (\r\n \r\n
\r\n \r\n );\r\n }\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = objetState;\r\n }\r\n\r\n _onInit = () => {\r\n this.setState(objetState);\r\n }\r\n\r\n _chargementDonnees = () => {\r\n this.setState({\r\n enCoursDeTraitement: true,\r\n messageEnCoursTraitement: 'Chargement en cours'\r\n });\r\n\r\n var ficheReservation_Simple = DataReservation._ficheReservation_Simple(this.props.idOperation, this.props.idReservation);\r\n\r\n ficheReservation_Simple\r\n .then(responseFetch => {\r\n let retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responseFetch, this);\r\n\r\n if (retourVerif === null) {\r\n let objetData = responseFetch.reponseAPIobjet;\r\n\r\n let stateTemp = {};\r\n stateTemp.reservation = objetData[0];\r\n stateTemp.peutModifierBlocDateAutre = objetData[1];\r\n stateTemp.peutModifierBlocEtat = objetData[2];\r\n stateTemp.activationSignatureClient = objetData[3];\r\n stateTemp.activationValidation = objetData[4];\r\n stateTemp.activationSignatureEiffage = objetData[5];\r\n stateTemp.activationSignatureActe = objetData[6];\r\n\r\n Immocom.onReinitStateValeurParDefautEtExecutionDuSetState(this, stateTemp);\r\n }\r\n else {\r\n Immocom.onTraitementErreurAvecState(this, { ...this.state }, retourVerif, responseFetch);\r\n }\r\n });\r\n }\r\n\r\n _validationFormulaire(item) {\r\n let estValide = true;\r\n\r\n // Si l'objet n'est pas vide\r\n if (!(Object.keys(item).length === 0 && item.constructor === Object)) {\r\n if (this.props.affichageSignatureClient) {\r\n estValide = estValide && Scriba.formulaire().nEstPasVide(item.dateDeSignatureManuelle);\r\n }\r\n if (this.props.affichageSignatureEiffage) {\r\n estValide = estValide && Scriba.formulaire().nEstPasVide(item.dateDeSignatureEiffageManuelle);\r\n }\r\n if (this.props.affichageValidationEiffage) {\r\n estValide = estValide && item.validee;\r\n }\r\n if (this.props.affichageSignatureActe) {\r\n estValide = estValide && Scriba.formulaire().nEstPasVide(item.dateSignatureActe);\r\n }\r\n }\r\n else {\r\n estValide = false;\r\n }\r\n\r\n return estValide;\r\n }\r\n\r\n _onChangeFiche = (fiche) => (e, isChecked) => {\r\n this.setState(prevState => {\r\n let reservation = {\r\n ...prevState.reservation,\r\n [fiche]: isChecked\r\n };\r\n if (!isChecked && new Date(reservation.dateReservation) >= new Date(this.props.datePriseEnChargeFichesKycEtInfoPrecontractuelle)) {\r\n reservation.validee = false;\r\n reservation.dateDeSignatureEiffageManuelle = null;\r\n }\r\n return { reservation };\r\n });\r\n };\r\n\r\n _onChangeValidationEiffage = (e, isChecked) => {\r\n let nomProprietes = [[\"validee\", isChecked]];\r\n if (!isChecked)\r\n nomProprietes.push([\"dateDeSignatureEiffageManuelle\", null]);\r\n Scriba.state().setObjetProprietes(this, \"reservation\", nomProprietes);\r\n };\r\n\r\n _onResetDateDeSignatureClient = () => {\r\n let nomProprietes = [\r\n [\"dateDeSignatureManuelle\", null],\r\n [\"validee\", false]\r\n ];\r\n Scriba.state().setObjetProprietes(this, \"reservation\", nomProprietes);\r\n };\r\n\r\n _onEnregistrement = () => {\r\n\r\n this.setState({\r\n enCoursDeTraitement: true,\r\n messageEnCoursTraitement: 'Enregistrement en cours'\r\n });\r\n\r\n let miseAJourReservation = DataReservation._miseAJourReservation(\r\n this.props.idOperation,\r\n this.props.idReservation,\r\n this.state.reservation);\r\n\r\n miseAJourReservation\r\n .then(responseFetch => {\r\n let retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responseFetch, this);\r\n\r\n if (retourVerif === null) {\r\n let objetData = responseFetch.reponseAPIobjet;\r\n\r\n Immocom.onReinitStateValeurParDefautEtExecutionDuSetState(this, { ...this.state });\r\n\r\n this.props.onEnregistrementFiche(objetData);\r\n }\r\n else {\r\n Immocom.onTraitementErreurAvecState(this, { ...this.state }, retourVerif, responseFetch);\r\n }\r\n });\r\n }\r\n\r\n _onOpen = () => {\r\n this._chargementDonnees();\r\n }\r\n\r\n _onAnnulation = () => {\r\n this._onInit();\r\n this.props.onAnnuleFiche();\r\n }\r\n\r\n _onRenderFooterContent = () => {\r\n //let boutonActif = this._validationFormulaire(this.state.reservation);\r\n //disabled={!boutonActif}\r\n return (\r\n \r\n
\r\n \r\n\r\n this.setState({ errorMessage: \"\" })}\r\n onDismissWarningMessage={() => this.setState({ warningMessage: \"\" })}\r\n />\r\n\r\n {this.state.enCoursDeTraitement ? \r\n {objTravailAffichage.ficheKYCVisible ?\r\n \r\n }\r\n\r\n {this.props.affichageSignatureEiffage &&\r\n
\r\n \r\n
\r\n }\r\n\r\n {this.props.affichageValidationEiffage &&\r\n Date de signature client {(estSigneElectroniqueClient ? '(électronique)' : null)}
\r\n \r\n 0}\r\n allowTextInput={false}\r\n maxDate={dateMaxSignature}\r\n onClear={this._onResetDateDeSignatureClient}\r\n onSelectDate={e => this._onMiseAJourChamp(\"reservation\", \"dateDeSignatureManuelle\", Scriba.date().getChaineISOFromDate(e))}\r\n placeholder=\"Selectionnez une date\"\r\n value={estSigneElectroniqueClient ? reservation.dateSignatureElectronique : reservation.dateDeSignatureManuelle}\r\n />\r\n
\r\n \r\n
\r\n : null}\r\n {objTravailAffichage.ficheInfoPrecontractuelleVisible ?\r\n Fiche(s) KYC
\r\n \r\n
\r\n \r\n
:\r\n null}\r\n Fiche d'information précontractuelle
\r\n \r\n
\r\n \r\n
\r\n Validation Eiffage
\r\n \r\n
\r\n \r\n
\r\n }\r\n\r\n {this.props.affichageSignatureActe &&\r\n Date de signature Eiffage {(estSigneElectroniqueEiffage ? '(électronique)' : null)}
\r\n \r\n 0}\r\n maxDate={dateMaxSignature}\r\n onClear={e => this._onMiseAJourChamp(\"reservation\", \"dateDeSignatureEiffageManuelle\", null)}\r\n onSelectDate={e => this._onMiseAJourChamp(\"reservation\", \"dateDeSignatureEiffageManuelle\", Scriba.date().getChaineISOFromDate(e))}\r\n placeholder=\"Selectionnez une date\"\r\n value={estSigneElectroniqueEiffage ? reservation.dateSignatureEiffageElectronique : reservation.dateDeSignatureEiffageManuelle}\r\n />\r\n
\r\n \r\n
\r\n }\r\n Date de signature de l'acte
\r\n \r\n 0}\r\n maxDate={dateMaxSignature}\r\n onClear={e => this._onMiseAJourChamp(\"reservation\", \"dateSignatureActe\", null)}\r\n onSelectDate={e => this._onMiseAJourChamp(\"reservation\", \"dateSignatureActe\", Scriba.date().getChaineISOFromDate(e))}\r\n placeholder=\"Selectionnez une date\"\r\n value={reservation.dateSignatureActe}\r\n />\r\n
\r\n \r\n this._onEnregistrement()} className=\"marginRight8px\">Enregistrer \r\n this._onAnnulation()}>Annuler \r\n
\r\n );\r\n };\r\n\r\n _onMiseAJourChamp = (nomObjet, nomPropriete, valeur) => {\r\n Scriba.state().setObjetPropriete(this, nomObjet, nomPropriete, valeur);\r\n }\r\n\r\n render = () => {\r\n return this._creationContent();\r\n }\r\n\r\n static _onChargement_KYC_PreContractuelle_ValidationEiffage(reservation, peutModifierBlocEtat, activationValidation, objTravailAffichage, aucunAppelsDeFondsEffectues, datePriseEnChargeFichesKycEtInfoPrecontractuelle) {\r\n\r\n const estSigneClient = (reservation.dateSignatureElectronique != null) || (reservation.dateDeSignatureManuelle != null);\r\n\r\n objTravailAffichage.fichesKYCEnabled = false;\r\n objTravailAffichage.ficheInfoPrecontractuelleEnabled = false;\r\n var onPeutActiverValidationEiffage = peutModifierBlocEtat && activationValidation && estSigneClient && aucunAppelsDeFondsEffectues;\r\n objTravailAffichage.estValidationEiffageEnabled = onPeutActiverValidationEiffage;\r\n\r\n //YD : modification du début de la date à prendre en compte => 01/04/2021 à présent (défini dans la classe réservation)\r\n if (new Date(reservation.dateReservation) >= new Date(datePriseEnChargeFichesKycEtInfoPrecontractuelle)) { //new Date(2021, 3, 1)) {\r\n objTravailAffichage.estValidationEiffageEnabled = onPeutActiverValidationEiffage && reservation.fichesKyc && reservation.ficheInfoPrecontractuelle;\r\n objTravailAffichage.fichesKYCEnabled = onPeutActiverValidationEiffage && !reservation.validee;\r\n objTravailAffichage.ficheInfoPrecontractuelleEnabled = onPeutActiverValidationEiffage && !reservation.validee;\r\n\r\n objTravailAffichage.ficheKYCVisible = true;\r\n objTravailAffichage.ficheInfoPrecontractuelleVisible = true;\r\n }\r\n }\r\n}","import { getTheme, Text } from 'office-ui-fabric-react';\r\nimport React, { Component, Fragment } from 'react';\r\nimport { DataOperation_Echeancier_Stade } from '../../data/DataOperation_Echeancier_Stade';\r\nimport { EUIComboBox } from '../EUI/EUIComboBox';\r\n\r\nexport class ComboBoxOperation_Echeancier_Stade extends Component {\r\n\r\n static defaultProps = {\r\n hiddenIds: [],\r\n idEcheancier: null,\r\n idOperation: null,\r\n label: \"Stade\",\r\n onChange: (event, option, index, value, item) => null,\r\n placeholder: \"Stade\",\r\n };\r\n\r\n _theme = getTheme();\r\n\r\n _onRenderOption = (props, defaultRender) => {\r\n const option = defaultRender(props);\r\n if (!!props && !!props.data) {\r\n const { pourcentageCumul, stadeType } = props.data;\r\n const pourcentage = parseFloat((pourcentageCumul) * 100).toFixed(2);\r\n return \r\n
\r\n\r\n \r\n\r\n
\r\n \r\n {!!echeancier && echeancier.nomEcheancier && this.setState({ stadesReservation: items })}\r\n prixTTC={prixTTC}\r\n stamp={stamp}\r\n />\r\n
\r\n\r\n {echeancier.nomEcheancier}
}\r\n \r\n \r\n \r\n }\r\n
\r\n \r\n this._toggleVerrouEcheancier(isChecked)}\r\n onText=\"Oui\"\r\n />\r\n
\r\n {!estEcheancierVerrouille &&\r\n Verrouiller l'échéancier
\r\n \r\n stade.idStade)}\r\n idEcheancier={idEcheancier}\r\n idOperation={idOperation}\r\n idReservation={idReservation}\r\n onChange={this._onChangeStadeSelectionne}\r\n required\r\n selectedKey={stadeSelectionne.idStade}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n Ajouter un stade
\r\n \r\n Ajouter \r\n this.setState({ stadeSelectionne: {} })} disabled={!estStadeSelectionne}>Annuler \r\n
\r\n \r\n this.setState({ idEcheancierSelectionne: option.key })}\r\n selectedKey={idEcheancierSelectionne}\r\n />\r\n
\r\n Remplacer par un échéancier type
\r\n \r\n Remplacer \r\n
\r\n \r\n {this.state.enCoursDeTraitement ?
;\r\n }\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n //#region chargement des columns\r\n let columnsTemp = [];\r\n columnsTemp.push({\r\n key: 'dateMouvement',\r\n name: 'Date',\r\n fieldName: 'dateMouvement',\r\n minWidth: 80,\r\n maxWidth: 80,\r\n isResizable: true,\r\n onRender: (item) => {\r\n return {Scriba.date().stringDateFormatCourt(item.dateMouvement)};\r\n }\r\n });\r\n\r\n columnsTemp.push({\r\n key: 'intitule',\r\n name: 'Intitulé',\r\n fieldName: 'intitule',\r\n minWidth: 100,\r\n maxWidth: 200,\r\n isResizable: true,\r\n onRender: (item) => {\r\n if (item.typeReglement === 'Reservation_Echeancier_Stade') {\r\n const libelle = `AF - ${item.nomStade}`;\r\n return {libelle};\r\n }\r\n else {\r\n let libelle = \"EC - \" + item.intitule;\r\n if (!!item.mode) libelle += ` - ${item.mode}`;\r\n if (!!item.reference) libelle += ` - ${item.reference}`;\r\n\r\n if (!this.props.peutModifierBlocSuiviCompteClient)\r\n return {libelle};\r\n else\r\n return this.setState({ reglement: item }, this._onVerificationFormulaire)}>{libelle};\r\n }\r\n }\r\n });\r\n\r\n columnsTemp.push({\r\n key: 'montantTotalTTCFacture',\r\n name: 'Facturé',\r\n fieldName: 'montantTotalTTCFacture',\r\n minWidth: 100,\r\n maxWidth: 150,\r\n isResizable: true,\r\n headerClassName: 'ms-hiddenMdDown',\r\n className: 'ms-hiddenMdDown',\r\n\r\n onRender: (item) => {\r\n return (item.montantTotalTTCFacture !== null ? {Scriba.nombre().nombreVersTexteAvecPrecisionAfficheeSpecifiee((item.montantTotalTTCFacture).toFixed(2), false, 2)} € : null);\r\n }\r\n });\r\n columnsTemp.push({\r\n key: 'montantTTCReglement',\r\n name: 'Encaissé',\r\n fieldName: 'montantTTCReglement',\r\n minWidth: 10,\r\n maxWidth: 150,\r\n isResizable: true,\r\n headerClassName: 'ms-hiddenMdDown',\r\n className: 'ms-hiddenMdDown',\r\n\r\n onRender: (item) => {\r\n return (item.montantTTCReglement !== null ? {Scriba.nombre().nombreVersTexteAvecPrecisionAfficheeSpecifiee((item.montantTTCReglement).toFixed(2), true, 2)} € : null);\r\n }\r\n });\r\n\r\n if (this.props.peutSupprimerBlocSuiviCompteClient) {\r\n columnsTemp.push({\r\n key: 'suppression',\r\n name: '',\r\n ariaLabel: 'Suppression du compte client',\r\n fieldName: 'suppression',\r\n minWidth: 20,\r\n maxWidth: 20,\r\n iconName: '',\r\n isIconOnly: true,\r\n isSorted: false,\r\n onRender: (item) => {\r\n if (item.typeReglement === 'Reservation_Echeancier_Stade')\r\n return null;\r\n else\r\n return \r\n this.setState({ errorMessage: \"\" })}\r\n onDismissWarningMessage={() => this.setState({ warningMessage: \"\" })}\r\n />\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Total facturé : \r\n {Scriba.nombre().nombreVersTexteAvecPrecisionAfficheeSpecifiee((this.state.totalFacture).toFixed(2), false, 2)} €\r\n
\r\n \r\n
\r\n \r\n Total encaissé : \r\n {Scriba.nombre().nombreVersTexteAvecPrecisionAfficheeSpecifiee((this.state.totalEncaisse).toFixed(2), false, 2)} €\r\n
\r\n \r\n
\r\n \r\n Total à encaisser : \r\n {Scriba.nombre().nombreVersTexteAvecPrecisionAfficheeSpecifiee((this.state.totalAEncaisser).toFixed(2), false, 2)} €\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Encaissement
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n this._onMiseAJourChamp(\"reglement\", \"dateMouvement\", Scriba.date().getChaineISOFromDate(date), this._onVerificationFormulaire)}\r\n value={this.state.reglement.dateMouvement}\r\n />\r\n
\r\n \r\n Scriba.officeUI().textField().nombre().onFocusTextFieldNombreObjet(this, 'reglement', 'montantTTCReglement', this._onVerificationFormulaire)}\r\n onBlur={e => this._onMiseAJourChampNombre(\"reglement\", \"montantTTCReglement\", e.target.value, this._onVerificationFormulaire)}\r\n onGetErrorMessage={e => Scriba.officeUI().textField().nombre().onGetErrorMessageTextFieldNombre(this, 'montantTTCReglement', e, true, 2)}\r\n deferredValidationTime={0}\r\n suffix=\"€\"\r\n required\r\n />\r\n
\r\n \r\n
\r\n \r\n this._onMiseAJourChamp(\"reglement\", \"mode\", option.key)}\r\n options={[\r\n { key: \"Chèque\", text: \"Chèque\" },\r\n { key: \"Virement\", text: \"Virement\" },\r\n { key: \"Autre\", text: \"Autre\" }\r\n ]}\r\n selectedKey={this.state.reglement.mode}\r\n />\r\n
\r\n \r\n this._onMiseAJourChamp(\"reglement\", \"reference\", newValue)}\r\n value={this.state.reglement.reference}\r\n />\r\n
\r\n \r\n
\r\n \r\n this._onMiseAJourChamp(\"reglement\", \"intitule\", newValue)}\r\n required\r\n value={this.state.reglement.intitule}\r\n />\r\n
\r\n \r\n this._onMiseAJourChamp(\"reglement\", \"banque\", newValue)}\r\n value={this.state.reglement.banque}\r\n />\r\n
\r\n \r\n
\r\n \r\n Enregistrer \r\n this.setState({ reglement: {} }, this._onVerificationFormulaire)}>Annuler \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n }\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = objetState;\r\n }\r\n\r\n _onInit() {\r\n this.setState(objetState);\r\n }\r\n\r\n _chargementDonnees() {\r\n let idOperationRenseigneeEtDifferent = Immocom.getSiPropsRenseigneeEtDifferenteDeLaValeurEnParametre(this.props.idOperation, [0, this.state.idOperation]);\r\n let idReservationRenseigneeEtDifferent = Immocom.getSiPropsRenseigneeEtDifferenteDeLaValeurEnParametre(this.props.idReservation, [0, this.state.idReservation]);\r\n\r\n if (idOperationRenseigneeEtDifferent && idReservationRenseigneeEtDifferent) {\r\n\r\n this.setState({\r\n enCoursDeTraitement: true,\r\n messageEnCoursTraitement: 'Chargement du suivi notaire'\r\n });\r\n\r\n let ficheReservation_Simple = DataReservation._ficheReservation_Simple(this.props.idOperation, this.props.idReservation);\r\n\r\n ficheReservation_Simple\r\n .then(responseFetch => {\r\n let retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responseFetch, this);\r\n\r\n if (retourVerif === null) {\r\n let objetData = responseFetch.reponseAPIobjet;\r\n\r\n let stateTemp = {};\r\n stateTemp.idReservation = this.props.idReservation;\r\n stateTemp.idOperation = this.props.idOperation;\r\n stateTemp.titrePanelNotaire = 'Modifier le suivi notaire';\r\n\r\n //stateTemp.peutModifierBlocNotaire = this.props.peutModifierBlocNotaire;\r\n\r\n stateTemp.reservation = objetData[0];\r\n\r\n Immocom.onReinitStateValeurParDefautEtExecutionDuSetState(this, stateTemp);\r\n\r\n this._onVerificationFormulaire();\r\n }\r\n else {\r\n Immocom.onTraitementErreurAvecState(this, { ...this.state }, retourVerif, responseFetch);\r\n }\r\n });\r\n }\r\n }\r\n\r\n //_validationFormulaire(item) {\r\n // let estValide = true;\r\n\r\n // // Si l'objet n'est pas vide\r\n // if (!(Object.keys(item).length === 0 && item.constructor === Object)) {\r\n // estValide = (item.idReservation !== 0 & item.idReservation !== null & this.props.peutModifier)\r\n // }\r\n // else {\r\n // estValide = false;\r\n // }\r\n\r\n // return estValide;\r\n //}\r\n\r\n _onMiseAJourChamp(nomObjet, nomPropriete, valeur) {\r\n Scriba.state().setObjetPropriete(this, nomObjet, nomPropriete, valeur, this._onVerificationFormulaire);\r\n }\r\n\r\n _onEnregistrement = () => {\r\n this.setState({\r\n enCoursDeTraitement: true,\r\n messageEnCoursTraitement: 'Enregistrement du suivi notaire en cours'\r\n });\r\n\r\n let miseAJourReservation = DataReservation._miseAJourReservation(this.props.idOperation, this.props.idReservation, this.state.reservation);\r\n\r\n miseAJourReservation\r\n .then(responseFetch => {\r\n let retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responseFetch, this);\r\n\r\n if (retourVerif === null) {\r\n let objetData = responseFetch.reponseAPIobjet;\r\n\r\n Immocom.onReinitStateValeurParDefautEtExecutionDuSetState(this, { ...this.state });\r\n\r\n this.props.onEnregistrementFiche(objetData);\r\n }\r\n else {\r\n Immocom.onTraitementErreurAvecState(this, { ...this.state }, retourVerif, responseFetch);\r\n }\r\n });\r\n }\r\n\r\n _onAnnulation = () => {\r\n console.log(this.props.onAffiche)\r\n this._onInit();\r\n this.props.onAnnuleFiche();\r\n }\r\n\r\n _onVerificationFormulaire() {\r\n Immocom.fiche()._validationFormulaire(this, 'SuiviNotaireReservation', this.state.reservation, (this.state.reservation.idReservation > 0 ? 'Modification' : 'Création'));\r\n }\r\n\r\n _onRenderFooterContent = () => {\r\n return (\r\n \r\n
\r\n \r\n this.setState({ errorMessage: \"\" })}\r\n onDismissWarningMessage={() => this.setState({ warningMessage: \"\" })}\r\n />\r\n\r\n {this.state.enCoursDeTraitement ?
\r\n \r\n
\r\n \r\n this._onMiseAJourChamp(\"reservation\", \"suiviNotaire\", option.key)}\r\n options={[\r\n { key: \"En attente offre de prêt\", text: \"En attente offre de prêt\" },\r\n { key: \"Retardée Délai Pinel\", text: \"Retardée Délai Pinel\" },\r\n { key: \"Pas d'info du client\", text: \"Pas d'info du client\" },\r\n { key: \"En cours de notification notaire\", text: \"En cours de notification notaire\" },\r\n { key: \"Impossible d'acter pour une raison liée au programme\", text: \"Impossible d'acter pour une raison liée au programme\" },\r\n { key: \"Client indécis\", text: \"Client indécis\" },\r\n { key: \"En attente Procuration notaire\", text: \"En attente Procuration notaire\" },\r\n { key: \"Autres motifs\", text: \"Autres motifs\" }\r\n ]}\r\n selectedKey={this.state.reservation.suiviNotaire}\r\n />\r\n\r\n
\r\n \r\n this._onMiseAJourChamp(\"reservation\", \"suiviNotaireCommentaire\", newValue)}\r\n rows={5}\r\n value={this.state.reservation.suiviNotaireCommentaire}\r\n />\r\n
\r\n\r\n \r\n this._onEnregistrement()} className=\"marginRight8px\" disabled={!this.state.onActiveBoutonEnregistrer}>Enregistrer \r\n this._onAnnulation()}>Annuler \r\n
\r\n );\r\n };\r\n\r\n _onOpen = () => {\r\n if (!this.state.enCoursDeTraitement)\r\n this._chargementDonnees();\r\n }\r\n\r\n componentDidMount() {\r\n //if ((this.props.idReservation !== this.state.idReservation) && (this.props.idOperation !== 0 && this.props.idOperation !== this.state.idOperation)) {\r\n // this._chargementDonnees();\r\n //}\r\n }\r\n\r\n componentWillUnmount() {\r\n }\r\n\r\n componentDidUpdate() {\r\n if ((this.props.idReservation !== this.state.idReservation) && (this.props.idOperation !== 0 && this.props.idOperation !== this.state.idOperation) && !this.state.enCoursDeTraitement) {\r\n this._chargementDonnees();\r\n }\r\n }\r\n\r\n render() {\r\n return this._creationContent();\r\n }\r\n}","import React, { Component } from 'react';\r\nimport { DefaultButton, PrimaryButton } from 'office-ui-fabric-react/lib/Button';\r\nimport { Panel, PanelType } from 'office-ui-fabric-react/lib/Panel';\r\nimport { MessageBars } from '../Outils/MessageBars';\r\nimport { TextField } from 'office-ui-fabric-react/lib/TextField';\r\nimport { Toggle } from 'office-ui-fabric-react/lib/Toggle';\r\nimport { DetailsList, Selection, SelectionMode } from 'office-ui-fabric-react/lib/DetailsList';\r\n\r\nimport { ProgressIndicatorChargement } from '../Loader/ProgressIndicatorChargement';\r\n\r\nimport Scriba from '@devnet/react-scriba';\r\nimport { Immocom } from '../../specifique/immocom';\r\nimport { DataReservation } from '../../data/DataReservation';\r\n\r\n/****************************************************************\r\n PROPS:\r\n idOperation\r\n idReservation\r\n reservation\r\n listeDesTVAs\r\n peutModifierBlocPrix\r\n\r\n onAffichePanelTarifReservation : bool\r\n onAffichageSansPanel: bool\r\n\r\n onEnregistrementFiche : méthode\r\n onAnnuleFiche : méthode\r\n onChange : méthode appelée si onAffichageSansPanel = true\r\n \r\n classname : classe CSS (string)\r\n classnameinner : classe CSS (string)\r\n****************************************************************/\r\n\r\nlet precision = 12;\r\nlet precisionMessageErreur = 12;\r\n\r\nvar objetState = {\r\n reservation: {},\r\n prixTTC: 0,\r\n //idCasTVASelectionnee: 0,\r\n\r\n enCoursDeTraitement: false,\r\n messageEnCoursTraitement: '',\r\n\r\n hideMessageBarError: true,\r\n errorMessage: '',\r\n hideMessageBarWarning: true,\r\n warningMessage: '',\r\n\r\n titrePanelTarifReservation: 'Renseigner les tarifs de la réservation',\r\n};\r\n\r\nexport class FicheTarifReservation extends Component {\r\n /*YD : 04/06/2020\r\n supp disabled={this.state.reservation.estValidee} et ajout disabled={!this.state.peutModifierBlocPrix} sur TextField 'Prix réservation HT', 'Prix réservation TTC'\r\n\r\n YD : 24/06/2020\r\n supp Scriba.officeUI().textField().nombre().ValeurChampNombreObjetAvecPrecisionAfficheeSpecifiee(this, 'reservation', 'prixHT', false, 2)} dans value du TextField Prix HT\r\n et remplacement par Scriba.nombre().nombreVersTexteAvecPrecisionAfficheeSpecifiee(this.state.reservation.prixHT.toFixed(2), false, 2)\r\n (this.state.reservation.prixHT !== undefined && this.state.reservation.prixHT != null ? Scriba.nombre().nombreVersTexteAvecPrecisionAfficheeSpecifiee(this.state.reservation.prixHT.toFixed(2), false, 2) : null)}\r\n */\r\n\r\n _creationContent() {\r\n // preuve d'une réservation renseignée : https://jsbin.com/ceyexibuxa/edit?html,js,console,output\r\n const enModeCreation = !this.props.idReservation && this.props.idReservation <= 0;\r\n const champsActifs = enModeCreation ? true : this.props.peutModifierBlocPrix;\r\n\r\n const prixHTValue = Scriba.officeUI().textField().nombre().ValeurChampNombreObjetAvecPrecisionAfficheeSpecifiee(this, 'reservation', 'prixHT', false, precision, 2);\r\n const prixTTCValue = Scriba.officeUI().textField().nombre().ValeurChampNombreAvecPrecisionAfficheeSpecifiee(this, 'prixTTC', false, precision, 2);\r\n const prixTTCValue_formatstring = (this.state.prixTTC != null ? this.state.prixTTC.toString() : '0');\r\n\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n var _this = this;\r\n this._selectionTVA = new Selection({\r\n onSelectionChanged: () => {\r\n const selectionCount = _this._selectionTVA.getSelectedCount();\r\n\r\n if (selectionCount === 1) {\r\n _this._calculPrixTTCSiChangementTVA((_this._selectionTVA.getSelection()[0]).taux, (_this._selectionTVA.getSelection()[0]).idTVACas);\r\n }\r\n else {\r\n let reservation = { ...this.state.reservation };\r\n reservation.idTVACas = null;\r\n this.setState({ reservation: reservation }, this._onVerificationFormulaire);\r\n }\r\n }\r\n });\r\n\r\n let columnsTempListeTVA = [];\r\n\r\n columnsTempListeTVA.push({ key: 'idTVACas', name: '', fieldName: 'idTVACas', minWidth: 20, maxWidth: 20 });\r\n columnsTempListeTVA.push({ key: 'tvaCas', name: 'Cas TVA', fieldName: 'tvaCas', minWidth: 200, maxWidth: 200, isResizable: true });\r\n columnsTempListeTVA.push({ key: 'libelle', name: 'Libellé', fieldName: 'libelle' });\r\n columnsTempListeTVA.push({\r\n key: 'taux', name: 'Taux', fieldName: 'taux', minWidth: 50, maxWidth: 50,\r\n onRender: (item) => {\r\n return {Scriba.nombre().nombreVersTexteAvecPrecisionAfficheeSpecifiee((item.taux * 100).toFixed(2), false, 2)} %;\r\n }\r\n });\r\n\r\n this.columnsListeTVA = columnsTempListeTVA;\r\n\r\n this.state = objetState;\r\n }\r\n\r\n _onInit() {\r\n this.setState(objetState);\r\n }\r\n\r\n _chargementDonnees() {\r\n let _this = this;\r\n\r\n let reservation = this.props.reservation;\r\n reservation.prixHT = parseFloat(this.props.reservation.prixHT);\r\n\r\n this.setState({\r\n reservation: reservation,\r\n\r\n titrePanelTarifReservation: 'Modifier les tarifs de la réservation',\r\n\r\n enCoursDeTraitement: false,\r\n messageEnCoursTraitement: ''\r\n }, function () {\r\n _this._preSelectionTVA(_this.props.listeDesTVAs, _this.props.reservation.idTVACas);\r\n });\r\n }\r\n\r\n _onEnregistrement = () => {\r\n this.setState({\r\n enCoursDeTraitement: true,\r\n messageEnCoursTraitement: 'Enregistrement du tarif en cours'\r\n });\r\n\r\n let miseAJourReservation = DataReservation._miseAJourReservation(this.props.idOperation, this.props.idReservation, this.state.reservation);\r\n\r\n miseAJourReservation\r\n .then(responseFetch => {\r\n let retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responseFetch, this);\r\n\r\n if (retourVerif === null) {\r\n let objetData = responseFetch.reponseAPIobjet;\r\n\r\n Immocom.onReinitStateValeurParDefautEtExecutionDuSetState(this, { ...this.state });\r\n\r\n this.props.onEnregistrementFiche(objetData);\r\n }\r\n else {\r\n Immocom.onTraitementErreurAvecState(this, { ...this.state }, retourVerif, responseFetch);\r\n }\r\n });\r\n }\r\n\r\n _onAnnulation = () => {\r\n this._onInit();\r\n this.props.onAnnuleFiche();\r\n }\r\n\r\n _onVerificationFormulaire() {\r\n Immocom.fiche()._validationFormulaire(this, 'TarifReservation', this.state.reservation, (this.state.reservation.idReservation > 0 ? 'Modification' : 'Création'));\r\n }\r\n\r\n _onRenderFooterContent = () => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n this._onFocusPrixHT()}\r\n onBlur={e => this._onBlurPrixHT(e.target.value)}\r\n onGetErrorMessage={e => Scriba.officeUI().textField().nombre().onGetErrorMessageTextFieldNombre(this, 'prixHT', e, false, precisionMessageErreur)}\r\n deferredValidationTime={0}\r\n suffix=\"€\"\r\n tabIndex=\"1\"\r\n />\r\n
\r\n \r\n Taux TVA : {Scriba.nombre().nombreVersTexteAvecPrecisionAfficheeSpecifiee((this.state.reservation.tauxTVA * 100).toFixed(2), false, 2)} %\r\n
\r\n \r\n Montant TVA : {(this.state.reservation.prixHT !== undefined && this.state.reservation.prixHT != null ? Scriba.nombre().nombreVersTexteAvecPrecisionAfficheeSpecifiee((this.state.reservation.prixHT * this.state.reservation.tauxTVA).toFixed(2), false, 2) : null)} €\r\n
\r\n \r\n this._onFocusPrixTTC()}\r\n onBlur={e => this._onBlurPrixTTC(e.target.value)}\r\n onGetErrorMessage={e => Scriba.officeUI().textField().nombre().onGetErrorMessageTextFieldNombre(this, 'prixTTC', e, false, precisionMessageErreur)}\r\n deferredValidationTime={0}\r\n suffix=\"€\"\r\n />\r\n
\r\n \r\n En toutes lettres : {Immocom.conversion().nombreEnToutesLettres(prixTTCValue_formatstring)}\r\n
\r\n \r\n Prix maitrisé : {Scriba.nombre().nombreVersTexteAvecPrecisionAfficheeSpecifiee((this.state.reservation.prixMaitriseHT), false, 2)} €\r\n
\r\n \r\n Type prix maitrisé : {this.state.reservation.prixMaitrise}\r\n
\r\n \r\n this._onChangeFraisNotaireOffert(isChecked)}\r\n tabIndex=\"2\"\r\n />\r\n
\r\n \r\n Scriba.officeUI().textField().nombre().onFocusTextFieldNombreObjet(this, 'reservation', 'montantFraisNotaire')}\r\n onBlur={e => this._onBlurMontantFraisNotaire(e.target.value)}\r\n onGetErrorMessage={e => Scriba.officeUI().textField().nombre().onGetErrorMessageTextFieldNombre(this, 'montantFraisNotaire', e, false, 2)}\r\n deferredValidationTime={0}\r\n suffix=\"€\"\r\n tabIndex=\"3\"\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Il est important de bien vérifier le montant HT et l'arrondi du montant TTC ainsi que le taux de TVA à appliquer. Ces éléments seront validés par Eiffage Immobilier.
\r\n \r\n this._onEnregistrement()} className=\"marginRight8px\" disabled={!this.state.onActiveBoutonEnregistrer}>Enregistrer \r\n this._onAnnulation()}>Annuler \r\n
\r\n );\r\n };\r\n\r\n\r\n _onFocusPrixHT() {\r\n Scriba.officeUI().textField().nombre().onFocusTextFieldNombreObjet(this, 'reservation', 'prixHT');\r\n }\r\n\r\n _onFocusPrixTTC() {\r\n Scriba.officeUI().textField().nombre().onFocusTextFieldNombre(this, 'prixTTC');\r\n }\r\n\r\n _onChangeFraisNotaireOffert = (fraisNotaireOffert) => {\r\n Scriba.state().setObjetPropriete(this, 'reservation', 'fraisNotaireOffert', fraisNotaireOffert, this._onVerificationFormulaire);\r\n\r\n if (this.props.onAffichageSansPanel) {\r\n this.props.onChange('fraisNotaireOffert', fraisNotaireOffert);\r\n }\r\n }\r\n _onChangeIdCasTVA = (idTVACas) => {\r\n Scriba.state().setObjetPropriete(this, 'reservation', 'idTVACas', idTVACas, this._onVerificationFormulaire);\r\n\r\n if (this.props.onAffichageSansPanel) {\r\n this.props.onChange('idTVACas', idTVACas);\r\n }\r\n }\r\n\r\n _onBlurMontantFraisNotaire = (montantFraisNotaire) => {\r\n Scriba.officeUI().textField().nombre().onBlurTextFieldNombreObjet(this, 'reservation', 'montantFraisNotaire', montantFraisNotaire.toString(), 'fr', this._onVerificationFormulaire);\r\n\r\n if (this.props.onAffichageSansPanel) {\r\n this.props.onChange('montantFraisNotaire', montantFraisNotaire !== \"\" ? montantFraisNotaire : null); // KP (2020/02/27) : correction erreur \"Input string was not in a correct format\" à la validation d'une résa\r\n }\r\n }\r\n _onBlurPrixHT(prixHT) {\r\n if (prixHT == null | prixHT == undefined)\r\n prixHT = 0;\r\n let prixTTC = parseFloat(parseFloat(prixHT) * (1 + parseFloat(this.state.reservation.tauxTVA)));\r\n prixTTC = prixTTC.toFixed(2);\r\n\r\n let _this = this;\r\n\r\n this.setState({ prixTTC: prixTTC },\r\n function () {//MAJ Props via appel OnChange du parent\r\n Scriba.officeUI().textField().nombre().onBlurTextFieldNombreObjet(_this, 'reservation', 'prixHT', prixHT, 'fr', this._onVerificationFormulaire)\r\n if (this.props.onAffichageSansPanel) {\r\n this.props.onChange('prixHT', prixHT !== \"\" ? prixHT : null); // KP (2020/02/27) : correction erreur \"Input string was not in a correct format\" à la validation d'une résa\r\n }\r\n });\r\n }\r\n _onBlurPrixTTC(prixTTC) {\r\n if (prixTTC == null | prixTTC == undefined)\r\n prixTTC = 0;\r\n let prixHT = parseFloat(parseFloat(prixTTC) / (1 + parseFloat(this.state.reservation.tauxTVA)));\r\n prixHT = prixHT.toFixed(precision);\r\n\r\n let reservation = { ...this.state.reservation };\r\n reservation.prixHT = prixHT;\r\n\r\n let _this = this;\r\n\r\n this.setState({\r\n reservation: reservation\r\n },\r\n function () {//MAJ Props via appel OnChange du parent\r\n Scriba.officeUI().textField().nombre().onBlurTextFieldNombre(_this, 'prixTTC', prixTTC, 'fr', this._onVerificationFormulaire);\r\n if (this.props.onAffichageSansPanel) {\r\n this.props.onChange('prixHT', prixHT !== \"\" ? prixHT : null); // KP (2020/02/27) : correction erreur \"Input string was not in a correct format\" à la validation d'une résa\r\n }\r\n });\r\n }\r\n\r\n _calculPrixTTCSiChangementTVA(taux, idTVACas) {\r\n let prixTTC = this.state.reservation.prixHT * (1 + parseFloat(taux));\r\n //prixTTC = prixTTC.toFixed(precision);\r\n\r\n // Modification de l’objet ou de la propriété\r\n let reservation = { ...this.state.reservation };\r\n if (this.state.prixTTC != prixTTC | reservation.idTVACas != idTVACas | reservation.tauxTVA != parseFloat(taux)) {\r\n reservation.idTVACas = idTVACas;\r\n reservation.tauxTVA = parseFloat(taux);\r\n\r\n // If you want a function to be executed after the state change occurs, pass it in as a callback\r\n let _this = this;\r\n\r\n this.setState({\r\n reservation: reservation,\r\n prixTTC: prixTTC,\r\n //idCasTVASelectionnee: idCasTVA\r\n }, function () {\r\n _this._onChangeIdCasTVA(idTVACas);\r\n });\r\n }\r\n }\r\n _preSelectionTVA(listeDesTVAs, idTVACas) {\r\n this._selectionTVA.setItems(listeDesTVAs, true);\r\n\r\n //AF - Ticket 1041\r\n let indexCasTVA = listeDesTVAs.findIndex(function (element) { return element.idTVACas === idTVACas; });\r\n this._selectionTVA.setIndexSelected((indexCasTVA), true, false);\r\n\r\n this._onVerificationFormulaire();\r\n }\r\n\r\n _onOpen = () => {\r\n if (!this.state.enCoursDeTraitement)\r\n this._chargementDonnees();\r\n }\r\n\r\n componentDidMount() {\r\n if (this.props.onAffichageSansPanel) {\r\n this._chargementDonnees();\r\n }\r\n }\r\n\r\n componentWillUnmount() { }\r\n\r\n componentDidUpdate() { }\r\n\r\n render() {\r\n let content = this._creationContent();\r\n\r\n if (this.props.onAffichageSansPanel) {\r\n return content;\r\n }\r\n else {\r\n return (\r\n \r\n
\r\n \r\n );\r\n }\r\n }\r\n}","import Scriba from '@devnet/react-scriba';\r\n\r\nexport class DataTMA {\r\n static _chargementTMA(idOperation, idReservation) {\r\n let objet = {\r\n \"idOperation\": idOperation,\r\n \"idReservation\": idReservation\r\n };\r\n\r\n var url = \"api/Get/GetTMA\";\r\n var paramPost = Scriba.fetch().createParameterPost(objet);\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n\r\n static _onEnregistrementTMA(idOperation, idReservation, tma) {\r\n let objet = {\r\n \"idOperation\": idOperation,\r\n \"idReservation\": idReservation,\r\n \"tma\": tma\r\n };\r\n\r\n var url = \"api/MAJDonnees/EnregistrementTMA\";\r\n var paramPost = Scriba.fetch().createParameterPost(objet);\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n\r\n static _onSuppressionTMA(idTMA) {\r\n let objet = {\r\n \"idTMA\": idTMA\r\n };\r\n\r\n var url = \"api/MAJDonnees/SuppressionTMA\";\r\n var paramPost = Scriba.fetch().createParameterPost(objet);\r\n\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n}","import { DefaultButton, IconButton, PrimaryButton } from 'office-ui-fabric-react/lib/Button';\r\nimport { DetailsList, SelectionMode } from 'office-ui-fabric-react/lib/DetailsList';\r\nimport { TextField } from 'office-ui-fabric-react/lib/TextField';\r\nimport React, { Component } from 'react';\r\nimport Scriba from '@devnet/react-scriba';\r\nimport '../../css/immocom.css';\r\nimport { DataTMA } from '../../data/DataTMA.jsx';\r\nimport { MaxLengths } from '../../data/MaxLenghts';\r\nimport { Immocom } from '../../specifique/immocom';\r\nimport { EUIDatePicker } from '../EUI/EUIDatePicker';\r\nimport { EUITextField } from '../EUI/EUITextField';\r\nimport { ProgressIndicatorChargement } from '../Loader/ProgressIndicatorChargement';\r\nimport { MessageBars } from '../Outils/MessageBars';\r\nimport './FicheTMA.css';\r\n\r\n/****************************************************************\r\n PROPS:\r\n idOperation\r\n idReservation\r\n peutModifierBlocTMA\r\n peutAjouterBlocTMA\r\n\r\n classname : classe CSS (string)\r\n classnameinner : classe CSS (string)\r\n****************************************************************/\r\n\r\nvar objetState = {\r\n tma: {},\r\n listTMAs: [],\r\n totalFacture: 0,\r\n totalEncaisse: 0,\r\n totalAEncaisser: 0,\r\n\r\n enCoursDeTraitement: false,\r\n messageEnCoursTraitement: '',\r\n\r\n //peutModifierBlocTMA: false,\r\n\r\n onActiveBoutonEnregistrer: false,\r\n\r\n hideMessageBarError: true,\r\n errorMessage: '',\r\n hideMessageBarWarning: true,\r\n warningMessage: '',\r\n};\r\n\r\nexport class FicheTMA extends Component {\r\n _creationContent() {\r\n\r\n return (\r\n \r\n
\r\n \r\n this.setState({ errorMessage: \"\" })}\r\n onDismissWarningMessage={() => this.setState({ warningMessage: \"\" })}\r\n />\r\n\r\n {this.state.enCoursDeTraitement ?
\r\n \r\n {this.state.enCoursDeTraitement ?
\r\n );\r\n }\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n //#region chargement des columns\r\n let columnsTemp = [];\r\n\r\n if (this.props.peutModifierBlocTMA) {\r\n columnsTemp.push({\r\n key: 'designation',\r\n name: 'Désignation TMA',\r\n fieldName: 'designation',\r\n minWidth: 100,\r\n maxWidth: 190,\r\n isResizable: true,\r\n onRender: (item) => {\r\n return this.setState({ tma: item }, this._onVerificationFormulaire)}>{item.designation};\r\n }\r\n });\r\n }\r\n else {\r\n columnsTemp.push({\r\n key: 'designation',\r\n name: 'Désignation TMA',\r\n fieldName: 'designation',\r\n minWidth: 100,\r\n maxWidth: 190,\r\n isResizable: true,\r\n onRender: (item) => {\r\n return {item.designation};\r\n }\r\n });\r\n }\r\n\r\n columnsTemp.push({\r\n key: 'montantTTCDevis',\r\n name: 'Montant devis',\r\n fieldName: 'montantTTCDevis',\r\n minWidth: 80,\r\n maxWidth: 100,\r\n isResizable: true,\r\n onRender: (item) => {\r\n return (item.montantTTCDevis !== null ? {Scriba.nombre().nombreVersTexteAvecPrecisionAfficheeSpecifiee(item.montantTTCDevis, false, 2)} € : null);\r\n }\r\n });\r\n columnsTemp.push({\r\n key: 'dateDevis',\r\n name: 'Date devis',\r\n fieldName: 'dateDevis',\r\n minWidth: 80,\r\n maxWidth: 80,\r\n isResizable: true,\r\n headerClassName: 'ms-hiddenXlDown',\r\n className: 'ms-hiddenXlDown',\r\n\r\n onRender: (item) => {\r\n return {Scriba.date().stringDateFormatCourt(item.dateDevis)};\r\n }\r\n });\r\n columnsTemp.push({\r\n key: 'dateAcceptation',\r\n name: 'Date acceptation',\r\n fieldName: 'dateAcceptation',\r\n minWidth: 100,\r\n maxWidth: 100,\r\n isResizable: true,\r\n headerClassName: 'ms-hiddenXlDown',\r\n className: 'ms-hiddenXlDown',\r\n\r\n onRender: (item) => {\r\n return {Scriba.date().stringDateFormatCourt(item.dateAcceptation)};\r\n }\r\n });\r\n columnsTemp.push({\r\n key: 'montantTTCFacturer',\r\n name: 'Montant facturé',\r\n fieldName: 'montantTTCFacturer',\r\n minWidth: 80,\r\n maxWidth: 100,\r\n isResizable: true,\r\n headerClassName: 'ms-hiddenMdDown',\r\n className: 'ms-hiddenMdDown',\r\n\r\n onRender: (item) => {\r\n return (item.montantTTCFacturer !== null ? {Scriba.nombre().nombreVersTexteAvecPrecisionAfficheeSpecifiee(item.montantTTCFacturer, false, 2)} € : null);\r\n }\r\n });\r\n columnsTemp.push({\r\n key: 'montantTTCEncaisser',\r\n name: 'Montant encaissé',\r\n fieldName: 'montantTTCEncaisser',\r\n minWidth: 80,\r\n maxWidth: 100,\r\n isResizable: true,\r\n headerClassName: 'ms-hiddenMdDown',\r\n className: 'ms-hiddenMdDown',\r\n\r\n onRender: (item) => {\r\n return \r\n {item.montantTTCEncaisser !== null ? Scriba.nombre().nombreVersTexteAvecPrecisionAfficheeSpecifiee(item.montantTTCEncaisser, false, 2) : 0} €\r\n \r\n }\r\n });\r\n\r\n if (this.props.peutSupprimerBlocTMA) {\r\n columnsTemp.push({\r\n key: 'suppression',\r\n name: '',\r\n ariaLabel: 'Suppression TMA',\r\n fieldName: 'suppression',\r\n minWidth: 20,\r\n maxWidth: 20,\r\n iconName: '',\r\n isIconOnly: true,\r\n isSorted: false,\r\n onRender: (item) => {\r\n return \r\n this.setState({ errorMessage: \"\" })}\r\n onDismissWarningMessage={() => this.setState({ warningMessage: \"\" })}\r\n />\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Total facturé : \r\n {Scriba.nombre().nombreVersTexteAvecPrecisionAfficheeSpecifiee(this.state.totalFacture)} €\r\n
\r\n \r\n
\r\n \r\n Total encaissé : \r\n {Scriba.nombre().nombreVersTexteAvecPrecisionAfficheeSpecifiee(this.state.totalEncaisse)} €\r\n
\r\n \r\n
\r\n \r\n Total à encaisser : \r\n {Scriba.nombre().nombreVersTexteAvecPrecisionAfficheeSpecifiee(this.state.totalAEncaisser)} €\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Travaux Modificatifs Acquéreurs
\r\n \r\n
\r\n \r\n this._onMiseAJourChamp(\"tma\", \"designation\", newValue, this._onVerificationFormulaire)}\r\n required\r\n value={this.state.tma.designation}\r\n />\r\n
\r\n \r\n
\r\n \r\n Scriba.officeUI().textField().nombre().onFocusTextFieldNombreObjet(this, 'tma', 'montantTTCDevis', this._onVerificationFormulaire)}\r\n onBlur={e => this._onMiseAJourChampNombre(\"tma\", \"montantTTCDevis\", e.target.value, this._onVerificationFormulaire)}\r\n onChanged={value => this._onMiseAJourChamp(\"tma\", \"montantTTCDevis\", value, this._onVerificationFormulaire)}\r\n onGetErrorMessage={e => Scriba.officeUI().textField().nombre().onGetErrorMessageTextFieldNombre(this, 'montantTTCDevis', e, false, 2)}\r\n deferredValidationTime={0}\r\n suffix=\"€\"\r\n />\r\n
\r\n \r\n
\r\n \r\n this._onMiseAJourChamp(\"tma\", \"dateDevis\", Scriba.date().getChaineISOFromDate(date), this._onVerificationFormulaire)}\r\n value={this.state.tma.dateDevis}\r\n />\r\n
\r\n \r\n this._onMiseAJourChamp(\"tma\", \"dateAcceptation\", Scriba.date().getChaineISOFromDate(date), this._onVerificationFormulaire)}\r\n value={this.state.tma.dateAcceptation}\r\n />\r\n
\r\n \r\n
\r\n \r\n Scriba.officeUI().textField().nombre().onFocusTextFieldNombreObjet(this, 'tma', 'montantTTCFacturer', this._onVerificationFormulaire)}\r\n onBlur={e => this._onMiseAJourChampNombre(\"tma\", \"montantTTCFacturer\", e.target.value, this._onVerificationFormulaire)}\r\n onGetErrorMessage={e => Scriba.officeUI().textField().nombre().onGetErrorMessageTextFieldNombre(this, 'montantTTCFacturer', e, false, 2)}\r\n deferredValidationTime={0}\r\n suffix=\"€\"\r\n />\r\n
\r\n \r\n Scriba.officeUI().textField().nombre().onFocusTextFieldNombreObjet(this, 'tma', 'montantTTCEncaisser', this._onVerificationFormulaire)}\r\n onBlur={e => this._onMiseAJourChampNombre(\"tma\", \"montantTTCEncaisser\", e.target.value, this._onVerificationFormulaire)}\r\n onGetErrorMessage={e => Scriba.officeUI().textField().nombre().onGetErrorMessageTextFieldNombre(this, 'montantTTCEncaisser', e, false, 2)}\r\n deferredValidationTime={0}\r\n suffix=\"€\"\r\n />\r\n
\r\n \r\n
\r\n \r\n this._onEnregistrement()} disabled={!this.state.onActiveBoutonEnregistrer} style={{ marginRight: '8px' }}>Enregistrer \r\n this.setState({ tma: {} }, this._onVerificationFormulaire)}>Annuler \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n // this._onEnregistrement()} style={{ marginRight: '8px' }} disabled={!this.state.onActiveBoutonEnregistrer}>Enregistrer \r\n // this._onAnnulation()}>Annuler \r\n //
\r\n // );\r\n //};\r\n\r\n _onMiseAJourChamp(nomObjet, nomPropriete, valeur, callBack) {\r\n Scriba.state().setObjetPropriete(this, nomObjet, nomPropriete, valeur, callBack);\r\n }\r\n\r\n _onMiseAJourChampNombre = (nomObjet, nomPropriete, valeur, callBack) => {\r\n Scriba.officeUI().textField().nombre().onBlurTextFieldNombreObjet(this, nomObjet, nomPropriete, valeur, 'fr', callBack);\r\n }\r\n\r\n _onVerificationFormulaire() {\r\n Immocom.fiche()._validationFormulaire(this, 'TMA', this.state.tma, (this.state.tma.idTMA > 0 ? 'Modification' : 'Création'));\r\n }\r\n\r\n componentDidMount() {\r\n this._onChargement(true);\r\n }\r\n\r\n componentWillUnmount() {\r\n }\r\n\r\n componentDidUpdate() {\r\n if ((this.props.idReservation !== 0 && this.props.idReservation != null && this.props.idReservation !== this.state.idReservation) && (this.props.idOperation !== 0 && this.props.idOperation !== this.state.idOperation) && !this.state.enCoursDeTraitement) {\r\n this._chargementDonnees();\r\n }\r\n }\r\n\r\n render() {\r\n return (this._creationContent());\r\n }\r\n}","import { CommandBar, Panel, PanelType, Stack } from 'office-ui-fabric-react';\r\nimport { DefaultButton, IconButton, PrimaryButton } from 'office-ui-fabric-react/lib/Button';\r\nimport { Checkbox } from 'office-ui-fabric-react/lib/Checkbox';\r\nimport { DetailsList, Selection, SelectionMode } from 'office-ui-fabric-react/lib/DetailsList';\r\nimport { Dialog, DialogFooter, DialogType } from 'office-ui-fabric-react/lib/Dialog';\r\nimport { Icon } from 'office-ui-fabric-react/lib/Icon';\r\nimport { Sticky, StickyPositionType } from 'office-ui-fabric-react/lib/Sticky';\r\nimport { Toggle } from 'office-ui-fabric-react/lib/Toggle';\r\nimport { TooltipHost } from 'office-ui-fabric-react/lib/Tooltip';\r\nimport React, { Component } from 'react';\r\nimport Scriba from '@devnet/react-scriba';\r\nimport { PerimetreContext } from '../../contexts/perimetreContext.js';\r\nimport { Data } from '../../data/Data.jsx';\r\nimport { DataCommercialisation } from '../../data/DataCommercialisation';\r\nimport { DataCompte } from '../../data/DataCompte.jsx';\r\nimport { DataContact } from '../../data/DataContact.jsx';\r\nimport { DataFinancement } from '../../data/DataFinancement';\r\nimport { DataLotCommercial } from '../../data/DataLotCommercial.jsx';\r\nimport { DataMandat } from '../../data/DataMandat';\r\nimport { DataOption } from '../../data/DataOption';\r\nimport { DataReservation } from '../../data/DataReservation';\r\nimport { Immocom } from '../../specifique/immocom';\r\nimport { BlocReservation } from '../Bloc/BlocReservation';\r\nimport { ComboBoxEcheancier } from '../ComboBox/ComboBoxEcheancier.jsx';\r\nimport { ComboBoxReservation } from '../ComboBox/ComboBoxReservation.jsx';\r\nimport { EUIComboBox } from '../EUI/EUIComboBox.jsx';\r\nimport { EUIDatePicker } from '../EUI/EUIDatePicker';\r\nimport { EUIDialog } from '../EUI/EUIDialog.jsx';\r\nimport EUIPanel from '../EUI/EUIPanel.jsx';\r\nimport DetailsListDemande from '../List/DetailsListDemande';\r\nimport { DetailsListOperation_Echeancier_Stade } from '../List/DetailsListOperation_Echeancier_Stade.jsx';\r\nimport { ProgressIndicatorChargement } from '../Loader/ProgressIndicatorChargement';\r\nimport { SpinnerChargement } from '../Loader/SpinnerChargement';\r\nimport { MessageBars } from '../Outils/MessageBars';\r\nimport Timeline from '../Timeline/Timeline';\r\nimport { FicheCalendrierReservation } from './FicheCalendrierReservation';\r\nimport { FicheChecklistItems_Reservation } from './FicheChecklistItems_Reservation';\r\nimport { FicheCommentaire } from './FicheCommentaire';\r\nimport { FicheCommercialisation } from './FicheCommercialisation';\r\nimport FicheContact from './FicheContact/FicheContact';\r\nimport { FicheDepotGarantie } from './FicheDepotGarantie';\r\nimport { FicheDossierClient } from './FicheDossierClient';\r\nimport { FicheFinancement } from './FicheFinancement';\r\nimport { FicheFraisNotaire } from './FicheFraisNotaire';\r\nimport { FicheNotaire } from './FicheNotaire';\r\nimport './FicheReservation.css';\r\nimport { FicheReservationCycle } from './FicheReservationCycle';\r\nimport { FicheReservation_Echeancier } from './FicheReservation_Echeancier';\r\nimport { FicheSuiviCompteClient } from './FicheSuiviCompteClient';\r\nimport { FicheSuiviNotaire } from './FicheSuiviNotaire';\r\nimport { FicheTarifReservation } from './FicheTarifReservation';\r\nimport { FicheTMA } from './FicheTMA';\r\n\r\n/*\r\n***************************************************************\r\n PROPS:\r\n idReservation\r\n idOperation\r\n idLotCommercial\r\n\r\n isOpen\r\n\r\n onDismiss : méthode\r\n onRechargeFiche : méthode\r\n\r\n provientDeADVv2 : booléen\r\n\r\n classnameinner : classe CSS (string)\r\n classname : classe CSS (string)\r\n***************************************************************\r\n*/\r\n\r\nconst listeEtapes = [\r\n { numEtape: 1, icone: \"Contact\", nomEtape: \"Contacts et souhaits\", onClick: null },\r\n { numEtape: 2, icone: \"AccountManagement\", nomEtape: \"Commercialisateurs\", onClick: null },\r\n { numEtape: 3, icone: \"Money\", nomEtape: \"Tarifs\", onClick: null },\r\n { numEtape: 4, icone: \"Calendar\", nomEtape: \"Dates\", onClick: null },\r\n { numEtape: 5, icone: \"TimelineProgress\", nomEtape: \"Echéancier\", onClick: null },\r\n { numEtape: 6, icone: \"Chat\", nomEtape: \"Commentaires\", onClick: null }\r\n];\r\n\r\nvar objetState = {\r\n idOperation: 0,\r\n idLotCommercial: 0,\r\n idReservation: 0,\r\n idSouhait: 0,\r\n\r\n monCompte: {},\r\n reservation: {},\r\n contact: {},\r\n commercialisateur: {},\r\n\r\n selectionContacts: [],\r\n listContacts: [],\r\n listSouhaitsDuContact: [],\r\n listCommercialisateurs: [],\r\n listFinancements: [],\r\n desistement: {},\r\n listEtatsReservation: [],\r\n listeDesTVAs: [],\r\n //listeDesReservations: [],\r\n\r\n titreReservation: null,\r\n datePriseEnChargeFichesKycEtInfoPrecontractuelle: undefined, // KP - 08/10/2024 : déplacé dans table Parametrage\r\n\r\n onActiveBoutonEnregistrer: false,\r\n onActiveBoutonEnregistrerDesistement: false,\r\n\r\n\r\n affichageSectionContacts_ModeCreation: false,//new\r\n affichageSectionReservationTarifs_ModeCreation: false,\r\n affichageSectionReservationDates_ModeCreation: false,\r\n affichageSectionReservationEcheancier_ModeCreation: false,\r\n affichageSectionReservationCommentaire_ModeCreation: false,\r\n\r\n affichageFicheContact: false,\r\n affichageCommercialisateurs: false,\r\n affichageFicheReservation: false,\r\n affichageAcquereur: false,\r\n affichageCommercialisateur: false,\r\n affichageConditionsParticulieres: false,\r\n affichageDateAutre: false,\r\n affichageDateReservation: false,\r\n affichageDepotGarantie: false,\r\n affichageDossierClient: false,\r\n affichageEcheancier: false,\r\n affichageEtat: false,\r\n affichageLot: false,\r\n affichageNotaireClient: false,\r\n affichagePrix: false,\r\n affichageSuiviCompteClient: false,\r\n affichageTMA: false,\r\n affichageDemandes: false,\r\n affichageChecklist: false,\r\n\r\n affichagePanelAcquereurs: false,\r\n affichagePanelCommercialisateur: false,\r\n affichagePanelNotaire: false,\r\n affichagePanelFraisNotaire: false,\r\n affichagePanelDepotGarantie: false,\r\n affichagePanelCommentaire: false,\r\n affichagePanelTarif: false,\r\n affichagePanelDates: false,\r\n affichagePanelFinancement: false,\r\n affichagePanelCycle: false,\r\n affichagePanelSuiviNotaire: false,\r\n\r\n affichageSignatureClient: false,\r\n affichageValidationEiffage: false,\r\n affichageSignatureEiffage: false,\r\n affichageSignatureActe: false,\r\n\r\n affichageDialogDesistement: false,\r\n afficheDialogSuppressionContact: false,\r\n afficheDialogSuppressionReservation: false,\r\n affichageDialogVeuillezEditerLeContact: false,\r\n afficheDialogConfirmationVerrouillageReservation: false,\r\n afficheDialogConfirmationValidationDonnees: false,\r\n afficheDialogSuppressionCommercialisateur: false,\r\n afficheDialogVerrouillageReservation: false,\r\n afficheDialogValidationReservation: false,\r\n messageDialogValidationReservation: '',\r\n\r\n //******************************\r\n //#region mode modification\r\n ficheReservation: {\r\n estChargee: false,\r\n reservation: {},\r\n //listSouhaits: [], //20240731 : YD : _MaintenanceProduction_Contact\r\n tva: [],\r\n listLots: [],\r\n prixMaitrise: {},\r\n listTVA: [],\r\n listCommercialisateurs: [],\r\n listContacts: [],\r\n nbADF: 0,\r\n lotCommercial: {},\r\n //echeancier: {},//20240731 : YD : _MaintenanceProduction_Contact\r\n existeDocumentsSigneEiffage: false,\r\n //existeDocumentsASignerParEiffage: false //20240731 : YD : _MaintenanceProduction_Contact\r\n },\r\n idContactSelectionne: 0,\r\n commercialisateurSelectionne: {},\r\n\r\n onActiveVerrouillageReservation: false,\r\n //#endregion\r\n\r\n //#region DROITS\r\n peutAccederBlocAcquereur: false,\r\n peutAjouterBlocAcquereur: false,\r\n peutModifierBlocAcquereur: false,\r\n peutSupprimerBlocAcquereur: false,\r\n\r\n peutAccederBlocCommercialisateur: false,\r\n peutAjouterBlocCommercialisateur: false,\r\n peutModifierBlocCommercialisateur: false,\r\n peutSupprimerBlocCommercialisateur: false,\r\n\r\n peutAccederBlocSuiviCompteClient: false,\r\n peutAjouterBlocSuiviCompteClient: false,\r\n peutModifierBlocSuiviCompteClient: false,\r\n peutSupprimerBlocSuiviCompteClient: false,\r\n\r\n peutAccederBlocConditionsParticulieres: false,\r\n peutModifierBlocConditionsParticulieres: false,\r\n\r\n peutAccederBlocDateReservation: false,\r\n peutModifierBlocDateReservation: false,\r\n\r\n peutAccederBlocDepotGarantie: false,\r\n peutModifierBlocDepotGarantie: false,\r\n\r\n peutAccederBlocDossierClient: false,\r\n peutAjouterBlocDossierClient: false,\r\n peutModifierBlocDossierClient: false,\r\n\r\n peutAccederBlocEcheancier: false,\r\n peutModifierBlocEcheancier: false,//YD : 06/02/2020\r\n peutSupprimerBlocEcheancier: false,//YD : 06/02/2020\r\n peutVerrouillerEcheancier: false,\r\n\r\n peutAccederBlocEtat: false,\r\n peutModifierBlocEtat: false,//YD : 06/02/2020\r\n\r\n peutAccederBlocFinancement: false,\r\n peutAjouterBlocFinancement: false,\r\n peutModifierBlocFinancement: false,\r\n peutSupprimerBlocFinancement: false,\r\n\r\n peutAccederBlocNotaire: false,\r\n peutModifierBlocNotaire: false,\r\n\r\n peutAccederBlocFraisNotaire: false,\r\n peutModifierBlocFraisNotaire: false,\r\n\r\n peutAccederBlocPrix: false,\r\n peutModifierBlocPrix: false,\r\n peutAjouterBlocPrix: false,\r\n peutSupprimerBlocPrix: false,\r\n\r\n peutAccederBlocTMA: false,\r\n peutAjouterBlocTMA: false,\r\n peutModifierBlocTMA: false,\r\n peutSupprimerBlocTMA: false,\r\n\r\n peutAccederBlocDemandes: false,\r\n peutAccederBlocChecklist: false,\r\n\r\n peutAccederBlocSuiviNotaire: false,\r\n peutModifierBlocSuiviNotaire: false,\r\n\r\n peutSupprimer: false,\r\n peutDesister: false,\r\n\r\n peutModifierChoixEcheancier: false,\r\n //#endregion\r\n\r\n activationValidation: false,\r\n activationValidationCG: false,\r\n dernierCycleReservation: {},\r\n\r\n enCoursDeTraitement: false,\r\n messageEnCoursTraitement: '',\r\n\r\n hideMessageBarError: true,\r\n errorMessage: '',\r\n hideMessageBarWarning: true,\r\n warningMessage: ''\r\n};\r\n\r\nexport class FicheReservation extends Component {\r\n\r\n static defaultProps = {\r\n inclureVentesEnBloc: false\r\n };\r\n\r\n static contextType = PerimetreContext;\r\n\r\n _creationContent = () => {\r\n\r\n const { idOperation } = this.props;\r\n\r\n if (this.props.idReservation === 0 || this.props.idReservation == null) {\r\n let renderFooterContent = null;\r\n let numEtape = 0;\r\n let disabledButtonRetirerContact = true;\r\n\r\n if (this.state.selectionContacts !== null && this.state.selectionContacts != undefined) {\r\n disabledButtonRetirerContact = this.state.selectionContacts.length === 0;\r\n }\r\n\r\n if (this.state.affichageSectionContacts_ModeCreation) {\r\n renderFooterContent = this._onRenderFooterContentContact;\r\n numEtape = 1;\r\n }\r\n else if (this.state.affichageFicheContact) {\r\n numEtape = 1;\r\n }\r\n else if (this.state.affichageCommercialisateurs) {\r\n renderFooterContent = this._onRenderFooterContentCommercialisateur;\r\n numEtape = 2;\r\n }\r\n else if (this.state.affichagePanelCommercialisateur) {\r\n numEtape = 2;\r\n }\r\n else if (this.state.affichageSectionReservationTarifs_ModeCreation) {\r\n renderFooterContent = this._onRenderFooterContentTarifs;\r\n numEtape = 3;\r\n }\r\n else if (this.state.affichageSectionReservationDates_ModeCreation) {\r\n renderFooterContent = this._onRenderFooterContentDates;\r\n numEtape = 4;\r\n }\r\n else if (this.state.affichageSectionReservationEcheancier_ModeCreation) {\r\n renderFooterContent = this._onRenderFooterContentEcheancier;\r\n numEtape = 5;\r\n }\r\n else if (this.state.affichageSectionReservationCommentaire_ModeCreation) {\r\n renderFooterContent = this._onRenderFooterContentCommentaire;\r\n numEtape = 6;\r\n }\r\n\r\n return \r\n \r\n \r\n \r\n \r\n\r\n 1 ? 'des' : 'du'} contact`,\r\n subText: `Etes-vous certain de vouloir retirer ${this.state.selectionContacts.length > 1 ? 'ces contacts' : 'ce contact'} de la réservation ?`\r\n }}\r\n modalProps={{\r\n isBlocking: true,\r\n styles: { main: { maxWidth: 450 } }\r\n }}\r\n >\r\n \r\n \r\n \r\n
\r\n :\r\n null)}\r\n\r\n \r\n this._onAffichagePanelContact(null)} />\r\n this._onCacheDialogSuppressionContact()} />\r\n
\r\n \r\n\r\n
\r\n \r\n
\r\n\r\n Cet écran vous permet d'ajouter des contacts si aucun contact n'est sélectionné ou de modifier la fiche contact. Lors d'une réservation, en cliquant sur l'icône d'édition (crayon), vous pourrez décrire le bien recherché par le contact (SOUHAIT) soit en sélectionnant un souhait existant soit en complétant le souhait pré-rempli correspondant au lot réservé.
\r\n \r\n
\r\n :\r\n null)}\r\n\r\n {(this.state.affichageCommercialisateurs && this.state.peutModifierBlocCommercialisateur ?\r\n \r\n \r\n \r\n this._onSuppressionCommercialisateur(this.state.commercialisateurSelectionne)} text=\"Valider\" />\r\n \r\n \r\n
\r\n :\r\n null)}\r\n\r\n \r\n this._onAffichagePanelCommercialisateur()} />\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n Au moins un commercialisateur doit être enregistré pour poursuivre votre processus de réservation.
\r\n \r\n Scriba.state().setObjetPropriete(this, \"reservation\", nomPropriete, valeur, this._onVerificationFormulaireTarifReservation)}\r\n />\r\n
\r\n :\r\n null)}\r\n\r\n {(this.state.affichageSectionReservationDates_ModeCreation ?\r\n Renseignement des tarifs
\r\n \r\n Scriba.state().setObjetPropriete(this, \"reservation\", nomPropriete, valeur, this._onVerificationFormulaireCalendrierReservation)}\r\n peutModifierBlocDateReservation={this.state.peutModifierBlocDateReservation}\r\n />\r\n
\r\n :\r\n null)}\r\n\r\n {this.state.affichageSectionReservationEcheancier_ModeCreation &&\r\n Renseignement des dates
\r\n \r\n this.setState(prevState => {\r\n let reservation = { ...prevState.reservation };\r\n reservation.idEcheancier = item.idEcheancier;\r\n return { reservation };\r\n })}\r\n onLoad={(selectedEcheancier, echeanciers) => !this.state.reservation.idEcheancier && !!echeanciers && Array.isArray(echeanciers) && echeanciers.length > 0 && this.setState(prevState => {\r\n let reservation = { ...prevState.reservation };\r\n reservation.idEcheancier = echeanciers[0].idEcheancier;\r\n return { reservation };\r\n })}\r\n placeholder=\"Sélectionnez\"\r\n required\r\n selectedKey={this.state.reservation.idEcheancier}\r\n />\r\n
\r\n }\r\n\r\n {\r\n (this.state.affichageSectionReservationCommentaire_ModeCreation ?\r\n Renseignement de l'échéancier
\r\n Sélectionner un échéancier type. Si des adaptations sont nécessaires elles seront réalisées par vos correspondants chez Eiffage Immobilier.
\r\n \r\n this._onChangeCommentaire(tablValeurModifiee)}\r\n />\r\n
\r\n :\r\n null)\r\n }\r\n ;\r\n }\r\n else {\r\n\r\n const { ficheReservation } = this.state;\r\n const { reservation } = ficheReservation;\r\n\r\n var objTravailAffichage = {\r\n fichesKYCEnabled: false,\r\n ficheInfoPrecontractuelleEnabled: false,\r\n estValidationEiffageEnabled: false,\r\n\r\n ficheKYCVisible: false,\r\n ficheInfoPrecontractuelleVisible: false\r\n };\r\n var aucunAppelsDeFondsEffectues = (ficheReservation.nbADF == 0);\r\n\r\n FicheReservationCycle._onChargement_KYC_PreContractuelle_ValidationEiffage(reservation, this.state.peutModifierBlocEtat, this.state.activationValidation, objTravailAffichage, aucunAppelsDeFondsEffectues, this.state.datePriseEnChargeFichesKycEtInfoPrecontractuelle);\r\n\r\n\r\n /* const estValidationEiffageDisabled =\r\n ((!this.state.peutModifierBlocEtat || !this.state.activationValidation) &&\r\n (new Date(reservation.dateReservation) >= new Date(2021, 3, 1) && !(reservation.fichesKyc && reservation.ficheInfoPrecontractuelle)); // A compter de mars 2021 : fiches KYC + info précontractuelle obligatoires\r\n */\r\n\r\n this._validationFormulaireDesistement(this.state.desistement);\r\n let boutonActif = this.state.onActiveBoutonEnregistrerDesistement;\r\n let prixTTC = null;\r\n\r\n if (ficheReservation.estChargee && reservation.prixHT !== null) {\r\n if (ficheReservation.tva.length > 0) {\r\n prixTTC = (reservation.prixHT * (parseFloat(ficheReservation.tva[0].taux) + 1)).toFixed(2);\r\n }\r\n else {\r\n if (this.state.hideMessageBarWarning) {\r\n this.setState({\r\n hideMessageBarWarning: false,\r\n warningMessage: 'Problème lié à la TVA'\r\n });\r\n }\r\n }\r\n }\r\n\r\n let commercialisateurs = [];\r\n let contacts = [];\r\n\r\n // Section\r\n if (this.state.affichageFicheReservation) {\r\n ficheReservation.listCommercialisateurs.forEach(function (commercialisateur) {\r\n //commercialisateurs.push(Renseignement des commentaires
\r\n {commercialisateur.nomSociete + ' (' + commercialisateur.nomComplet + ')'}
);\r\n commercialisateurs.push({commercialisateur.societeNomAffichage}
);\r\n });\r\n\r\n ficheReservation.listContacts.forEach(function (contact) {\r\n contacts.push(\r\n
);\r\n });\r\n }\r\n\r\n const onRenderHeader = (props, defaultRender) => {\r\n return !!props.headerText &&\r\n {contact.civilite} {contact.nom.toUpperCase()} {contact.prenom}
\r\n {contact.adresse} {contact.cp} {contact.ville}
\r\n Port. : {contact.tel1}
\r\n Fixe : {contact.tel2}
\r\n Email : {contact.email}
\r\n Motif : {contact.rechercheMotifAcquisition}
\r\n Origine : {contact.rechercheOrigineCommerciale}
\r\n Réservation :
\r\n \r\n {ficheReservation.nbADF > 0 ? null :\r\n \r\n \r\n this._onDesistementReservation()} text=\"Désister\" />\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n this._verrouillageReservation(!reservation.verrouille)} text=\"Valider\" />\r\n \r\n \r\n\r\n \r\n \r\n this._validationDonneesCGReservation(!reservation.validationCG)} text=\"Valider\" />\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n
\r\n :\r\n null)}\r\n\r\n {(this.state.affichageFicheReservation && !ficheReservation.estChargee ?\r\n \r\n {this.state.peutDesister\r\n ?\r\n this._onAffichageDialogDesistement()} className=\"boutonReservation\">Désister \r\n :\r\n null\r\n }\r\n\r\n {this.state.peutSupprimer\r\n //&& this.state.dernierCycleReservation.idCycleReservation == 10\r\n //&& !reservation.estValideeCG\r\n ? this._onAffichageDialogSuppressionReservation()}>Supprimer \r\n :\r\n null\r\n }\r\n\r\n {/*YD : 02/07/2020 : mis en commentaire lors du merge car il faut continuer à vérifier si il existe des ADF \r\n * {this.state.peutDesister\r\n ?\r\n this._onAffichageDialogDesistement()} className=\"boutonReservation\">Désister \r\n :\r\n null\r\n }\r\n {this.state.peutSupprimer\r\n ?\r\n this._onAffichageDialogSuppressionReservation()}>Supprimer \r\n :\r\n null\r\n }*/}\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.state.peutAccederBlocSuiviNotaire ?\r\n
\r\n \r\n \r\n this._validationReservation(isChecked)}\r\n onText={reservation.dateValidation === null ? 'Oui' : `le ${Scriba.date().stringDateFormatCourt(reservation.dateValidation)}`}\r\n />\r\n
\r\n {objTravailAffichage.ficheKYCVisible ?\r\n \r\n \r\n
:\r\n null\r\n }\r\n {objTravailAffichage.ficheInfoPrecontractuelleVisible ?\r\n \r\n \r\n
:\r\n null\r\n }\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n this._onAffichagePanelTarif()} />\r\n
\r\n \r\n
\r\n Prix réservation HT :
\r\n {reservation.prixHT != null ? Scriba.nombre().nombreVersTexteAvecPrecisionAfficheeSpecifiee(reservation.prixHT.toFixed(2), false, 2) : null} €
\r\n \r\n
\r\n Taux de TVA :
\r\n {\r\n (ficheReservation.tva.length > 0 ?\r\n Scriba.nombre().nombreVersTexteAvecPrecisionAfficheeSpecifiee((ficheReservation.tva[0].taux * 100).toFixed(2), false, 2) :\r\n 0)} %
\r\n \r\n
\r\n Montant TVA :
\r\n \r\n {\r\n (reservation.prixHT != null && ficheReservation.tva.length > 0 ?\r\n Scriba.nombre().nombreVersTexteAvecPrecisionAfficheeSpecifiee((reservation.prixHT * ficheReservation.tva[0].taux).toFixed(2), false, 2) :\r\n null)\r\n } €
\r\n \r\n
\r\n Prix réservation TTC :
\r\n {Scriba.nombre().nombreVersTexteAvecPrecisionAfficheeSpecifiee(prixTTC, false, 2)} €
\r\n \r\n
\r\n En toutes lettres :
\r\n {Immocom.conversion().nombreEnToutesLettres(prixTTC)}
\r\n \r\n
\r\n Prix maitrisé :
\r\n {ficheReservation.prixMaitrise.prixMaitrise}
\r\n \r\n this._onAffichagePanelFraisNotaire()}\r\n afficheSeparationPiedDeBloc\r\n >\r\n
\r\n \r\n
\r\n Frais de notaire offerts :
\r\n {(reservation.fraisNotaireOffert ? 'Oui' : 'Non')}
\r\n \r\n
\r\n \r\n Montant frais de notaire :
\r\n {reservation.montantFraisNotaire != null ? Scriba.nombre().nombreVersTexteAvecPrecisionAfficheeSpecifiee(reservation.montantFraisNotaire, false, 2) + ' €' : null}
\r\n \r\n {(this.state.peutAccederBlocDateReservation ?\r\n
\r\n \r\n
\r\n : \"\")}\r\n\r\n \r\n this._onAffichagePanelDates()} />\r\n
\r\n \r\n
\r\n Date de réservation :
\r\n {Scriba.date().stringDateFormatCourt(reservation.dateReservation)}
\r\n \r\n
\r\n Date de notification notaire :
\r\n {Scriba.date().stringDateFormatCourt(reservation.dateNotificationNotaire)}
\r\n \r\n
\r\n Date de signature de l'acte :
\r\n {Scriba.date().stringDateFormatCourt(reservation.dateSignatureActe)}
\r\n \r\n
\r\n Date de livraison :
\r\n {Scriba.date().stringDateFormatCourt(reservation.dateLivraison)}
\r\n \r\n this._onAffichagePanelSuiviNotaire()}\r\n afficheSeparationPiedDeBloc\r\n >\r\n
\r\n : \"\")}\r\n \r\n
\r\n Suivi notaire :
\r\n {reservation.suiviNotaire}
\r\n Commentaire
\r\n {reservation.suiviNotaireCommentaire}
\r\n \r\n
\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n this._onAffichageListeContacts(true, null)} />\r\n
\r\n Acquéreur(s)
\r\n \r\n {contacts}\r\n
\r\n \r\n
\r\n \r\n this._onAffichageListeCommercialisateurs()} />\r\n
\r\n Commercialisateur(s)
\r\n {commercialisateurs}
\r\n \r\n
\r\n \r\n {/*reservation.estVerrouillee*/}\r\n {this.state.peutModifierBlocNotaire ?\r\n
\r\n\r\n {/*reservation.estVerrouillee*/}\r\n {this.state.peutModifierBlocDepotGarantie ?\r\n
\r\n\r\n\r\n {/*reservation.estVerrouillee*/}\r\n {this.state.peutModifierBlocConditionsParticulieres ?\r\n \r\n \r\n : null\r\n }\r\n
\r\n\r\n {this.state.peutModifierBlocFinancement ?\r\n
\r\n \r\n this._onAffichagePanelNotaire()} />\r\n
\r\n : null\r\n }\r\n Notaire client (si participation à la vente)
\r\n Nom : {reservation.nomNotaireClient} {reservation.prenomNotaireClient}
\r\n {reservation.adresseNotaireClient}
\r\n {reservation.cpNotaireClient} {reservation.villeNotaireClient} {reservation.paysNotaireClient}
\r\n Email : {reservation.emailNotaireClient}
\r\n Tél bureau : {reservation.telNotaireClient}
\r\n Portable : {reservation.portableNotaireClient}
\r\n \r\n
\r\n : null\r\n }\r\n \r\n this._onAffichagePanelDepotGarantie()} />\r\n
\r\n Dépôt de garantie
\r\n Montant du DG : {reservation.dgMontant != null ? Scriba.nombre().nombreVersTexteAvecPrecisionAfficheeSpecifiee(reservation.dgMontant, false, 2) + ' €' : null}
\r\n \r\n
\r\n : null\r\n }\r\n \r\n this._onAffichagePanelCommentaire()} />\r\n
\r\n Clauses spécifiques au contrat
\r\n Conditions particulières de vente :
\r\n {reservation.conditionsParticulieres}
\r\n {reservation.demandeBeneficePinel ?\r\n Frais et commissions direct et indirect :
\r\n {reservation.fraisCommissionMontant ? Scriba.nombre().nombreVersTexteAvecPrecisionAfficheeSpecifiee(reservation.fraisCommissionMontant, false, 2) : '0,00'} €
\r\n {reservation.fraisCommissionPourcentage ? Scriba.nombre().nombreVersTexteAvecPrecisionAfficheeSpecifiee(reservation.fraisCommissionPourcentage, false, 2) : '0,00'} %
\r\n Commentaires
\r\n {reservation.remarques}
\r\n \r\n
\r\n : null\r\n }\r\n \r\n this._onAffichagePanelFinancement()} />\r\n
\r\n Financement
\r\n \r\n {this.state.listFinancements.length > 0 ?\r\n
\r\n \r\n
\r\n Lots
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Scriba.state().setObjetPropriete(this, \"desistement\", \"dateDesistement\", Scriba.date().getChaineISOFromDate(date))}\r\n placeholder=\"Date\"\r\n value={this.state.desistement.dateDesistement}\r\n />\r\n
\r\n \r\n Scriba.state().setObjetPropriete(this, \"desistement\", \"motifDesistement\", option.key)}\r\n options={[\r\n { key: \"Délai de rétractation légal\", text: \"Délai de rétractation légal\" },\r\n { key: \"Refus de prêt\", text: \"Refus de prêt\" },\r\n { key: \"Offre de prêt caduc\", text: \"Offre de prêt caduc\" },\r\n { key: \"Autre\", text: \"Autre\" }\r\n ]}\r\n required\r\n selectedKey={this.state.desistement.motifDesistement}\r\n />\r\n
\r\n \r\n {`${this.state.commercialisateurSelectionne.nomComplet} - ${this.state.commercialisateurSelectionne.nomSociete}`}\r\n \r\n\r\n \r\n }\r\n\r\n {(this.state.affichagePanelCommercialisateur && this.state.peutAccederBlocCommercialisateur ?\r\n
{item.naturePret}
;\r\n }\r\n });\r\n\r\n columnsTempListeFinancementsDeLaReservation.push({\r\n key: 'montantTotalMax',\r\n name: 'Montant total maximum',\r\n fieldName: 'montantTotalMax',\r\n minWidth: 100,\r\n maxWidth: 200,\r\n isResizable: true,\r\n onRender: (item) => {\r\n return (item.montantTotalMax !== null ? {Scriba.nombre().nombreVersTexteAvecPrecisionAfficheeSpecifiee(item.montantTotalMax, false, 2)} € : null);\r\n }\r\n });\r\n\r\n columnsTempListeFinancementsDeLaReservation.push({\r\n key: 'dureeMinimale',\r\n name: 'Durée minimale en années',\r\n fieldName: 'dureeMinimale',\r\n minWidth: 100,\r\n maxWidth: 150,\r\n isResizable: true,\r\n headerClassName: 'ms-hiddenMdDown',\r\n className: 'ms-hiddenMdDown',\r\n onRender: (item) => {\r\n return (item.dureeMinimale !== null ? {Scriba.nombre().nombreVersTexteAvecPrecisionAfficheeSpecifiee(item.dureeMinimale, false, 0)} ans : null);\r\n }\r\n });\r\n\r\n columnsTempListeFinancementsDeLaReservation.push({\r\n key: 'tauxEffectifGlobalAnnuelMax',\r\n name: 'Taux effectif global annuel maximum (% par an)',\r\n fieldName: 'tauxEffectifGlobalAnnuelMax',\r\n minWidth: 100,\r\n maxWidth: 150,\r\n isResizable: true,\r\n headerClassName: 'ms-hiddenMdDown',\r\n className: 'ms-hiddenMdDown',\r\n onRender: (item) => {\r\n return (item.tauxEffectifGlobalAnnuelMax !== null ? {Scriba.nombre().nombreVersTexteAvecPrecisionAfficheeSpecifiee(item.tauxEffectifGlobalAnnuelMax, false, 3)} % : null);\r\n }\r\n });\r\n\r\n this.columnsListeFinancementsDeLaReservation = columnsTempListeFinancementsDeLaReservation;\r\n //#endregion\r\n\r\n //#region Chargement des columns des lots\r\n let columnsTempListeLots = [];\r\n\r\n columnsTempListeLots.push({\r\n key: 'numeroLot', name: 'N° lot', fieldName: 'numeroLot', minWidth: 100, maxWidth: 100\r\n });\r\n\r\n columnsTempListeLots.push({\r\n key: 'lotType', name: 'Type', fieldName: 'lotType', minWidth: 100, maxWidth: 100\r\n });\r\n\r\n columnsTempListeLots.push({\r\n key: 'nature', name: 'Nature', fieldName: 'nature', minWidth: 100, maxWidth: 100, headerClassName: 'ms-hiddenMdDown', className: 'ms-hiddenMdDown'\r\n });\r\n\r\n columnsTempListeLots.push({\r\n key: 'numCoPro', name: 'N° copro', fieldName: 'numCoPro', minWidth: 50, maxWidth: 50, headerClassName: 'ms-hiddenLgDown', className: 'ms-hiddenLgDown'\r\n });\r\n\r\n columnsTempListeLots.push({\r\n key: 'nombreTantiemes', name: 'Nb tantièmes', fieldName: 'nombreTantiemes', minWidth: 50, maxWidth: 50, headerClassName: 'ms-hiddenLgDown', className: 'ms-hiddenLgDown'\r\n });\r\n\r\n columnsTempListeLots.push({\r\n key: 'baseTantiemes', name: 'Base tantièmes', fieldName: 'baseTantiemes', minWidth: 50, maxWidth: 50, headerClassName: 'ms-hiddenLgDown', className: 'ms-hiddenLgDown'\r\n });\r\n\r\n columnsTempListeLots.push({\r\n key: 'exposition', name: 'Expo.', fieldName: 'exposition', minWidth: 30, maxWidth: 30, headerClassName: 'ms-hiddenLgDown', className: 'ms-hiddenLgDown'\r\n });\r\n\r\n columnsTempListeLots.push({\r\n key: 'batiment', name: 'Bât.', fieldName: 'batiment', minWidth: 30, maxWidth: 30, headerClassName: 'ms-hiddenLgDown', className: 'ms-hiddenLgDown'\r\n });\r\n\r\n columnsTempListeLots.push({\r\n key: 'surface', name: 'Surface', fieldName: 'surface', minWidth: 50, maxWidth: 50, headerClassName: 'ms-hiddenLgDown',\r\n className: 'ms-hiddenLgDown',\r\n onRender: (item) => {\r\n return (item.surfaceHabitable != null ? {Scriba.nombre().nombreVersTexteAvecPrecisionAfficheeSpecifiee(item.surfaceHabitable, false, 2)} m² : null);\r\n }\r\n });\r\n\r\n columnsTempListeLots.push({\r\n key: 'etage', name: 'Etage', fieldName: 'etage', minWidth: 40, maxWidth: 40, headerClassName: 'ms-hiddenLgDown',\r\n className: 'ms-hiddenLgDown',\r\n });\r\n\r\n columnsTempListeLots.push({\r\n key: 'prixHT', name: 'Prix HT', fieldName: 'prixHT', minWidth: 100, maxWidth: 150, headerClassName: 'ms-hiddenMdDown',\r\n className: 'ms-hiddenMdDown',\r\n onRender: (item) => {\r\n return (item.prixHT != null ? {Scriba.nombre().nombreVersTexteAvecPrecisionAfficheeSpecifiee(item.prixHT, false, 2)} € : null);\r\n }\r\n });\r\n\r\n columnsTempListeLots.push({\r\n key: 'prixMaitriseHT', name: 'Prix maitrisé HT', fieldName: 'prixMaitriseHT', minWidth: 100, maxWidth: 150, headerClassName: 'ms-hiddenXlDown',\r\n className: 'ms-hiddenXlDown',\r\n onRender: (item) => {\r\n return (item.prixMaitriseHT != null ? {Scriba.nombre().nombreVersTexteAvecPrecisionAfficheeSpecifiee(item.prixMaitriseHT, false, 2)} € : null);\r\n }\r\n });\r\n\r\n columnsTempListeLots.push({\r\n key: 'prixMobilierHT', name: 'Prix mobilier HT', fieldName: 'prixMobilierHT', minWidth: 100, maxWidth: 150, headerClassName: 'ms-hiddenXlDown',\r\n className: 'ms-hiddenXlDown',\r\n onRender: (item) => {\r\n return (item.prixMobilierHT != null ? {Scriba.nombre().nombreVersTexteAvecPrecisionAfficheeSpecifiee(item.prixMobilierHT, false, 2)} € : null);\r\n }\r\n });\r\n\r\n columnsTempListeLots.push({\r\n key: 'loyerAnnuelHT', name: 'Loyer annuel HT', fieldName: 'loyerAnnuelHT', minWidth: 100, maxWidth: 150, headerClassName: 'ms-hiddenXlDown',\r\n className: 'ms-hiddenXlDown',\r\n onRender: (item) => {\r\n return (item.loyerAnnuelHT != null ? {Scriba.nombre().nombreVersTexteAvecPrecisionAfficheeSpecifiee(item.loyerAnnuelHT, false, 2)} € : null);\r\n }\r\n });\r\n\r\n this.columnsLots = columnsTempListeLots;\r\n //#endregion\r\n\r\n //#region Chargement des columns des commercialisateurs\r\n let columnsTempCommercialisateurs = [];\r\n\r\n columnsTempCommercialisateurs.push({\r\n key: 'societe', name: 'Société', fieldName: 'societe', minWidth: 70, maxWidth: 350,\r\n onRender: (item) => {\r\n return {item.nomSociete};\r\n }\r\n });\r\n\r\n columnsTempCommercialisateurs.push({\r\n key: 'nom', name: 'Nom', fieldName: 'nom', minWidth: 70, maxWidth: 350,\r\n onRender: (item) => {\r\n return {item.nomComplet};\r\n }\r\n });\r\n\r\n columnsTempCommercialisateurs.push({\r\n key: 'tel', name: 'Tel', fieldName: 'tel', minWidth: 100, maxWidth: 200, headerClassName: 'ms-hiddenMdDown',\r\n className: 'ms-hiddenMdDown',\r\n\r\n onRender: (item) => {\r\n return {item.tel};\r\n }\r\n });\r\n\r\n columnsTempCommercialisateurs.push({\r\n key: 'honoraires', name: 'Honoraires', fieldName: 'honoraires', minWidth: 100, maxWidth: 200, headerClassName: 'ms-hiddenMdDown',\r\n className: 'ms-hiddenMdDown',\r\n onRender: (item) => {\r\n let honorairesReel = (item.honoraireReel ? item.honoraireReel : item.honoraireReelNombre);\r\n //return {(honorairesReel ? `${Scriba.nombre().nombreVersTexteAvecPrecisionAfficheeSpecifiee(honorairesReel, false, 2)} €` : 'Aucune donnée saisie')};\r\n let honorairesText = ''; //MG - 2335/2239\r\n if (honorairesReel) {\r\n if (honorairesReel.toString().includes('%')) { /* 20240703 : YD : ajout du toString() car on a modifié le retour de la variable au format objet typé et donc honorairesReel est en décimal aujourd'hui */\r\n honorairesText = honorairesReel;\r\n } else {\r\n honorairesText = `${Scriba.nombre().nombreVersTexteAvecPrecisionAfficheeSpecifiee(honorairesReel, false, 2)} €`;\r\n }\r\n } else {\r\n honorairesText = 'Aucune donnée saisie';\r\n }\r\n return {honorairesText};\r\n }\r\n });\r\n\r\n columnsTempCommercialisateurs.push({\r\n key: 'login', name: 'Login', fieldName: 'login', minWidth: 200, maxWidth: 350, headerClassName: 'ms-hiddenMdDown',\r\n className: 'ms-hiddenMdDown',\r\n onRender: (item) => {\r\n return {item.loginCompte};\r\n }\r\n });\r\n\r\n if (this.state.peutModifierBlocCommercialisateur) {\r\n columnsTempCommercialisateurs.push({\r\n key: 'edition', name: '', fieldName: 'edition', minWidth: 20, maxWidth: 20,\r\n onRender: (item) => {\r\n return \r\n this._chargementCommercialisateurs()} className=\"boutonReservation\" disabled={disabledButton}>Suivant \r\n this._onAnnulation()} >Annuler \r\n
\r\n );\r\n }\r\n _onRenderFooterContentCommercialisateur = () => {\r\n let disabledButton = (this.state.listCommercialisateurs.length <= 0);\r\n\r\n return (\r\n \r\n this._onAffichageListeContacts(false, null)} className=\"boutonReservation\">Précédent \r\n this._onAffichageReservationTarifs()} className=\"boutonReservation\" disabled={disabledButton}>Suivant \r\n this._onAnnulation()}>Annuler \r\n
\r\n );\r\n };\r\n _onRenderFooterContentTarifs = () => {\r\n // KP (2020/02/27) : correction erreur \"Input string was not in a correct format\" à la validation d'une résa\r\n // Boolean(x) : false si x = undefined ou null ou \"\" ou 0 ; true si x = \"0\"\r\n //AF - Ticket 996 - On peut avoir une TVA à 0 \r\n //let disabledButton = (!Boolean(this.state.reservation.prixHT) || !Boolean(this.state.reservation.prixTTC)); //(this.state.reservation.tauxTVA <= 0) || \r\n\r\n let disabledButton = !this.state.onActiveBoutonEnregistrer;//!this.state.onActiveBoutonTarifReservationEnregistrer;\r\n\r\n return (\r\n \r\n this._chargementCommercialisateurs()} className=\"boutonReservation\">Précédent \r\n this._onAffichageReservationDates()} className=\"boutonReservation\" disabled={disabledButton}>Suivant \r\n this._onAnnulation()}>Annuler \r\n
\r\n );\r\n };\r\n _onRenderFooterContentDates = () => {\r\n let disabledButton = !this.state.onActiveBoutonEnregistrer;\r\n\r\n return (\r\n \r\n this._onAffichageReservationTarifs()} className=\"boutonReservation\">Précédent \r\n this._chargementEcheancier(true)} className=\"boutonReservation\" disabled={disabledButton}>Suivant \r\n this._onAnnulation()}>Annuler \r\n
\r\n );\r\n };\r\n _onRenderFooterContentEcheancier = () => {\r\n let disabledButton = !this.state.onActiveBoutonEnregistrer || !this.state.reservation.idEcheancier;\r\n\r\n return (\r\n \r\n this._onAffichageReservationDates()} className=\"boutonReservation\">Précédent \r\n this._onAffichageReservationCommentaire()} className=\"boutonReservation\" disabled={disabledButton}>Suivant \r\n this._onAnnulation()}>Annuler \r\n
\r\n );\r\n };\r\n _onRenderFooterContentCommentaire = () => {\r\n let disabledButton = !this.state.onActiveBoutonEnregistrer;\r\n\r\n return (\r\n \r\n this._chargementEcheancier(true)} className=\"boutonReservation\">Précédent \r\n this._onEnregistrementCreation()} className=\"boutonReservation\" disabled={disabledButton}>Terminer \r\n this._onAnnulation()}>Annuler \r\n
\r\n );\r\n };\r\n _onRenderFooterContentReservation = () => {\r\n return (\r\n \r\n this._onAnnulation()}>Fermer \r\n
\r\n );\r\n };\r\n //#endregion\r\n\r\n _onSelectionSouhait = (objetSouhait) => {\r\n if (objetSouhait != null) {\r\n this.setState({\r\n enCoursDeTraitement: true,\r\n messageEnCoursTraitement: 'Chargement du contact sélectionné'\r\n });\r\n\r\n let _chargementFicheReservation_ChargementDuContactSelectionne = DataReservation._chargementFicheReservation_ChargementDuContactSelectionne(objetSouhait.idContact, objetSouhait.idSouhait);\r\n\r\n _chargementFicheReservation_ChargementDuContactSelectionne\r\n .then(responseFetch => {\r\n let retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responseFetch, this);\r\n\r\n if (retourVerif === null) {\r\n let contact = responseFetch.reponseAPIobjet[0];\r\n\r\n this._onAffichageListeContacts(false, contact);\r\n }\r\n else {\r\n Immocom.onTraitementErreurAvecState(this, { ...this.state }, retourVerif, responseFetch);\r\n }\r\n });\r\n }\r\n }\r\n\r\n _onSelectionOnglet = (onglet) => () => {\r\n this.setState({\r\n affichageAcquereur: false,\r\n affichageChecklist: false,\r\n affichageCommercialisateur: false,\r\n affichageConditionsParticulieres: false,\r\n affichageDateAutre: false,\r\n affichageDateReservation: false,\r\n affichageDemandes: false,\r\n affichageDepotGarantie: false,\r\n affichageDossierClient: false,\r\n affichageEcheancier: false,\r\n affichageEtat: false,\r\n affichageFicheReservation: false,\r\n affichageLot: false,\r\n affichageNotaireClient: false,\r\n affichagePanelAcquereurs: false,\r\n affichagePanelCommentaire: false,\r\n affichagePanelCommercialisateur: false,\r\n affichagePanelCycle: false,\r\n affichagePanelDates: false,\r\n affichagePanelDepotGarantie: false,\r\n affichagePanelFinancement: false,\r\n affichagePanelFraisNotaire: false,\r\n affichagePanelNotaire: false,\r\n affichagePanelTarif: false,\r\n affichagePrix: false,\r\n affichageSuiviCompteClient: false,\r\n affichageTMA: false,\r\n [`affichage${onglet}`]: true\r\n });\r\n };\r\n\r\n _getIconeEtatReservation(etat, date) {\r\n let icone = null;\r\n\r\n if (date === null || date === \"\") {\r\n switch (etat) {\r\n case 10: //Initiale\r\n icone = \"Permissions\";\r\n break;\r\n case 20: //Signée client\r\n icone = \"InsertSignatureLine\";\r\n break;\r\n case 30: //Validée Eiffage\r\n icone = \"CheckMark\";\r\n break;\r\n case 35: //Signée Eiffage\r\n icone = \"WhiteBoardApp16\";\r\n break;\r\n case 40: //Actée\r\n icone = \"DecisionSolid\";\r\n break;\r\n default:\r\n icone = \"CheckMark\";\r\n break;\r\n }\r\n }\r\n else {\r\n icone = \"CompletedSolid\";\r\n }\r\n\r\n return icone;\r\n }\r\n\r\n _getDateReelleEtatReservation(etat, reservationTrav) {\r\n let dateDeLaReservation = null;\r\n\r\n switch (etat) {\r\n case 10: //Initiale\r\n dateDeLaReservation = Scriba.date().stringDateFormatCourt(reservationTrav.dateReservation);\r\n break;\r\n case 20: //Signée client\r\n dateDeLaReservation = (reservationTrav.dateSignatureElectronique !== null ? Scriba.date().stringDateFormatCourt(reservationTrav.dateSignatureElectronique) : Scriba.date().stringDateFormatCourt(reservationTrav.dateDeSignatureManuelle));\r\n break;\r\n case 30: //Validée Eiffage\r\n dateDeLaReservation = Scriba.date().stringDateFormatCourt(reservationTrav.dateValidation);\r\n break;\r\n case 35: //Signée Eiffage\r\n dateDeLaReservation = (reservationTrav.dateSignatureEiffageElectronique !== null ? Scriba.date().stringDateFormatCourt(reservationTrav.dateSignatureEiffageElectronique) : Scriba.date().stringDateFormatCourt(reservationTrav.dateDeSignatureEiffageManuelle));\r\n break;\r\n case 40: //Actée\r\n dateDeLaReservation = Scriba.date().stringDateFormatCourt(reservationTrav.dateSignatureActe);\r\n break;\r\n }\r\n\r\n return dateDeLaReservation;\r\n }\r\n\r\n _onOpen = () => {\r\n if (!!this.props.idReservation) this._chargementReservation();\r\n else this._chargementReservationEnModeCreation();\r\n };\r\n\r\n componentDidMount() {\r\n if (this.props.provientDeADVv2) {\r\n this._onOpen();\r\n }\r\n }\r\n\r\n componentDidUpdate = (prevProps) => {\r\n //Passe dedans uniquement lors du changement de réservation via la combo du panel\r\n if (!!prevProps.idReservation && !!this.props.idReservation && (prevProps.idReservation !== this.props.idReservation))\r\n if (!!this.props.isOpen)\r\n this._chargementReservation();\r\n };\r\n\r\n render() {\r\n let content = this._creationContent();\r\n\r\n return ({content}
);\r\n }\r\n}","import { SelectionMode } from '@fluentui/react';\r\nimport React, { useCallback, useMemo } from 'react';\r\nimport Scriba from '@devnet/react-scriba';\r\nimport { EUIDetailsList } from '../../EUI/EUIDetailsList';\r\n\r\nconst SyntheseAppelsDeFonds = (props) => {\r\n\r\n // PROPS\r\n const {\r\n activeItems = [],\r\n items = [],\r\n } = props;\r\n\r\n // METHODS\r\n const _calculateRowData = useCallback((selection) => {\r\n\r\n let actes = 0;\r\n let appeles = 0;\r\n let dus = 0;\r\n let exigibles = 0;\r\n let nbLots = 0;\r\n let nbLotsActes = 0;\r\n\r\n selection.forEach(item => {\r\n const { dateSignatureActe, montantTotalTTCAppele, montantTotalTTCDu, montantTotalTTCExigible, prixVenteTTC } = item;\r\n\r\n nbLots++;\r\n if (!!dateSignatureActe) {\r\n nbLotsActes++;\r\n if (!!prixVenteTTC) actes += prixVenteTTC;\r\n }\r\n if (!!montantTotalTTCExigible) exigibles += montantTotalTTCExigible;\r\n if (!!montantTotalTTCAppele) appeles += montantTotalTTCAppele;\r\n if (!!montantTotalTTCDu) dus += montantTotalTTCDu;\r\n });\r\n\r\n return { dus, actes, appeles, exigibles, nbLots, nbLotsActes };\r\n\r\n }, []);\r\n\r\n // UI\r\n const _columns = useMemo(() => {\r\n const styles = { display: \"block\", textAlign: \"right\" };\r\n return [{\r\n key: \"rowTitle\",\r\n name: \"\",\r\n }, {\r\n key: \"nbLots\",\r\n name: \"Nb lots\",\r\n onRender: (item) => {item.nbLots}\r\n }, {\r\n key: \"nbLotsActes\",\r\n name: \"Nb lots actés\",\r\n onRender: (item) => {item.nbLotsActes}\r\n }, {\r\n format: \"currency\",\r\n key: \"actes\",\r\n name: \"Actés\",\r\n }, {\r\n format: \"currency\",\r\n key: \"exigibles\",\r\n name: \"Exigibles\"\r\n }, {\r\n format: \"currency\",\r\n key: \"appeles\",\r\n name: \"Appelés\"\r\n }, {\r\n format: \"currency\",\r\n key: \"dus\",\r\n name: \"Dus\"\r\n }];\r\n }, []);\r\n\r\n const _rows = useMemo(() => {\r\n const totalSelection = _calculateRowData(activeItems);\r\n const total = _calculateRowData(items);\r\n return [\r\n { ...totalSelection, rowTitle: \"TOTAL lignes sélectionnées\" },\r\n { ...total, rowTitle: \"TOTAL tableau\" },\r\n ];\r\n }, [_calculateRowData, activeItems, items]);\r\n\r\n // RENDER\r\n return - \r\n {Object.keys(_reservationsGroupeesParDernierStadeAppele).map(nomStade => {\r\n if (!!nomStade) {\r\n const text = `${nomStade} : ${_reservationsGroupeesParDernierStadeAppele[nomStade].length}`;\r\n return
- {text} ;\r\n }\r\n })}\r\n
En réponse au message : {texteMessageParent || \"< Pièce jointe uniquement >\"}
}\r\n \r\n \r\n
\r\n \r\n \r\n {this.props.messages.map((message, index) => {\r\n return \r\n \r\n })}\r\n \r\n
\r\n };\r\n\r\n}\r\n\r\nexport default MessageList;","import { IconButton, Spinner } from 'office-ui-fabric-react';\r\nimport { Icon } from 'office-ui-fabric-react/lib/Icon';\r\nimport { MessageBar, MessageBarType } from 'office-ui-fabric-react/lib/MessageBar';\r\nimport { Stack } from 'office-ui-fabric-react/lib/Stack';\r\nimport { TextField } from 'office-ui-fabric-react/lib/TextField';\r\nimport PropTypes from 'prop-types';\r\nimport React, { Component, Fragment } from 'react';\r\nimport Scriba from '@devnet/react-scriba';\r\nimport { MaxLengths } from '../../../data/MaxLenghts';\r\nimport { EUITextField } from '../../EUI/EUITextField';\r\n\r\n/*\r\n************************************************************************************************************************************\r\nPROPS :\r\n ATTRIBUTS :\r\n bool estOnline détermine si utilisateur connecté au serveur ou non\r\n bool messageEnCoursDEnvoi détermine si message en cours de traitement par le serveur\r\n object messageSelectionne message parent, sélectionné dans l'optique d'y apporter une réponse\r\n METHODES :\r\n void onSubmit(message) méthode appelée lorsque l'utilisateur valide l'envoi d'un message\r\n void onDeselectionMessage méthode appelée lorsque l'utilisateur décide de ne plus répondre à un message en particulier\r\n************************************************************************************************************************************\r\n*/\r\n\r\nclass UserInput extends Component {\r\n\r\n _styles = {\r\n textfield: {\r\n fieldGroup: {\r\n background: \"lightgrey\",\r\n height: \"150px\"\r\n }\r\n },\r\n infoContainer: {\r\n root: {\r\n alignItems: \"center\",\r\n backgroundColor: \"#f4f7f9\",\r\n color: \"#565867\",\r\n padding: \"3px 10px\",\r\n }\r\n },\r\n smallIconButton: { icon: { fontSize: \"10px\" } },\r\n iconButton: {\r\n root: { selectors: { \":disabled\": { backgroundColor: \"inherit\" } } },\r\n icon: {\r\n fontSize: \"25px\",\r\n selectors: { \".is-disabled &\": { color: \"lightgray\" } }\r\n }\r\n },\r\n messageBar: {\r\n dismissal: {\r\n height: \"auto\",\r\n margin: \"10px 16px 10px 0px\"\r\n },\r\n iconContainer: { margin: \"10px 0px 10px 16px\" },\r\n text: { margin: \"10px 8px\" },\r\n },\r\n spinner: { root: { width: \"32px\" } }\r\n };\r\n\r\n constructor() {\r\n super();\r\n this.inputRef = React.createRef();\r\n this.objetState = {\r\n errorMessage: \"\",\r\n fileData: \"\",\r\n fileName: \"\",\r\n texte: \"\"\r\n };\r\n this.state = { ...this.objetState };\r\n this.fileUploadRef = React.createRef();\r\n };\r\n\r\n _masquerMessageBar = () => {\r\n this.setState({ errorMessage: \"\" });\r\n };\r\n\r\n _onChange = (event, newValue) => {\r\n this.setState({ texte: newValue });\r\n };\r\n\r\n _onSelectionFichier = (event) => {\r\n const MAX_FILE_SIZE = 3;\r\n const fichier = event.target.files[0];\r\n const fsize = Math.ceil((fichier.size / 1024 / 1024));\r\n if (fsize <= MAX_FILE_SIZE) {\r\n const reader = new FileReader();\r\n reader.addEventListener('load', () => {\r\n this._masquerMessageBar();\r\n this.setState({\r\n fileData: Scriba.fichier().ByteArrayVersBase64(reader.result),\r\n fileName: fichier.name\r\n });\r\n })\r\n reader.readAsArrayBuffer(fichier);\r\n } else {\r\n this._retirerFichier();\r\n this.setState({ errorMessage: `Document trop volumineux (${MAX_FILE_SIZE} Mo max.)` });\r\n }\r\n };\r\n\r\n _onKeyPress = (event) => {\r\n if (event.key === \"Enter\" && event.ctrlKey && !this._estBoutonEnvoyerDesactive()) {\r\n this._envoyerMessage();\r\n };\r\n };\r\n\r\n _retirerFichier = () => {\r\n this.setState({\r\n fileData: \"\",\r\n fileName: \"\"\r\n });\r\n };\r\n\r\n _selectionnerFichier = () => {\r\n this.fileUploadRef.current && this.fileUploadRef.current.click()\r\n };\r\n\r\n _estBoutonEnvoyerDesactive = () => {\r\n const { fileName, texte } = { ...this.state };\r\n return !this.props.estOnline\r\n || !(texte || fileName);\r\n };\r\n\r\n _envoyerMessage = () => {\r\n const { fileData, fileName, texte } = { ...this.state };\r\n\r\n if (texte || fileName) {\r\n let message = {\r\n texte: texte,\r\n fileName: \"\",\r\n fileData: \"\"\r\n };\r\n if (!!fileData && fileName) {\r\n message.fileData = fileData;\r\n message.fileName = fileName;\r\n };\r\n this.setState(\r\n this.objetState,\r\n this.props.onSubmit(message)\r\n );\r\n }\r\n };\r\n\r\n componentDidUpdate = (prevProps) => {\r\n if (this.props.messageSelectionne) { // Focus sur zone de saisie si réponse à un message\r\n if (prevProps.messageSelectionne && this.props.messageSelectionne.idMessage !== prevProps.messageSelectionne)\r\n this.inputRef.focus();\r\n else if (!prevProps.messageSelectionne)\r\n this.inputRef.focus();\r\n }\r\n };\r\n\r\n render = () => {\r\n return Aucun document n'a été joint au message
\r\n :