\r\n
\r\n {children}\r\n ;\r\n\r\n};\r\n\r\nexport default EUIPanel;","export default {\r\n clientId: '1ccfdb48-515d-4512-8ce3-005bc89983a8',\r\n redirectUri: 'https://localhost:44370/IdentificationAAD',\r\n postLogoutRedirectUri: 'https://localhost:44370',\r\n endpoints: {\r\n api: \"1ccfdb48-515d-4512-8ce3-005bc89983a8\"\r\n },\r\n tenant: 'b851f440-5c3b-48d3-97b6-7afd41c0793d',\r\n cacheLocation: 'localStorage'\r\n}","import Scriba from '@devnet/react-scriba';\r\n\r\nexport class DataTrancheTravaux {\r\n\r\n\tstatic _chargementTranchesTravaux(idProgramme) {\r\n\t\tconst objet = {\r\n \"idProgramme\": idProgramme\r\n };\r\n const url = \"api/Liste/ListeDesTrancheTravaux\";\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 _chargementTrancheTravaux(idTrancheTravaux, idProgramme, idRegion, idAgence) {\r\n const objet = {\r\n \"idTrancheTravaux\": idTrancheTravaux,\r\n \"idProgramme\": idProgramme,\r\n \"idRegion\": idRegion,\r\n \"idAgence\": idAgence\r\n };\r\n const url = \"api/Fiche/FicheTrancheTravaux\";\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 _onEnregistrementTrancheTravaux(trancheTravaux, champs) {\r\n const objet = { \"trancheTravaux\": trancheTravaux, \"champs\": champs };\r\n const url = \"api/MAJDonnees/EnregistrementTrancheTravaux\";\r\n const paramPost = Scriba.fetch().createParameterPost(objet);\r\n return fetch(url, paramPost).then(response => response.json());\r\n }\r\n}","import { MessageBar, MessageBarType } from '@fluentui/react';\r\nimport { useConst } from '@fluentui/react-hooks';\r\nimport React, { Fragment, useMemo } from 'react';\r\nimport { useNotifications, useNotificationsManager } from '../../contexts/notificationContext';\r\n\r\nconst MessageBars = (props) => {\r\n\r\n // PROPS\r\n const { target } = props;\r\n\r\n // CONTEXTS\r\n const { errorMessages, infoMessages, successMessages, warningMessages } = useNotifications();\r\n const { dismiss } = useNotificationsManager();\r\n\r\n // CONSTANTES\r\n const { error, info, success, warning } = MessageBarType;\r\n const _styles = useConst({ dismissal: { color: \"black\" } });\r\n\r\n // MEMOS\r\n const _errorMessages = useMemo(() => errorMessages.filter(message => message.target === target), [errorMessages, target]);\r\n const _infoMessages = useMemo(() => infoMessages.filter(message => message.target === target), [infoMessages, target]);\r\n const _successMessages = useMemo(() => successMessages.filter(message => message.target === target), [successMessages, target]);\r\n const _warningMessages = useMemo(() => warningMessages.filter(message => message.target === target), [warningMessages, target]);\r\n\r\n // RENDER\r\n if ((errorMessages.length + infoMessages.length + successMessages.length + warningMessages.length) <= 0) return null;\r\n else return {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 champDisabledFicheTrancheTravaux,\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 const disabled = champDisabledFicheTrancheTravaux === \"true\";\r\n const isRequired = !!obligatoireFicheTrancheTravaux;\r\n\r\n if (!visibleFicheTrancheTravaux || 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, _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 required = Array.isArray(listCycleChampDescription) && listCycleChampDescription.length > 0 ? !!listCycleChampDescription[0].obligatoireCycleProgramme : false;\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 hintWrapper,\r\n hintWrapperContent,\r\n hintWrapperVerticalAlign,\r\n hintWrapperVerticalOffset,\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 {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 champDisabledFicheOperation,\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 const disabled = champDisabledFicheOperation === \"true\";\r\n const isRequired = !!obligatoireFicheOperation;\r\n\r\n if (!visibleFicheOperation || 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 \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 { EUIDatePicker } from '../EUI/EUIDatePicker';\r\nimport EUIPanel from '../EUI/EUIPanel';\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([-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 const columns = listCycleChampDescription.reduce((columns, champ, cIndex) => {\r\n\r\n const key = `${rIndex}-${cIndex}`;\r\n const {\r\n champDisabledCycleProgramme,\r\n hintWrapper,\r\n hintWrapperContent,\r\n hintWrapperVerticalAlign,\r\n hintWrapperVerticalOffset,\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 else {\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 let column = {column}
;\r\n\r\n columns.push(column);\r\n\r\n }\r\n\r\n return columns;\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, 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\r\n};\r\n\r\nexport default FicheValidationCycleProgramme;","import { addDays, PanelType } from '@fluentui/react';\r\nimport { useBoolean, useConst } from '@fluentui/react-hooks';\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 { DataProgramme } from '../../data/DataProgramme';\r\nimport { Immocom } from '../../specifique/immocom';\r\nimport { EUIDatePicker } from '../EUI/EUIDatePicker';\r\nimport EUIPanel from '../EUI/EUIPanel';\r\n\r\nconst FicheProgrammePlanning = (props) => {\r\n\r\n // CONTEXTS\r\n const { clear, dismiss, extract, load } = useNotificationsManager();\r\n\r\n // PROPS\r\n const {\r\n isOpen = false,\r\n periodeOuverture = {}, // Variables utilisées dans eval ; ne pas renommer / supprimer\r\n programme = {},\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\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 const id = load(\"Chargement du planning en cours...\");\r\n const { idProgramme, idRegion, idAgence } = programme;\r\n DataProgramme._chargementProgramme_Planning(idProgramme, idRegion, idAgence).then(response => {\r\n const onSuccess = () => {\r\n const data = response.reponseAPIobjet || [];\r\n _setFieldGroups(data[2] || []);\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 }, [programme]);\r\n\r\n const _onDismiss = useCallback(() => {\r\n _setIsNotLoaded();\r\n if (typeof onDismiss === \"function\") onDismiss();\r\n }, [onDismiss]);\r\n\r\n const _onDismissed = useCallback(() => {\r\n _setFieldGroups([]);\r\n _setFormIsNotValid();\r\n }, []);\r\n\r\n const _onOpen = useCallback(() => {\r\n if (!!programme.idProgramme) _chargementDonnees();\r\n else _setIsLoaded();\r\n }, [programme.idProgramme]);\r\n\r\n const _onSave = useCallback(() => {\r\n const id = load(\"Enregistrement du planning du programme en cours...\");\r\n DataProgramme._onEnregistrementProgrammePlanning(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 _setFormIsNotValid();\r\n const objet = { programme, champs: _fieldGroups };\r\n Data._onValidationFormulaire(\"ProgrammePlanning\", 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 }, [_fieldGroups, programme.idProgramme]);\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 }, [_isLoaded, _isMounted, _fieldGroups]);\r\n\r\n // EFFECTS (ComponentDidMount)\r\n useEffect(() => {\r\n _isMounted.current = true;\r\n }, []);\r\n\r\n // UI\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 = \r\n \r\n
\r\n\r\n {_formArray}\r\n\r\n Date prévue
\r\n Date réelle
\r\n {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 \r\n\r\n
\r\n\r\n ;\r\n\r\n};\r\n\r\nexport default FicheProgrammePlanning;","import Scriba from '@devnet/react-scriba';\r\n\r\nexport class DataMotifArchivage {\r\n\r\n static _chargementDesMotifArchivages() {\r\n var url = \"api/Liste/ListeDesMOTIFARCHIVAGE\";\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 { DataMotifArchivage } from '../../data/DataMotifArchivage';\r\nimport { EUIComboBox } from '../EUI/EUIComboBox';\r\n\r\nexport class ComboBoxMotifArchivage extends Component {\r\n\r\n static defaultProps = {\r\n label: \"Motif d'archivage\",\r\n placeholder: \"Motif d'archivage\",\r\n };\r\n\r\n render = () => {\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 { 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 React, { createContext, useCallback, useEffect, useMemo, useState } from 'react';\r\nimport { Data } from '../data/Data';\r\nimport { Immocom } from '../specifique/immocom';\r\nimport { NotificationsTarget, useNotificationsManager } from './notificationContext';\r\n\r\nexport const PerimetreContext = createContext();\r\nexport const PerimetreManagerContext = createContext();\r\n\r\nconst defaultPerimetre = {\r\n idRegion: 0,\r\n idAgence: 0,\r\n idProgramme: 0,\r\n idOperation: 0,\r\n idRegionAdministrative: 0,\r\n idDepartementAdministratif: \"0\",\r\n idVilleAdministrative: \"0\",\r\n};\r\n\r\nexport const PerimetreContextProvider = ({ children }) => {\r\n\r\n // CONTEXTS\r\n const { extract } = useNotificationsManager();\r\n\r\n // STATES\r\n const [_perimetre, _setPerimetre] = useState({ ...defaultPerimetre });\r\n\r\n // METHODS\r\n // Passer en paramètre les ids à mettre à jour ; exemple : { idRegion = 101, idOperation = 414 }\r\n // KP - 2601 - 02/01/2023 : on omet les valeurs falsy (en particulier pour ne pas traiter les undefined et ne mettre à jour que les valeurs qui nous intéressent)\r\n const _updatePerimetre = useCallback((ids, onSuccess, onError) => {\r\n const truthyIds = Object.entries(ids).reduce((memo, [key, value]) => (!!value || value === 0 ? (memo[key] = value, memo) : memo), {});\r\n const newPerimetre = { ..._perimetre, ...truthyIds };\r\n Data._renseignementPerimetre(newPerimetre).then(response => {\r\n const onUpdateSuccess = () => {\r\n _setPerimetre(newPerimetre);\r\n if (typeof (onSuccess) === \"function\") onSuccess();\r\n };\r\n const onUpdateError = (result) => {\r\n extract(result);\r\n if (typeof (onError) === \"function\") onError(result, response);\r\n };\r\n Immocom.checkFetchResponse(response, onUpdateSuccess, onUpdateError);\r\n });\r\n }, [_perimetre]);\r\n\r\n // MEMOS\r\n const value = useMemo(\r\n () => ({ perimetre: _perimetre }),\r\n [_perimetre]\r\n );\r\n\r\n const managerValue = useMemo(\r\n () => ({ updatePerimetre: _updatePerimetre }),\r\n [_updatePerimetre]\r\n );\r\n\r\n // EFFECTS (ComponentDidMount)\r\n useEffect(() => {\r\n Data._verificationSiPerimetreExiste().then(response => {\r\n const onSuccess = () => {\r\n const data = response.reponseAPIobjet;\r\n const idOperation = data[0];\r\n const idAgence = data[1];\r\n const idRegion = data[2];\r\n const idProgramme = data[7];\r\n const idRegionAdministrative = data[4];\r\n const idDepartementAdministratif = data[5];\r\n const idVilleAdministrative = data[6];\r\n _updatePerimetre({ idRegion, idAgence, idProgramme, idOperation, idRegionAdministrative, idDepartementAdministratif, idVilleAdministrative });\r\n }\r\n const onError = (result) => extract(result, NotificationsTarget.main);\r\n Immocom.checkFetchResponse(response, onSuccess, onError);\r\n });\r\n }, []);\r\n\r\n // RENDER\r\n return \r\n\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n {\r\n _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 { ActionButton, Label, Persona, PersonaPresence, PersonaSize, Stack } from '@fluentui/react';\r\nimport { useConst } from '@fluentui/react-hooks';\r\nimport React, { Fragment, useCallback, useEffect, useMemo, useState } from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport Scriba from '@devnet/react-scriba';\r\nimport { NotificationsTarget, useNotificationsManager } from '../../contexts/notificationContext';\r\nimport { Data } from '../../data/Data';\r\nimport { Immocom } from '../../specifique/immocom';\r\nimport EUIIconButton from '../EUI/EUIIconButton';\r\nimport EUIPanel from '../EUI/EUIPanel';\r\nimport FicheCompte from '../Fiche/FicheCompte';\r\nimport './Header.css';\r\nimport { PanelApplications } from './PanelApplications';\r\n\r\nconst Header = (props) => {\r\n\r\n // CONTEXTS\r\n const { dismiss, extract, load } = useNotificationsManager();\r\n\r\n // PROPS\r\n const { } = props;\r\n\r\n // CONSTANTES\r\n const _styles = useConst(() => ({\r\n header: { root: { backgroundColor: \"#575757\", color: \"#fff\" } },\r\n persona: {\r\n root: {\r\n cursor: \"pointer\",\r\n height: 50,\r\n padding: 16,\r\n transistion: \"0.3s\",\r\n selectors: { \"&:hover\": { backgroundColor: \"#393939 !important\" } }\r\n }\r\n }\r\n }));\r\n\r\n // STATES\r\n const [_email, _setEmail] = useState(null);\r\n const [_initiales, _setInitiales] = useState(null);\r\n const [_isAuthenticated, _setIsAuthenticated] = useState(false);\r\n const [_jeton, _setJeton] = useState(null);\r\n const [_plateforme, _setPlateforme] = useState(\"\");\r\n const [_urlEBook, _setUrlEBook] = useState(\"\");\r\n const [_urlPrimPromo, _setUrlPrimPromo] = useState(\"\");\r\n const [_urlSectionMandat, _setUrlSectionMandat] = useState(\"\");\r\n const [_username, _setUsername] = useState(null);\r\n const [_version, _setVersion] = useState(\"\");\r\n\r\n const [_afficherTuileVente, _setAfficherTuileVente] = useState(false);\r\n const [_afficherTuileTableauDeBord, _setAfficherTuileTableauDeBord] = useState(false);\r\n const [_afficherTuileSignatureEiffage, _setAfficherTuileSignatureEiffage] = useState(false);\r\n const [_afficherTuileReporting, _setAfficherTuileReporting] = useState(false);\r\n const [_afficherTuileProspection, _setAfficherTuileProspection] = useState(false);\r\n const [_afficherTuilePrimPromo, _setAfficherTuilePrimPromo] = useState(false);\r\n const [_afficherTuileOperation, _setAfficherTuileOperation] = useState(false);\r\n const [_afficherTuileNews, _setAfficherTuileNews] = useState(false);\r\n const [_afficherTuileMandat, _setAfficherTuileMandat] = useState(false);\r\n const [_afficherTuileEBook, _setAfficherTuileEBook] = useState(false);\r\n const [_afficherTuileDocument, _setAfficherTuileDocument] = useState(false);\r\n const [_afficherTuileControleDeGestion, _setAfficherTuileControleDeGestion] = useState(false);\r\n const [_afficherTuileConfiguration, _setAfficherTuileConfiguration] = useState(false);\r\n const [_afficherTuileBackOfficeDemande, _setAfficherTuileBackOfficeDemande] = useState(false);\r\n const [_afficherTuileBackOfficeCapsuleClient, _setAfficherTuileBackOfficeCapsuleClient] = useState(false);\r\n const [_afficherTuileAlarme, _setAfficherTuileAlarme] = useState(false);\r\n const [_afficherTuileAdministrationsDesVentesV4, _setAfficherTuileAdministrationsDesVentesV4] = useState(false);\r\n const [_afficherPanelProfil, _setAfficherPanelProfil] = useState(false);\r\n const [_afficherPanelMonCompte, _setAfficherPanelMonCompte] = useState(false);\r\n const [_afficherPanelApplications, _setAfficherPanelApplications] = useState(false);\r\n const [_afficherPanelAide, _setAfficherPanelAide] = useState(false);\r\n\r\n // MEMOS\r\n const _droits = useMemo(() => {\r\n return {\r\n afficherTuileAdministrationsDesVentesV4: _afficherTuileAdministrationsDesVentesV4,\r\n afficherTuileAlarme: _afficherTuileAlarme,\r\n afficherTuileBackOfficeCapsuleClient: _afficherTuileBackOfficeCapsuleClient,\r\n afficherTuileBackOfficeDemande: _afficherTuileBackOfficeDemande,\r\n afficherTuileConfiguration: _afficherTuileConfiguration,\r\n afficherTuileControleDeGestion: _afficherTuileControleDeGestion,\r\n afficherTuileDocument: _afficherTuileDocument,\r\n afficherTuileEBook: _afficherTuileEBook,\r\n afficherTuileMandat: _afficherTuileMandat,\r\n afficherTuileNews: _afficherTuileNews,\r\n afficherTuileOperation: _afficherTuileOperation,\r\n afficherTuilePrimPromo: _afficherTuilePrimPromo,\r\n afficherTuileProspection: _afficherTuileProspection,\r\n afficherTuileReporting: _afficherTuileReporting,\r\n afficherTuileSignatureEiffage: _afficherTuileSignatureEiffage,\r\n afficherTuileTableauDeBord: _afficherTuileTableauDeBord,\r\n afficherTuileVente: _afficherTuileVente\r\n };\r\n }, [_afficherTuileAdministrationsDesVentesV4, _afficherTuileAlarme, _afficherTuileBackOfficeCapsuleClient, _afficherTuileBackOfficeDemande, _afficherTuileConfiguration, _afficherTuileControleDeGestion, _afficherTuileDocument, _afficherTuileEBook, _afficherTuileMandat, _afficherTuileNews, _afficherTuileOperation, _afficherTuilePrimPromo, _afficherTuileProspection, _afficherTuileReporting, _afficherTuileSignatureEiffage, _afficherTuileTableauDeBord, _afficherTuileVente]);\r\n\r\n // METHODS\r\n const _chargementDonnees = useCallback(() => {\r\n const id = load(\"Chargement du profil en cours...\");\r\n Data._chargementGetUtilisateurConnecte().then(response => {\r\n const onSuccess = () => {\r\n const utilisateurConnecte = response.reponseAPIobjet || {};\r\n const monCompte = utilisateurConnecte.monCompte || {};\r\n\r\n const { droitAccesFormulaireAdministrationsDesVentesV4, droitAccesFormulaireMandatSociete, droitAccesFormulaireAlarme, droitAccesBackOfficeCapsuleClient, droitAccesBackOffice, droitAccesFormulaireIndicateur, droitAccesFormulaireDocument, droitAccesEbook, droitAccesFormulaireMandat, droitAccesFormulaireOperation, droitAccesPrimPromo, droitAccesFormulaireContact, droitAccesFormulaireReporting, droitAccesFormulaireSignatureEiffage, droitAccesFormulaireVente } = monCompte;\r\n const { estExterne, estReseau, compteTrav } = monCompte;\r\n const { nom, prenom, email, adminNational } = compteTrav;\r\n\r\n const urlSectionMandat = droitAccesFormulaireMandatSociete || estExterne || estReseau\r\n ? \"/Mandat/ListeMandatsSociete/Type/Societe\"\r\n : \"/Mandat/ListeMandatsEiffage/Type/Eiffage\";\r\n\r\n _setEmail(email);\r\n _setInitiales(utilisateurConnecte.initiales);\r\n _setIsAuthenticated(true);\r\n _setJeton(utilisateurConnecte.token);\r\n _setPlateforme(utilisateurConnecte.infos);\r\n _setUrlEBook(utilisateurConnecte.urlEBook);\r\n _setUrlPrimPromo(utilisateurConnecte.urlPrimPromo);\r\n _setUrlSectionMandat(urlSectionMandat);\r\n _setUsername([nom, prenom].filter(value => !!value).join(\" \"));\r\n _setVersion(utilisateurConnecte.version);\r\n\r\n _setAfficherTuileAdministrationsDesVentesV4(droitAccesFormulaireAdministrationsDesVentesV4);\r\n _setAfficherTuileAlarme(droitAccesFormulaireAlarme);\r\n _setAfficherTuileBackOfficeCapsuleClient(droitAccesBackOfficeCapsuleClient);\r\n _setAfficherTuileBackOfficeDemande(droitAccesBackOffice);\r\n _setAfficherTuileConfiguration(adminNational);\r\n _setAfficherTuileControleDeGestion(droitAccesFormulaireIndicateur);\r\n _setAfficherTuileDocument(droitAccesFormulaireDocument);\r\n _setAfficherTuileEBook(droitAccesEbook);\r\n _setAfficherTuileMandat(droitAccesFormulaireMandat);\r\n _setAfficherTuileNews(true);\r\n _setAfficherTuileOperation(droitAccesFormulaireOperation);\r\n _setAfficherTuilePrimPromo(droitAccesPrimPromo);\r\n _setAfficherTuileProspection(droitAccesFormulaireContact);\r\n _setAfficherTuileReporting(droitAccesFormulaireReporting);\r\n _setAfficherTuileSignatureEiffage(droitAccesFormulaireSignatureEiffage);\r\n _setAfficherTuileTableauDeBord(true);\r\n _setAfficherTuileVente(droitAccesFormulaireVente);\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 }, []);\r\n\r\n const _connect = useCallback(() => {\r\n Immocom.deconnexionEtRedirectionVersLogin();\r\n }, []);\r\n\r\n const _disconnect = useCallback(() => {\r\n Data._onDeconnexion().then(response => Immocom.deconnexionEtRedirectionVersLogin());\r\n }, []);\r\n\r\n const _downloadFile = useCallback((filename) => () => {\r\n const id = load(\"Téléchargement du document en cours...\");\r\n Data._chargementDocumentAide(filename).then(response => {\r\n const onSuccess = () => {\r\n const data = response.reponseAPIobjet;\r\n const document = Scriba.fichier().Base64VersByteArray(data.fileData);\r\n return Scriba.fichier().EnregisterSous(document, data.nom);\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 _toggleUI = useCallback((nomUI, isOpen, callback) => () => {\r\n switch (nomUI) {\r\n case \"PanelAide\": _setAfficherPanelAide(isOpen); break;\r\n case \"PanelApplications\": _setAfficherPanelApplications(isOpen); break;\r\n case \"PanelMonCompte\": _setAfficherPanelMonCompte(isOpen); break;\r\n case \"PanelProfil\": _setAfficherPanelProfil(isOpen); break;\r\n default: break;\r\n }\r\n if (!!callback) callback();\r\n }, []);\r\n\r\n // EFFECTS (ComponentDidMount)\r\n useEffect(() => {\r\n _chargementDonnees();\r\n }, []);\r\n\r\n // UI\r\n const _panelAide = useMemo(() => {\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 else return \r\n
\r\n ;\r\n\r\n }, [_afficherPanelProfil, _isAuthenticated]);\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 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, 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\n// Ces clefs permettent d'identifier les colonnes où sont stockées des valeurs monétaires ; ça nous permet d'appliquer des styles particuliers\r\nconst currencyKeys = [\r\n \"engagementCA_CumuleAnneeNMoins1\",\r\n \"engagementCA_CumuleMoisM\",\r\n \"prixHT\",\r\n \"prixHTGrille\",\r\n \"prixHTLotCommercial\",\r\n \"prixHTResa\",\r\n \"reintegrationCA\",\r\n \"reintegrationCA_CumuleMoisMMoins1PourAnneeN\",\r\n];\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 {content}\r\n \r\n
\r\n \r\n \r\n {content}\r\n \r\n
\r\n \r\n \r\n
;\r\n };\r\n}","import { DefaultButton, IconButton, PrimaryButton } from 'office-ui-fabric-react/lib/Button';\r\nimport { Checkbox } from 'office-ui-fabric-react/lib/Checkbox';\r\nimport { CommandBar } from 'office-ui-fabric-react/lib/CommandBar';\r\nimport { ConstrainMode, DetailsList, SelectionMode } from 'office-ui-fabric-react/lib/DetailsList';\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 React, { Component, Fragment } from 'react';\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 { EUIDialog } from '../EUI/EUIDialog';\r\nimport { ProgressIndicatorChargement } from '../Loader/ProgressIndicatorChargement';\r\nimport { MessageBars } from '../Outils/MessageBars';\r\nimport { PickerSociete } from '../Picker/PickerSociete';\r\n\r\n/*\r\n**********************************************************************************************************************\r\nPROPS :\r\n ATTRIBUTS :\r\n int? idNotificationPush n'afficher que les sociétés abonnées à cette notification push\r\n int? idAPI n'afficher que les sociétés autorisées à consommer cette API\r\n METHODES :\r\n -\r\n**********************************************************************************************************************\r\n*/\r\n\r\nexport class DetailsListSociete extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this._columns = this._getColumns();\r\n this._filtres = this._getFiltres();\r\n this._isSortedDescending = false;\r\n this._sortedColumn = \"nom\";\r\n this._objetState = {\r\n items: [],\r\n itemActif: {},\r\n /* --- */\r\n hideMessageBarFiltres: true,\r\n hideMessageBarWarning: true,\r\n hideMessageBarError: true\r\n };\r\n this.state = { ... this._objetState };\r\n };\r\n\r\n _creationContent = () => {\r\n return \r\n \r\n {content}\r\n \r\n
\r\n \r\n \r\n {content}\r\n \r\n
\r\n \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 { ScrollablePane, ScrollbarVisibility, Stack } from '@fluentui/react';\r\nimport { PanelType } from 'office-ui-fabric-react';\r\nimport { ConstrainMode, DetailsList, Selection, SelectionMode } from 'office-ui-fabric-react/lib/DetailsList';\r\nimport { Label } from 'office-ui-fabric-react/lib/Label';\r\nimport React, { Component } from 'react';\r\nimport Scriba from '@devnet/react-scriba';\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 EUIPanel from '../EUI/EUIPanel.jsx';\r\nimport EUISeparator from '../EUI/EUISeparator.jsx';\r\nimport { ProgressIndicatorChargement } from '../Loader/ProgressIndicatorChargement';\r\nimport { MessageBars } from '../Outils/MessageBars';\r\n\r\nexport class FicheDenonciation extends Component {\r\n\r\n static defaultProps = {\r\n estAffectation: false,\r\n isOpen: false,\r\n onDismiss: () => null,\r\n onSave: () => null,\r\n };\r\n\r\n static defaultState = {\r\n denonciation: {},\r\n itemsOperation: [],\r\n monCompte: null,\r\n peutDenoncerDesContacts: false,\r\n peutDenoncerPourQQ1Autre: false,\r\n };\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = { ...FicheDenonciation.defaultState };\r\n this._columns = this._getColumns();\r\n this._selection = new Selection({ onSelectionChanged: this._onSelectionChanged });\r\n };\r\n\r\n _chargementDroits = () => {\r\n DataDenonciation._chargementDroitsDenonciation().then(responseFetch => {\r\n const retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responseFetch, this);\r\n if (retourVerif === null) {\r\n const objetData = responseFetch.reponseAPIobjet;\r\n\r\n const peutDenoncerDesContacts = objetData[0];\r\n const peutDenoncerPourQQ1Autre = objetData[1];\r\n const monCompte = objetData[2];\r\n\r\n let state = { monCompte, peutDenoncerDesContacts, peutDenoncerPourQQ1Autre };\r\n let callback = undefined;\r\n\r\n if (!peutDenoncerPourQQ1Autre) { // On pré-positionne les données\r\n state.denonciation = {\r\n idSociete: monCompte.compteTrav.idSociete,\r\n loginCompte: monCompte.compteTrav.loginCompte,\r\n idOperation: 0\r\n };\r\n callback = () => this._chargementOperations(monCompte.compteTrav.loginCompte); // On charge le tableau des opérations\r\n }\r\n\r\n this.setState(state, callback);\r\n }\r\n else {\r\n const state = {\r\n monCompte: null,\r\n peutDenoncerDesContacts: false,\r\n peutDenoncerPourQQ1Autre: false,\r\n };\r\n Immocom.onTraitementErreurAvecState(this, state, retourVerif, responseFetch);\r\n }\r\n });\r\n };\r\n\r\n _chargementOperations = (loginCompte) => {\r\n\r\n const { estAffectation, listeIdContacts } = this.props;\r\n\r\n this.setState({\r\n enCoursDeTraitement: true,\r\n messageEnCoursTraitement: 'Chargement des opérations en cours'\r\n });\r\n\r\n const method = estAffectation\r\n ? () => DataDenonciation._chargementOperationsDenonciationPourAjout(loginCompte)\r\n : () => DataDenonciation._chargementOperationsDenonciationPourSuppression(loginCompte, listeIdContacts)\r\n ;\r\n\r\n method().then(responseFetch => {\r\n const retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responseFetch, this);\r\n if (retourVerif === null) {\r\n const itemsOperation = responseFetch.reponseAPIobjet;\r\n const state = { itemsOperation };\r\n Immocom.onReinitStateValeurParDefautEtExecutionDuSetState(this, state);\r\n }\r\n else {\r\n const state = { itemsOperation: [] };\r\n Immocom.onTraitementErreurAvecState(this, state, retourVerif, responseFetch);\r\n }\r\n });\r\n\r\n };\r\n\r\n _getColumns = () => {\r\n return [{\r\n className: \"ms-hiddenMdDown\",\r\n fieldName: \"nomCommercial\",\r\n headerClassName: \"ms-hiddenMdDown\",\r\n isResizable: true,\r\n key: \"nomCommercial\",\r\n name: \"Nom commercial\",\r\n onRender: (item) => {\r\n const nomCommercial = item.nomCommercial;\r\n return {nomCommercial};\r\n }\r\n },\r\n {\r\n key: \"region\",\r\n name: \"Région\",\r\n fieldName: \"region\",\r\n minWidth: 100,\r\n maxWidth: 500,\r\n isResizable: true,\r\n className: \"ms-hiddenMdDown\",\r\n headerClassName: \"ms-hiddenMdDown\",\r\n onRender: (item) => {\r\n const region = item.region;\r\n return {region};\r\n }\r\n },\r\n {\r\n className: \"ms-hiddenMdDown\",\r\n fieldName: \"agence\",\r\n headerClassName: \"ms-hiddenMdDown\",\r\n isResizable: true,\r\n key: \"agence\",\r\n minWidth: 100,\r\n maxWidth: 500,\r\n name: \"Agence\",\r\n onRender: (item) => {\r\n const agence = item.agence;\r\n return {agence};\r\n }\r\n }];\r\n };\r\n\r\n _onDismiss = () => {\r\n const { onDismiss } = this.props;\r\n this.setState({ ...FicheDenonciation.defaultState }, onDismiss);\r\n };\r\n\r\n _onOpen = () => {\r\n this._chargementDroits();\r\n };\r\n\r\n _onSave = () => {\r\n\r\n const { estAffectation, listeIdContacts, onSave } = this.props;\r\n const { denonciation } = this.state;\r\n\r\n if (this._validationFormulaire(denonciation)) {\r\n\r\n this.setState({\r\n enCoursDeTraitement: true,\r\n messageEnCoursTraitement: 'Enregistrement en cours'\r\n });\r\n\r\n const method = estAffectation\r\n ? () => DataDenonciation._onEnregistrementDenonciation(listeIdContacts, denonciation)\r\n : () => DataDenonciation._onSuppressionDenonciation(listeIdContacts, denonciation)\r\n ;\r\n\r\n method().then(responseFetch => {\r\n const retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responseFetch, this);\r\n if (retourVerif === null) {\r\n Immocom.onReinitStateValeurParDefautEtExecutionDuSetState(this, { ...FicheDenonciation.defaultState });\r\n onSave();\r\n }\r\n else Immocom.onTraitementErreurAvecState(this, {}, retourVerif, responseFetch);\r\n });\r\n }\r\n };\r\n\r\n _onSelectionChanged = () => {\r\n const listeIdOperations = this._selection.getSelection().map((operation) => operation.idOperation);\r\n Scriba.state().setObjetPropriete(this, \"denonciation\", \"listeIdOperations\", listeIdOperations);\r\n };\r\n\r\n _renderComboBoxSociete = () => {\r\n const { estAffectation, listeIdContacts } = this.props;\r\n const { denonciation, monCompte, peutDenoncerPourQQ1Autre } = this.state;\r\n\r\n const onChange = (idSociete) => {\r\n const denonciation = { ...this.state.denonciation, idSociete, loginCompte: \"\" };\r\n this.setState({ denonciation, itemsOperation: [] });\r\n };\r\n\r\n if (!!monCompte && !peutDenoncerPourQQ1Autre)\r\n return \r\n \r\n
;\r\n\r\n else return {monCompte.saSociete.nom}
\r\n \r\n \r\n
;\r\n\r\n else return {monCompte.compteTrav.loginCompte}
\r\n \r\n \r\n \r\n \r\n
\r\n ;\r\n\r\n };\r\n\r\n};","import React, { Component, Fragment } from 'react';\r\nimport { DetailsList, SelectionMode, Selection } from 'office-ui-fabric-react/lib/DetailsList';\r\nimport { SearchBox } from 'office-ui-fabric-react/lib/SearchBox';\r\nimport { CommandBar } from 'office-ui-fabric-react/lib/CommandBar';\r\nimport { MessageBars } from '../Outils/MessageBars';\r\nimport { DefaultButton, IconButton, PrimaryButton } from 'office-ui-fabric-react/lib/Button';\r\nimport { ScrollablePane, ScrollbarVisibility } from 'office-ui-fabric-react/lib/ScrollablePane';\r\nimport { Panel, PanelType } from 'office-ui-fabric-react/lib/Panel';\r\nimport { TooltipHost } from 'office-ui-fabric-react/lib/Tooltip';\r\nimport { Sticky, StickyPositionType } from 'office-ui-fabric-react/lib/Sticky';\r\nimport { Toggle } from 'office-ui-fabric-react/lib/Toggle';\r\nimport { Dialog, DialogType, DialogFooter } from 'office-ui-fabric-react/lib/Dialog';\r\nimport { Stack } from 'office-ui-fabric-react/lib/Stack';\r\n\r\nimport Scriba from '@devnet/react-scriba';\r\nimport { Immocom } from '../../specifique/immocom';\r\n\r\nimport { FicheContact } from '../Fiche/FicheContact/FicheContact';\r\nimport { FicheDenonciation } from '../Fiche/FicheDenonciation';\r\nimport { ProgressIndicatorChargement } from '../Loader/ProgressIndicatorChargement';\r\nimport { DataDenonciation } from '../../data/DataDenonciation';\r\nimport { PerimetreContext } from '../../contexts/perimetreContext';\r\n\r\n/*\r\n***************************************************************\r\n PROPS:\r\n appelDepuisContact\r\n idContact\r\n***************************************************************\r\n*/\r\n\r\nexport class DetailsListDenonciation 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 // 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\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\r\n render = () => {\r\n\r\n const content = this._creationContent();\r\n let idContact = (this.props.appelDepuisContact ? this.props.idContact : this.state.idContact);\r\n\r\n //AF - On passe systematiquement une liste de contacts pour la dénonciation\r\n //-------------------------------\r\n let listeIdContacts = [];\r\n listeIdContacts.push(idContact)\r\n //-------------------------------\r\n\r\n return \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({ filtreActive: checked })}\r\n />\r\n
\r\n 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 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 \r\n
;\r\n\r\n};\r\n\r\nexport default PickerCPVille;","import React, { Component } from 'react';\r\nimport { Icon } from 'office-ui-fabric-react/lib/Icon';\r\nimport { VerticalTimeline, VerticalTimelineElement } from 'react-vertical-timeline-component';\r\n\r\nimport Scriba from '@devnet/react-scriba';\r\n\r\nimport 'react-vertical-timeline-component/style.min.css';\r\nimport './TimelineVerticale.css';\r\n\r\n/****************************************************************\r\n PROPS:\r\n listeActions\r\n****************************************************************/\r\n\r\nvar objetState = {\r\n listeActions: []\r\n};\r\n\r\nexport class TimelineVerticale extends Component {\r\n _creationContent() {\r\n let contenu = [];\r\n\r\n this.state.listeActions.forEach(function (action) {\r\n contenu.push(\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 {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 onAffichePanelContactHistorique\r\n onFermeFicheContactHistorique : méthode\r\n classnameinner : classe CSS (string)\r\n className : classe CSS (string)\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._onAnnulation()}>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 if (!this.state.enCoursDeTraitement)\r\n this._chargementDonnees();\r\n }\r\n\r\n componentWillUnmount() {\r\n }\r\n\r\n render() {\r\n let content = this._creationContent();\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}","import React, { Component } from 'react';\r\nimport { EUIComboBox } from '../EUI/EUIComboBox';\r\n\r\nexport class ComboBoxEiffageSalarie extends Component {\r\n\r\n static defaultProps = {\r\n label: \"Salariés Eiffage\",\r\n placeholder: \"Salariés Eiffage\",\r\n };\r\n\r\n render = () => {\r\n\r\n let fetchMethod = () => new Promise((resolve, reject) => {\r\n const options = [\r\n { key: 1, text: \"Construction\" },\r\n { key: 2, text: \"Infrastructures\" },\r\n { key: 3, text: \"Energie Systèmes\" },\r\n { key: 4, text: \"Immobilier\" },\r\n { key: 5, text: \"Holding\" },\r\n { key: 6, text: \"Concessions\" }\r\n ];\r\n resolve({ codeRetour: 0, reponseAPIobjet: options });\r\n });\r\n\r\n return \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 React, { Component } from 'react';\r\nimport { EUIToggle } from '../../EUI/EUIToggle';\r\n\r\nexport class BlocRgpd extends Component {\r\n\r\n static defaultProps = {\r\n contact: {},\r\n onChange: (contact) => null,\r\n };\r\n\r\n _onChange = (key, value) => {\r\n const { contact, onChange } = this.props;\r\n const newContact = { ...contact, [key]: value, };\r\n onChange(newContact);\r\n };\r\n\r\n render = () => {\r\n\r\n const { contact } = this.props;\r\n\r\n return \r\n\r\n
\r\n\r\n {!!contact.idContact &&\r\n \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._onDelayedChange(\"civilite\", option.key)}\r\n required\r\n selectedKey={contact.civilite}\r\n />\r\n
\r\n \r\n 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._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._onDelayedChange(\"adresse\", newValue)}\r\n value={contact.adresse}\r\n />\r\n
\r\n \r\n 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._onDelayedChange(\"pays\", newValue)}\r\n value={contact.pays}\r\n />\r\n
\r\n \r\n
\r\n\r\n \r\n this._onDelayedChange(\"email\", newValue)}\r\n value={contact.email}\r\n />\r\n
\r\n \r\n this._onDelayedChange(\"tel1\", newValue)}\r\n value={contact.tel1}\r\n />\r\n
\r\n \r\n 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._onDelayedChange(\"lieuNaissance\", newValue)}\r\n value={contact.lieuNaissance}\r\n />\r\n
\r\n \r\n this._onDelayedChange(\"nationalite\", newValue)}\r\n value={contact.nationalite}\r\n />\r\n
\r\n \r\n
\r\n\r\n \r\n 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
\r\n\r\n \r\n this._onDelayedChange(\"profession\", newValue)}\r\n value={contact.profession}\r\n />\r\n
\r\n \r\n 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._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 {/* MG: - 26/09/2022 - 2148*/}\r\n
\r\n\r\n \r\n this._onDelayedChange(\"collaborateurEI\", isChecked)}\r\n />\r\n
\r\n \r\n this._onDelayedChange(\"salarieEiffage\", option.key)}\r\n selectedKey={contact.salarieEiffage}\r\n />\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n \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 \r\n \r\n
\r\n\r\n \r\n \r\n \r\n this.setState({ anneeNaissance: newValue })}\r\n placeholder=\"Année de naissance\"\r\n value={anneeNaissance}\r\n />\r\n \r\n = 5} onClick={this._ajouterDateNaissanceEnfant} />\r\n \r\n
\r\n \r\n {enfants\r\n .filter(enfant => !!enfant)\r\n .map((value, index) =>\r\n
\r\n \r\n
\r\n )\r\n }\r\n \r\n \r\n this._supprimerDateNaissanceEnfant(value)} />\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\n
\r\n \r\n this._onDelayedChange(\"prendreConnaissanceCNIL\", isChecked)}\r\n required\r\n />\r\n
\r\n \r\n this._onDelayedChange(\"souhaiteRecevoirOffres\", isChecked)}\r\n />\r\n
\r\n \r\n this._onDelayedChange(\"consentementCollecteDonneesPersonnelles\", isChecked)}\r\n />\r\n
\r\n \r\n this._onDelayedChange(\"consentementDiffusionDonneesPersonnelles\", isChecked)}\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
\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};","import { Panel, PanelType } from 'office-ui-fabric-react';\r\nimport { DefaultButton, PrimaryButton } from 'office-ui-fabric-react/lib/Button';\r\nimport { Dialog, DialogFooter, DialogType } from 'office-ui-fabric-react/lib/Dialog';\r\nimport React, { Component } from 'react';\r\nimport { DataContact } from '../../../data/DataContact';\r\nimport { MaxLengths } from '../../../data/MaxLenghts.jsx';\r\nimport { Immocom } from '../../../specifique/immocom';\r\nimport { ComboBoxCivilite } from '../../ComboBox/ComboBoxCivilite';\r\nimport { EUITextField } from '../../EUI/EUITextField';\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 { ProgressIndicatorChargement } from '../../Loader/ProgressIndicatorChargement';\r\nimport { MessageBars } from '../../Outils/MessageBars';\r\nimport PickerContact from '../../Picker/PickerContact';\r\nimport PickerCPVille from '../../Picker/PickerCPVille';\r\nimport Timeline from '../../Timeline/Timeline';\r\nimport { FicheContactHistorique } from '../FicheContactHistorique';\r\nimport { BlocContact } from './BlocContact';\r\nimport { BlocRgpd } from './BlocRgpd';\r\nimport './FicheContact.css';\r\n\r\n/*\r\n***************************************************************\r\n PROPS:\r\n\r\n idContact\r\n\r\n isOpen\r\n appelFicheContactEnModeCreation => cache le bouton Précédent\r\n // onRechargeFiche => DOIT TOUJOURS ETRE RENSEIGNEE => mode création de contact afin de rester sur le formulaire Contact avec rechargement de ses onglets // KP 30/12/19 - N'est plus utilisé\r\n\r\n onAnnuleFiche\r\n onEnregistrementFiche\r\n onAfficheOngletsSouhaitEtSouhaitMaisonIdividuelle => méthode parent permettant d'afficher les ongles Souhait et SouhaitMaisonIndividuelle lors de la création de la réservation\r\n //afin d'obliger le passage par Enregistrer du contact avant de poursuivre\r\n\r\n titre (facultatif)\r\n listeEtapesTimeline (facultatif) : si undefined alors on masque la timeline\r\n numEtape\r\n\r\n pasDAccesAuxSouhaits => == true on n'affiche pas le menu d'accès aux souhaits\r\n pasDAccesAuxSouhaitsMaisonIndividuelle => == true on n'affiche pas le menu d'accès aux souhaits Maison individuelle\r\n pasDAccesAuxDenonciations => == true on n'affiche pas le menu d'accès aux dénonciations\r\n pasDAccesAHistorique => == true on n'affiche pas le menu d'accès à l'historique\r\n\r\n \r\n //Mettre en place l'orientation Appartement ou Maison Individuelle\r\n //cela permettra de renseigner l'IdNature du souhait à créer lors de la création d'un contact\r\n idNature\r\n\r\n //****************************************************************************************************************************************************\r\n //mode sélection de souhait => ****** Mode création d'une réservation ******\r\n //****************************************************************************************************************************************************\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 => none, single, multiple\r\n\r\n //ne plus en tenir compte\r\n //si true on affichera un bouton dans la liste des souhaits qui permettra de sélectionner et renvoyer à la méthode onSelectionSouhait l'IdContact et l'IdSouhait du souhait sélectionné\r\n \r\n idLotCommercial => idLotCommercial du lot qu'on est en train de réserver - il nous permet de faire définir IdNature du souhait = IdNature du lotCommercial \r\n idOperation => idOperation du lot\r\n //****************************************************************************************************************************************************\r\n\r\n\r\n //****************************************************************************************************************************************************\r\n //mode enregistrement du souhait avec idReservation passé en paramètre => ****** Mode modification d'une réservation ******\r\n //****************************************************************************************************************************************************\r\n modeMiseAJourDuSouhaitLieAReservation => si true on affichera le bouton Lier à la réservation\r\n idReservation => mode modification de la réservation\r\n idOperation => mode modification de la réservation\r\n onEnregistrementLiaisonEntreSouhaitEtReservation => appelée à l'issue de la maj du souhait avec idreservation\r\n //****************************************************************************************************************************************************\r\n\r\n //**************************\r\n //Appel depuis FicheReservation\r\n //**************************\r\n //suppressionSouhaitPossible --> Permet de ne pas supprimer de souhait si la réservation est vérouillée\r\n //appelDepuisReservation --> utilisé pour afficher la barre d'aide dans le contact et demander a l'utilisateur de selectionner un souhait pour passer a la suite + masquer bouton suppression\r\n\r\n appelDepuisOption --> utilisé pour masquer bouton suppression\r\n\r\n***************************************************************\r\n*/\r\n\r\nexport class FicheContact extends Component {\r\n\r\n static defaultState = {\r\n contact: {},\r\n enfant: {},\r\n idNature: 0,\r\n listeContactsDedoublonnes: [],\r\n listeEnfants: [],\r\n objetSouhaitSelectionne: {},\r\n onEstPasseParLaListeDeDedoublonnement: false,\r\n reloadOnDismiss: false, // Passé en paramètre à props.onAnnuleFiche, permet le rechargement des données uniquement si on modifie le contact\r\n /* --- */\r\n affichageAucuneDenonceExistePourMoi: false,\r\n affichageBlocageCarDenonceParAutreCommercialisateur: false,\r\n affichageContact: false,\r\n affichageDedoublonnement: true,\r\n affichageDenonciations: false,\r\n affichageDialogCreationDeContact: false,\r\n affichageHistorique: false,\r\n affichagelisteContactsDedoublonnes: false,\r\n affichageOrigineContact: false,\r\n affichageRGPD: false,\r\n //affichageSelectionTypeDeSouhait: false, // KP - 12/07/2023 : ne semble plus être utilisé\r\n affichageSouhaits: false,\r\n affichageSouhaitsMaisonIndividuelle: false,\r\n /* --- */\r\n peutAccederOrigineContact: false,\r\n peutAccederSouhaits: false,\r\n peutAccederSouhaitsMaisonIndividuelle: false,\r\n peutCreerContact: false,\r\n peutModifierCivilite: false,\r\n peutModifierContact: false,\r\n peutModifierContactSa: false,\r\n peutModifierCpVille: false,\r\n peutModifierCritereDeDedoublonnement: false,\r\n peutModifierPrenom: false,\r\n peutSupprimerContact: false,\r\n peutVisualiserFicheContact: false,\r\n /* --- */\r\n onActiveBoutonEnregistrer: false,\r\n //possedeUneReservationDejaValidee: false, // KP - 07/04/2023 : n'est plus utilisé ?\r\n };\r\n\r\n _creationContent() {\r\n\r\n const { appelDepuisReservation } = this.props;\r\n const { contact, listeEnfants, peutModifierContactSa, peutModifierCivilite, peutModifierPrenom, peutModifierCpVille, peutModifierCritereDeDedoublonnement } = this.state;\r\n\r\n let renderFooterContent = null;\r\n let onAfficheLesSouhaits = true;\r\n let onAfficheLesSouhaitsMaisonIndividuelle = true;\r\n let onAfficheLesDenonciations = true;\r\n let onAfficheLHistorique = true;\r\n let onAfficheLOrigineContact = true;\r\n let titrePanel = ((this.state.contact.idContact === undefined || this.state.contact.idContact === null) ? 'Création d\\'un contact' : 'Edition du contact');\r\n\r\n //2 cas où on n'affiche pas le lien des souhaits\r\n if (this.props.pasDAccesAuxSouhaits !== undefined) {\r\n //on arrive de la liste des contacts\r\n onAfficheLesSouhaits = !this.props.pasDAccesAuxSouhaits;\r\n }\r\n //2 cas où on n'affiche pas le lien des souhaits Maison individuelle\r\n if (this.props.pasDAccesAuxSouhaitsMaisonIndividuelle !== undefined) {\r\n //on arrive de la liste des contacts\r\n onAfficheLesSouhaitsMaisonIndividuelle = !this.props.pasDAccesAuxSouhaitsMaisonIndividuelle;\r\n }\r\n //2 cas où on n'affiche pas le lien des dénonciations\r\n if (this.props.pasDAccesAuxDenonciations !== undefined) {\r\n //on arrive de la liste des contacts\r\n onAfficheLesDenonciations = !this.props.pasDAccesAuxDenonciations;\r\n }\r\n //2 cas où on n'affiche pas le lien des dénonciations\r\n if (this.props.pasDAccesAHistorique !== undefined) {\r\n //on arrive de la liste des contacts\r\n onAfficheLHistorique = !this.props.pasDAccesAHistorique;\r\n }\r\n\r\n onAfficheLesSouhaits = this.state.peutAccederSouhaits;\r\n onAfficheLesSouhaitsMaisonIndividuelle = this.state.peutAccederSouhaitsMaisonIndividuelle;\r\n onAfficheLOrigineContact = this.state.peutAccederOrigineContact;\r\n\r\n if (this.state.contact.idContact === undefined | this.state.contact.idContact === null) {\r\n //on est en mode création de contact\r\n onAfficheLesSouhaits = false;\r\n onAfficheLesSouhaitsMaisonIndividuelle = false;\r\n onAfficheLesDenonciations = false;\r\n onAfficheLHistorique = false;\r\n onAfficheLOrigineContact = false;\r\n }\r\n\r\n //let listDdnEnfants = []; // KP - 12/07/2023 : ne semble plus être utilisé\r\n\r\n if (this.state.affichageContact) {\r\n // KP - 12/07/2023 : ne semble plus être utilisé\r\n // let _this = this;\r\n //this.state.listeEnfants.forEach(function (value, index) {\r\n // if (value !== null) {\r\n // listDdnEnfants.push(\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 this._onChange(\"consentementCollecteDonneesPersonnelles\", isChecked)}\r\n />\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 //On grise systematiquement si on est en modification. \r\n //La V2 permettait d'éditer nom/prénom/civilité en mode modification --> dangereux car peut modifier completement un contact.\r\n renderFooterContent = this._onRenderFooterContentContact;\r\n }\r\n else if (this.state.affichageSouhaits) {\r\n renderFooterContent = this._onRenderFooterContentSouhait;\r\n }\r\n else if (this.state.affichageSouhaitsMaisonIndividuelle || this.state.affichageDenonciations || this.state.affichageHistorique || this.state.affichageOrigineContact) {\r\n renderFooterContent = this._onRenderFooterContentVide;\r\n }\r\n else if (this.state.affichageDedoublonnement) {\r\n renderFooterContent = this._onRenderFooterContentDedoublonnement;\r\n onAfficheLesSouhaits = false;\r\n onAfficheLesSouhaitsMaisonIndividuelle = false;\r\n onAfficheLesDenonciations = false;\r\n onAfficheLHistorique = false;\r\n onAfficheLOrigineContact = false;\r\n }\r\n else if (this.state.affichagelisteContactsDedoublonnes) {\r\n renderFooterContent = this._onRenderFooterContentContactsDedoublonnes;\r\n onAfficheLesSouhaits = false;\r\n onAfficheLesSouhaitsMaisonIndividuelle = false;\r\n onAfficheLesDenonciations = false;\r\n onAfficheLHistorique = false;\r\n onAfficheLOrigineContact = false;\r\n\r\n titrePanel = 'Liste des contacts trouvés';\r\n }\r\n else if (this.state.affichageRGPD) {\r\n renderFooterContent = this._onRenderFooterContentRGPD;\r\n onAfficheLesSouhaits = false;\r\n onAfficheLesSouhaitsMaisonIndividuelle = false;\r\n onAfficheLesDenonciations = false;\r\n onAfficheLHistorique = false;\r\n onAfficheLOrigineContact = false;\r\n }\r\n\r\n //Affichage des pivots en fct des droits\r\n if (onAfficheLHistorique && !this.state.peutVisualiserFicheContact) {\r\n onAfficheLHistorique = false;\r\n }\r\n\r\n return \r\n // \r\n // _this._onSuppressionDateNaissanceEnfant(value)} />\r\n //
\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 ? this.setState({ onActiveBoutonEnregistrer: false })}\r\n onDelayedChange={(contact, enfants) => this.setState({ contact, listeEnfants: enfants }, this._onVerificationFormulaire)}\r\n peutModifierContactSa={peutModifierContactSa}\r\n peutModifierCivilite={peutModifierCivilite}\r\n peutModifierPrenom={peutModifierPrenom}\r\n peutModifierCpVille={peutModifierCpVille}\r\n peutModifierCritereDeDedoublonnement={peutModifierCritereDeDedoublonnement}\r\n idReservation={this.props.idReservation}\r\n />\r\n }\r\n\r\n {!!this.state.affichageSouhaits && this.props.modeSelectionDeSouhait !== undefined &&\r\n this._onAnnulation()}\r\n />\r\n }\r\n\r\n {!!this.state.affichageOrigineContact &&\r\n this._onSelectionContactDedoublonne(idContactSelectionne)}\r\n />\r\n }\r\n\r\n {this.state.affichageRGPD &&\r\n this.setState({ contact }, this._onVerificationFormulaire)}\r\n />\r\n }\r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \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 this.state = { ...FicheContact.defaultState };\r\n this.scrollVersLeHaut = React.createRef(); // On crée une référence que l'on attache a un élément du DOM\r\n };\r\n\r\n _onInit = () => {\r\n this.setState({ ...FicheContact.defaultState });\r\n };\r\n\r\n _onEnregistrement = () => {\r\n this.setState({\r\n enCoursDeTraitement: true,\r\n messageEnCoursTraitement: 'Enregistrement du contact en cours',\r\n });\r\n\r\n const idNature = this.props.idNature || this.state.idNature || 0;\r\n\r\n let onEnregistrementContact = DataContact._onEnregistrementContact(\r\n this.state.contact,\r\n this.state.listeEnfants,\r\n this.props.idOperation,\r\n this.props.idLotCommercial,\r\n this.props.idReservation,\r\n idNature);\r\n\r\n onEnregistrementContact\r\n .then(responseFetch => {\r\n let retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responseFetch, this);\r\n\r\n if (retourVerif === null) {\r\n this.setState({\r\n reloadOnDismiss: true,\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\n let objetData = responseFetch.reponseAPIobjet[0];\r\n let objetDenonciationCommercialisateurExistePourQQ1Autre = responseFetch.reponseAPIobjet[1];\r\n\r\n if (objetDenonciationCommercialisateurExistePourQQ1Autre !== null) {\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 const state = { affichageBlocageCarDenonceParAutreCommercialisateur: true };\r\n Immocom.onReinitStateValeurParDefautEtExecutionDuSetState(this, state);\r\n }\r\n else {\r\n //création de contact\r\n const modeCreationDeContact = this.state.contact.idContact == null;\r\n if (modeCreationDeContact) {\r\n let affichageDialogCreationDeContact = true;\r\n if (this.props.appelDepuisOption)\r\n affichageDialogCreationDeContact = false;\r\n\r\n const contact = { ...this.state.contact, idContact: objetData.idContact };\r\n const state = { contact, affichageDialogCreationDeContact };\r\n Immocom.onReinitStateValeurParDefautEtExecutionDuSetState(this, state);\r\n }\r\n\r\n //si idOperation et idLotCommercial sont renseignés => on arrive de la réservation\r\n if (this.props.appelDepuisReservation === true) {\r\n if (this.props.onAfficheOngletsSouhaitEtSouhaitMaisonIdividuelle != undefined)\r\n this.props.onAfficheOngletsSouhaitEtSouhaitMaisonIdividuelle();\r\n }\r\n\r\n if (this.props.appelDepuisOption === true) {\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 this.props.onEnregistrementFiche(objetData.idContact);\r\n }\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 (responseFetch.message !== \"ok\")\r\n this.setState({ warningMessage: responseFetch.messageInfo });\r\n }\r\n else {\r\n Immocom.onTraitementErreurAvecState(this, {}, retourVerif, responseFetch);\r\n }\r\n });\r\n\r\n //Scroll vers le haut automatique\r\n this.scrollVersLeHaut.current.scrollIntoView({ block: 'start', behavior: 'smooth' });\r\n }\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 _onEnregistrementVisualerLeContact = () => {\r\n const { idContact } = this.props;\r\n if (!!idContact)\r\n DataContact._onEnregistrementVisualerLeContact(idContact).then(responseFetch => {\r\n const retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responseFetch, this);\r\n if (retourVerif === null) {\r\n let contact = { ...this.state.contact };\r\n contact.visualiserLe = new Date();\r\n this.setState({ contact });\r\n }\r\n else Immocom.onTraitementErreurAvecState(this, {}, retourVerif, responseFetch);\r\n });\r\n };\r\n\r\n _onEnregistrementLiaisonEntreSouhaitEtReservation = () => {\r\n this.setState({\r\n enCoursDeTraitement: true,\r\n messageEnCoursTraitement: 'Enregistrement du souhait en cours'\r\n });\r\n\r\n let onEnregistrementLiaisonEntreSouhaitEtReservation = DataContact._onEnregistrementLiaisonEntreSouhaitEtReservation(\r\n this.props.idReservation,\r\n this.props.idOperation,\r\n this.state.objetSouhaitSelectionne.idContact,\r\n this.state.objetSouhaitSelectionne.idSouhait);\r\n\r\n onEnregistrementLiaisonEntreSouhaitEtReservation\r\n .then(responseFetch => {\r\n let retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responseFetch, this);\r\n\r\n if (retourVerif === null) {\r\n\r\n Immocom.onReinitStateValeurParDefautEtExecutionDuSetState(this, { ...this.state });\r\n\r\n let objetData = responseFetch.reponseAPIobjet;\r\n\r\n this.props.onEnregistrementLiaisonEntreSouhaitEtReservation(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 _onChangeSelectionTypeDeSouhait = (ev, option) => {\r\n this.setState({\r\n idNature: option.key\r\n });\r\n }\r\n\r\n _onFermetureFenetreModalCreationDeContact = () => {\r\n this.setState({\r\n affichageDialogCreationDeContact: false\r\n });\r\n }\r\n\r\n _onFermetureFenetreBlocageCarDenonceParAutreCommercialisateur = () => {\r\n this.setState({\r\n affichageBlocageCarDenonceParAutreCommercialisateur: false\r\n });\r\n\r\n this._onFermetureFormulaire();\r\n }\r\n\r\n _onFermetureFenetreAucuneDenonceExistePourMoi = () => {\r\n if (this.props.appelDepuisOption === true) {\r\n this.props.onEnregistrementFiche(this.state.contact.idContact);\r\n }\r\n else {\r\n this.setState({\r\n affichageContact: false,\r\n affichageSouhaits: false,\r\n affichageSouhaitsMaisonIndividuelle: false,\r\n affichageDenonciations: true,\r\n affichageHistorique: false,\r\n affichageOrigineContact: false,\r\n affichageAucuneDenonceExistePourMoi: false\r\n });\r\n }\r\n }\r\n\r\n _onFermetureObligationRenseignementSouhait = () => {\r\n this.setState({\r\n affichageObligationRenseignementSouhait: false\r\n });\r\n }\r\n\r\n _onAffichageDialogSuppressionContact = () => {\r\n this.setState({\r\n onAfficheDialogSuppressionContact: true\r\n });\r\n }\r\n\r\n _onCacheDialogSuppressionContact = () => {\r\n this.setState({\r\n onAfficheDialogSuppressionContact: false\r\n });\r\n }\r\n\r\n _onVerification = () => {\r\n if (this._estValideFormulaireDedoublonnement()) {\r\n this._onSuivant();\r\n }\r\n }\r\n\r\n _onOpen = () => {\r\n const idContact = this.props.idContact || null;\r\n const contact = { ...this.state.contact, idContact };\r\n const titrePanelContact = this.props.titre || \"Fiche contact\";\r\n this.setState(\r\n { contact, titrePanelContact },\r\n !!idContact ? this._chargementDuContactPlusDroit : this._chargementDroits\r\n );\r\n };\r\n\r\n _onAnnulation = () => {\r\n this._onFermetureFormulaire();\r\n }\r\n\r\n _onFermetureFormulaire = () => {\r\n const { onAnnuleFiche } = this.props;\r\n const { reloadOnDismiss } = this.state;\r\n this._onInit();\r\n if (!!onAnnuleFiche && typeof onAnnuleFiche === \"function\") onAnnuleFiche(reloadOnDismiss);\r\n };\r\n\r\n _onSelectionContactDedoublonne = (idContactSelectionne) => {\r\n if (!!idContactSelectionne) { // Si clic sur contact déjà existant\r\n const entreeDeFormulaire = true;\r\n this._onVerificationSiDenonciationExiste(idContactSelectionne, entreeDeFormulaire);\r\n }\r\n else {\r\n const contact = this._chargementObjetContactAvecLeState();\r\n const state = { contact };\r\n Immocom.onReinitStateValeurParDefautEtExecutionDuSetStateEtExecutionCallBack(this, state, this._onSuivant);\r\n }\r\n };\r\n\r\n //testEntreeDeFormulaire => ==true => appel en entrée de formulaire ; == false => appel lors de la sortie du formulaire\r\n //sur création simple de contact et sur création de contact dans le cadre d'un passage de résea ou d'option\r\n _onVerificationSiDenonciationExiste = (idContactSelectionne, testEntreeDeFormulaire) => {\r\n const { appelDepuisOption, idOperation } = this.props;\r\n console.log(\"_onVerificationSiDenonciationExiste\")\r\n\r\n let proceed = true;\r\n if (appelDepuisOption) proceed = false; //rustine : si on est appelé de l'option on n'effectue pas cette action\r\n if (testEntreeDeFormulaire) proceed = true;\r\n\r\n if (proceed) {\r\n DataContact._onRegardeSiExisteDenonciationPourUnAutreCommercialisateurEtPourMoi(idContactSelectionne, idOperation).then(responseFetch => {\r\n const retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responseFetch, this);\r\n if (retourVerif === null) {\r\n\r\n const data = responseFetch.reponseAPIobjet;\r\n const objetDenonciationValideAutreCommercialisateur = data[0];\r\n const objetDenonciationPourMoi = data[1];\r\n const voitSesContacts = data[2];\r\n\r\n if (objetDenonciationValideAutreCommercialisateur == null && objetDenonciationPourMoi == null && voitSesContacts == null) {\r\n Immocom.onReinitStateValeurParDefautEtExecutionDuSetState(this, { ...this.state });\r\n this._onFermetureFormulaire();\r\n }\r\n else {\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 (testEntreeDeFormulaire) {\r\n if (objetDenonciationValideAutreCommercialisateur && !objetDenonciationPourMoi) {\r\n const state = {\r\n affichageDialogCreationDeContact: false,\r\n affichageBlocageCarDenonceParAutreCommercialisateur: true\r\n };\r\n Immocom.onReinitStateValeurParDefautEtExecutionDuSetState(this, state);\r\n }\r\n else if (!objetDenonciationValideAutreCommercialisateur) {\r\n //on recharge la fiche contact avec le contact sélectionné\r\n const contact = {\r\n ...this.state.contact,\r\n idContact: idContactSelectionne\r\n };\r\n const state = { contact };\r\n Immocom.onReinitStateValeurParDefautEtExecutionDuSetStateEtExecutionCallBack(this, state, this._onSuivant);\r\n }\r\n }\r\n else {\r\n //on est en sortie du formulaire\r\n if (objetDenonciationValideAutreCommercialisateur && !objetDenonciationPourMoi) {\r\n const state = {\r\n affichageDialogCreationDeContact: false,\r\n affichageBlocageCarDenonceParAutreCommercialisateur: true\r\n };\r\n Immocom.onReinitStateValeurParDefautEtExecutionDuSetState(this, state);\r\n }\r\n else if (!objetDenonciationPourMoi) {\r\n //ouverture panel de dénonciation\r\n const state = {\r\n affichageDialogCreationDeContact: false,\r\n affichageAucuneDenonceExistePourMoi: true\r\n };\r\n Immocom.onReinitStateValeurParDefautEtExecutionDuSetState(this, state);\r\n }\r\n else this._onFermetureFormulaire();\r\n }\r\n }\r\n else {\r\n if (testEntreeDeFormulaire) {\r\n const contact = {\r\n ...this.state.contact,\r\n idContact: idContactSelectionne\r\n };\r\n const state = { contact };\r\n Immocom.onReinitStateValeurParDefautEtExecutionDuSetStateEtExecutionCallBack(this, state, this._onSuivant);\r\n }\r\n else this._onFermetureFormulaire();\r\n }\r\n }\r\n }\r\n else Immocom.onTraitementErreurAvecState(this, {}, retourVerif, responseFetch);\r\n });\r\n }\r\n };\r\n\r\n _isDisabledBoutonSelectionSouhait = () => {\r\n const obj = this.state.objetSouhaitSelectionne || {};\r\n return !obj.idSouhait;\r\n };\r\n\r\n _onChangePickerContact = (contact) => {\r\n if (!contact) contact = {};\r\n const { civilite, nom, prenom, cp, ville, email, tel1 } = contact;\r\n const idContact = null;\r\n this.setState({ contact: { idContact, civilite, nom, prenom, cp, ville, email, tel1 } });\r\n };\r\n\r\n _onSelectionChangedSouhait = (items) => {\r\n\r\n let stateUpdates = {\r\n objetSouhaitSelectionne: {},\r\n affichageObligationRenseignementSouhait: false,\r\n };\r\n\r\n // Afficher une alerte si le souhait est incomplet\r\n if (!Array.isArray(items) || items.length !== 1) this.setState(stateUpdates);\r\n else {\r\n const souhait = items[0];\r\n const { idSouhait, rechercheMotifAcquisition, rechercheOrigineCommerciale } = souhait;\r\n if (!!idSouhait && !!rechercheMotifAcquisition && !!rechercheOrigineCommerciale)\r\n stateUpdates.objetSouhaitSelectionne = souhait;\r\n else stateUpdates.affichageObligationRenseignementSouhait = true;\r\n this.setState(stateUpdates);\r\n }\r\n\r\n };\r\n\r\n _onReturnSouhait = () => {\r\n this.props.onSelectionSouhait(this.state.objetSouhaitSelectionne);\r\n this._onAnnulation();\r\n }\r\n\r\n _onPrecedent = () => {\r\n let stateUpdates = {\r\n affichageContact: false,\r\n affichageSouhaits: false,\r\n affichageSouhaitsMaisonIndividuelle: false,\r\n affichageHistorique: false,\r\n affichageOrigineContact: false,\r\n affichageDedoublonnement: false,\r\n affichagelisteContactsDedoublonnes: false,\r\n affichageRGPD: false,\r\n\r\n //affichageSelectionTypeDeSouhait: false, // KP - 12/07/2023 : ne semble plus être utilisé\r\n affichageDialogCreationDeContact: false,\r\n affichageBlocageCarDenonceParAutreCommercialisateur: false,\r\n affichageAucuneDenonceExistePourMoi: false,\r\n };\r\n\r\n if (this.state.affichagelisteContactsDedoublonnes) { // Page actuelle = liste des contacts dédoublonnés\r\n stateUpdates.affichageDedoublonnement = true;\r\n stateUpdates.onEstPasseParLaListeDeDedoublonnement = false;\r\n }\r\n else if (this.state.affichageRGPD) { // Page actuelle = formulaire RGPD\r\n if (this.state.onEstPasseParLaListeDeDedoublonnement) stateUpdates.affichagelisteContactsDedoublonnes = true;\r\n else stateUpdates.affichageDedoublonnement = true;\r\n }\r\n else if (this.state.affichageContact) { // Page actuelle = formulaire de création/modification d'un contact\r\n if (this.state.onEstPasseParLaListeDeDedoublonnement)\r\n if (this.state.contact.idContact != null) {\r\n let contact = { ...this.state.contact };\r\n contact.idContact = null;\r\n\r\n stateUpdates.affichagelisteContactsDedoublonnes = true;\r\n stateUpdates.contact = contact;\r\n\r\n //this.props.onRechargeFiche(null); // A checker si réellement nécessaire\r\n }\r\n else stateUpdates.affichageRGPD = true;\r\n else\r\n if (this.state.contact.idContact != null) {\r\n let contact = { ...this.state.contact };\r\n contact.idContact = null;\r\n\r\n stateUpdates.affichagelisteContactsDedoublonnes = true;\r\n stateUpdates.contact = contact;\r\n }\r\n else stateUpdates.affichageRGPD = true;\r\n }\r\n this.setState(stateUpdates);\r\n }\r\n\r\n _onSuivant = async () => {\r\n\r\n let stateUpdates = {\r\n affichageContact: false,\r\n affichageSouhaits: false,\r\n affichageSouhaitsMaisonIndividuelle: false,\r\n affichageHistorique: false,\r\n affichageOrigineContact: false,\r\n affichageDedoublonnement: false,\r\n affichagelisteContactsDedoublonnes: false,\r\n affichageRGPD: false,\r\n\r\n affichageDialogCreationDeContact: false,\r\n affichageBlocageCarDenonceParAutreCommercialisateur: false,\r\n affichageAucuneDenonceExistePourMoi: false,\r\n\r\n enCoursDeTraitement: false,\r\n messageEnCoursTraitement: '',\r\n hideMessageBarError: true,\r\n errorMessage: ''\r\n };\r\n\r\n if (this.state.affichageDedoublonnement) {\r\n await DataContact._onGetSiContactExiste(this.state.contact).then(responseFetch => {\r\n const retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responseFetch, this);\r\n if (retourVerif === null) {\r\n const listeContactsDedoublonnes = responseFetch.reponseAPIobjet;\r\n //il existe plusieurs contacts identiques trouvés\r\n //on prend >1 car je renvoie une première ligne avec 'nouveau contact'\r\n if (listeContactsDedoublonnes.length > 1) {\r\n const contact = { ...this.state.contact, idContact: null };\r\n stateUpdates.affichagelisteContactsDedoublonnes = true;\r\n stateUpdates.contact = contact;\r\n stateUpdates.listeContactsDedoublonnes = listeContactsDedoublonnes;\r\n stateUpdates.onEstPasseParLaListeDeDedoublonnement = true;\r\n }\r\n else stateUpdates.affichageRGPD = true;\r\n }\r\n else Immocom.onTraitementErreurAvecState(this, {}, retourVerif, responseFetch);\r\n })\r\n }\r\n else if (this.state.affichagelisteContactsDedoublonnes) {\r\n if (this.state.contact.idContact == null) stateUpdates.affichageRGPD = true;\r\n else {\r\n //---------------------------------------------------------------\r\n //AF - Rechargement de l'objet contact lors de la selection depuis la liste des contacts dédoublonnés\r\n //---------------------------------------------------------------\r\n await DataContact._chargementContact(this.state.contact.idContact).then(responseFetch => {\r\n const retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responseFetch, this);\r\n if (retourVerif === null) {\r\n stateUpdates.contact = responseFetch.reponseAPIobjet[0];\r\n stateUpdates.affichageContact = true;\r\n }\r\n else this._onTraitementErreur(retourVerif, responseFetch);\r\n })\r\n }\r\n }\r\n else if (this.state.affichageRGPD) stateUpdates.affichageContact = true;\r\n\r\n this.setState(stateUpdates, this._onVerificationFormulaire);\r\n\r\n };\r\n\r\n _estValideFormulaireDedoublonnement = () => {\r\n const { contact } = this.state;\r\n if (!contact) return false;\r\n else {\r\n const { civilite, nom, prenom, cp } = contact;\r\n if (!civilite || civilite === \"0\") return false;\r\n if (!nom || !prenom || !cp) return false;\r\n }\r\n return true;\r\n };\r\n\r\n _chargementObjetContactAvecLeState = () => {\r\n const { civilite, nom, prenom, cp, ville, email, tel1 } = this.state.contact;\r\n const idContact = null;\r\n const contact = { idContact, civilite, nom, prenom, cp, ville, email, tel1 };\r\n return contact;\r\n };\r\n\r\n _chargementDuContactPlusDroit = () => {\r\n\r\n this.setState({\r\n enCoursDeTraitement: true,\r\n messageEnCoursTraitement: 'Chargement du contact'\r\n });\r\n\r\n DataContact._chargementContact(this.state.contact.idContact).then(responseFetch => {\r\n\r\n const retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responseFetch, this);\r\n if (retourVerif === null) {\r\n let retourData = responseFetch.reponseAPIobjet;\r\n\r\n let itemContact = retourData[0];\r\n let peutCreerContact = retourData[1];\r\n let peutModifierContact = retourData[2];\r\n let peutVisualiserFicheContact = retourData[3];\r\n let peutAccederSouhaits = retourData[4]; //a un mandat de type de programme correspondant au souhait normal\r\n let peutAccederSouhaitsMaisonIndividuelle = retourData[5]; //a un mandat de type de programme correspondant au souhait maison individuelle\r\n let peutSupprimerContact = retourData[6];\r\n let peutModifierContactSa = retourData[7];\r\n let peutModifierCritereDeDedoublonnement = retourData[9];\r\n let peutAccederOrigineContact = retourData[11];\r\n let peutModifierCivilite = retourData[12];\r\n let peutModifierPrenom = retourData[13];\r\n let peutModifierCpVille = retourData[14];\r\n\r\n let listEnfants = [];\r\n\r\n if (itemContact.dateNaissanceEnfant1 !== null) {\r\n listEnfants.push(itemContact.dateNaissanceEnfant1);\r\n }\r\n if (itemContact.dateNaissanceEnfant2 !== null) {\r\n listEnfants.push(itemContact.dateNaissanceEnfant2);\r\n }\r\n if (itemContact.dateNaissanceEnfant3 !== null) {\r\n listEnfants.push(itemContact.dateNaissanceEnfant3);\r\n }\r\n if (itemContact.dateNaissanceEnfant4 !== null) {\r\n listEnfants.push(itemContact.dateNaissanceEnfant4);\r\n }\r\n if (itemContact.dateNaissanceEnfant5 !== null) {\r\n listEnfants.push(itemContact.dateNaissanceEnfant5);\r\n }\r\n\r\n //Suppression des espaces à l'affichage --> Cela ne declenche pas le message d'erreur \r\n itemContact.tel1 = (itemContact.tel1 !== null ? itemContact.tel1.replace(/\\s/g, '') : \"\");\r\n itemContact.tel2 = (itemContact.tel2 !== null ? itemContact.tel2.replace(/\\s/g, '') : \"\");\r\n //-------------------------------------\r\n\r\n const idContactRenseigne = !!this.props.idContact;\r\n\r\n let stateTemp = {\r\n contact: itemContact,\r\n listeEnfants: listEnfants,\r\n peutCreerContact,\r\n peutModifierContact,\r\n peutSupprimerContact,\r\n peutVisualiserFicheContact,\r\n peutAccederSouhaits,\r\n peutAccederSouhaitsMaisonIndividuelle,\r\n peutAccederOrigineContact,\r\n affichageContact: idContactRenseigne, // Si this.props.idContact existe alors omettre étape dédoublonnement\r\n affichageSouhaits: false,\r\n affichageSouhaitsMaisonIndividuelle: false,\r\n affichageDedoublonnement: !idContactRenseigne, // Si this.props.idContact n'existe pas alors proposer le dédoublonnement\r\n affichageHistorique: false,\r\n affichageOrigineContact: false,\r\n affichagelisteContactsDedoublonnes: false,\r\n affichageRGPD: false,\r\n onEstPasseParLaListeDeDedoublonnement: false,\r\n peutModifierContactSa,\r\n peutModifierCivilite,\r\n peutModifierPrenom,\r\n peutModifierCpVille,\r\n peutModifierCritereDeDedoublonnement,\r\n };\r\n\r\n Immocom.onReinitStateValeurParDefautEtExecutionDuSetStateEtExecutionCallBack(this, stateTemp, this._onVerificationFormulaire);\r\n\r\n // KP - 21/03/2023 - 2332 : si chargement du contact ok, alors mettre à jour champ VisualiserLe\r\n if (!itemContact.visualiserLe)\r\n this._onEnregistrementVisualerLeContact();\r\n }\r\n else {\r\n let stateTemp = {};\r\n stateTemp.contact = {};\r\n stateTemp.peutCreerContact = false;\r\n stateTemp.peutModifierContact = false;\r\n stateTemp.peutSupprimerContact = false;\r\n stateTemp.peutVisualiserFicheContact = false;\r\n stateTemp.peutModifierCivilite = false;\r\n stateTemp.peutModifierPrenom = false;\r\n stateTemp.peutModifierCpVille = false;\r\n stateTemp.peutModifierCritereDeDedoublonnement = false;\r\n\r\n stateTemp.affichageContact = false;\r\n stateTemp.affichageSouhaits = false;\r\n stateTemp.affichageSouhaitsMaisonIndividuelle = false;\r\n stateTemp.affichageDedoublonnement = true;\r\n stateTemp.affichageHistorique = false;\r\n stateTemp.affichageOrigineContact = false;\r\n stateTemp.affichagelisteContactsDedoublonnes = false;\r\n stateTemp.affichageRGPD = false;\r\n stateTemp.onEstPasseParLaListeDeDedoublonnement = false;\r\n stateTemp.peutModifierContactSa = false;\r\n //stateTemp.possedeUneReservationDejaValidee = false;\r\n\r\n Immocom.onTraitementErreurAvecState(this, stateTemp, retourVerif, responseFetch);\r\n }\r\n });\r\n };\r\n\r\n _chargementDroits = () => {\r\n this.setState({\r\n enCoursDeTraitement: true,\r\n messageEnCoursTraitement: 'Chargement des droits'\r\n });\r\n\r\n let chargementListeDesDroitsFicheContact = DataContact._chargementListeDesDroitsFicheContact();\r\n chargementListeDesDroitsFicheContact\r\n .then(responseFetch => {\r\n let retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responseFetch, this);\r\n\r\n if (retourVerif === null) {\r\n let listDroits = responseFetch.reponseAPIobjet;\r\n let peutCreerContact = listDroits[0];\r\n let peutModifierContact = listDroits[1];\r\n let peutVisualiserFicheContact = listDroits[2];\r\n let peutAccederSouhaits = listDroits[3]; //a un mandat de type de programme correspondant au souhait normal\r\n let peutAccederSouhaitsMaisonIndividuelle = listDroits[4]; //a un mandat de type de programme correspondant au souhait maison individuelle\r\n let peutSupprimerContact = listDroits[6];\r\n let peutModifierCritereDeDedoublonnement = listDroits[7];\r\n\r\n let stateTemp = {};\r\n stateTemp.contact = {};\r\n stateTemp.droitsCharges = true;\r\n stateTemp.peutCreerContact = peutCreerContact;\r\n stateTemp.peutModifierContact = peutModifierContact;\r\n stateTemp.peutSupprimerContact = peutSupprimerContact;\r\n stateTemp.peutVisualiserFicheContact = peutVisualiserFicheContact;\r\n stateTemp.peutAccederSouhaits = peutAccederSouhaits;\r\n stateTemp.peutAccederSouhaitsMaisonIndividuelle = peutAccederSouhaitsMaisonIndividuelle;\r\n stateTemp.peutModifierCritereDeDedoublonnement = peutModifierCritereDeDedoublonnement;\r\n\r\n stateTemp.affichageContact = this.state.onEstPasseParLaListeDeDedoublonnement;\r\n stateTemp.affichageSouhaits = false;\r\n stateTemp.affichageSouhaitsMaisonIndividuelle = false;\r\n stateTemp.affichageDedoublonnement = !this.state.onEstPasseParLaListeDeDedoublonnement;\r\n stateTemp.affichageHistorique = false;\r\n stateTemp.affichageOrigineContact = false;\r\n stateTemp.affichagelisteContactsDedoublonnes = false;\r\n stateTemp.affichageRGPD = false;\r\n stateTemp.onEstPasseParLaListeDeDedoublonnement = false;\r\n stateTemp.hideMessageBarFiltres = (responseFetch.messageInfo === \"\" || responseFetch.messageInfo === null);\r\n stateTemp.messageMessageBarFiltres = responseFetch.messageInfo;\r\n stateTemp.peutModifierContactSa = false;\r\n //stateTemp.possedeUneReservationDejaValidee = false;\r\n\r\n Immocom.onReinitStateValeurParDefautEtExecutionDuSetState(this, stateTemp);\r\n }\r\n else {\r\n let stateTemp = {};\r\n stateTemp.contact.idContact = null;\r\n stateTemp.contact.civilite = '0';\r\n stateTemp.contact.nom = null;\r\n stateTemp.contact.prenom = null;\r\n stateTemp.contact.cp = null;\r\n stateTemp.contact.ville = null;\r\n\r\n stateTemp.peutCreerContact = false;\r\n stateTemp.peutModifierContact = false;\r\n stateTemp.peutSupprimerContact = false;\r\n stateTemp.peutVisualiserFicheContact = false;\r\n stateTemp.peutModifierCritereDeDedoublonnement = false;\r\n\r\n stateTemp.affichageContact = this.state.onEstPasseParLaListeDeDedoublonnement;\r\n stateTemp.affichageSouhaits = false;\r\n stateTemp.affichageSouhaitsMaisonIndividuelle = false;\r\n stateTemp.affichageDedoublonnement = !this.state.onEstPasseParLaListeDeDedoublonnement;\r\n stateTemp.affichageHistorique = false;\r\n stateTemp.affichageOrigineContact = false;\r\n stateTemp.affichagelisteContactsDedoublonnes = false;\r\n stateTemp.affichageRGPD = false;\r\n stateTemp.onEstPasseParLaListeDeDedoublonnement = false;\r\n stateTemp.peutModifierContactSa = false;\r\n //stateTemp.possedeUneReservationDejaValidee = false;\r\n\r\n Immocom.onTraitementErreurAvecState(this, stateTemp, retourVerif, responseFetch);\r\n }\r\n });\r\n }\r\n\r\n _onSuppressionContact = () => {\r\n this.setState({\r\n enCoursDeTraitement: true,\r\n messageEnCoursTraitement: 'Suppression du contact en cours'\r\n });\r\n\r\n let onSuppressionContact = DataContact._onSuppressionContact(this.state.contact.idContact);\r\n onSuppressionContact\r\n .then(responseFetch => {\r\n let retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responseFetch, this);\r\n\r\n if (retourVerif === null) {\r\n let stateTemp = {};\r\n stateTemp.onAfficheDialogSuppressionContact = false;\r\n\r\n Immocom.onReinitStateValeurParDefautEtExecutionDuSetState(this, stateTemp);\r\n\r\n this.props.onEnregistrementFiche();\r\n }\r\n else {\r\n let stateTemp = {};\r\n stateTemp.onAfficheDialogSuppressionContact = false;\r\n\r\n Immocom.onTraitementErreurAvecState(this, stateTemp, retourVerif, responseFetch);\r\n }\r\n });\r\n }\r\n\r\n _onRenderFooterContentContact = () => {\r\n let disabledButtonEnregistrement = !this.state.affichageContact;\r\n let disabledButtonSuppression = !this.state.affichageContact;\r\n\r\n disabledButtonEnregistrement = !this.state.onActiveBoutonEnregistrer;\r\n\r\n if (!this.state.peutModifierContact && this.props.idContact !== null) {\r\n disabledButtonEnregistrement = true;\r\n disabledButtonSuppression = true;\r\n }\r\n\r\n if (!this.state.peutCreerContact && this.props.idContact === null) {\r\n disabledButtonEnregistrement = true;\r\n }\r\n\r\n if (!this.state.peutSupprimerContact && this.props.idContact === null) {\r\n disabledButtonSuppression = true;\r\n }\r\n\r\n let styleBoutonPrecedent = {};\r\n\r\n if (this.props.appelFicheContactEnModeCreation) {\r\n styleBoutonPrecedent = { marginRight: '8px' };\r\n }\r\n else {\r\n styleBoutonPrecedent = { display: 'none', marginRight: '8px' };\r\n }\r\n\r\n let hiddenBoutonSupprimer = false;\r\n if (this.props.appelDepuisReservation || //Réservation\r\n this.props.appelDepuisOption || //Option\r\n !this.state.contact.idContact) //Prospection en mode création\r\n {\r\n hiddenBoutonSupprimer = true;\r\n }\r\n\r\n return (\r\n \r\n
\r\n }\r\n\r\n {!!this.state.affichageSouhaits && this.props.modeSelectionDeSouhait === undefined &&\r\n \r\n
\r\n }\r\n\r\n {!!this.state.affichageSouhaitsMaisonIndividuelle &&\r\n \r\n
\r\n }\r\n\r\n {!!this.state.affichageDenonciations &&\r\n \r\n
\r\n }\r\n\r\n {!!this.state.affichagelisteContactsDedoublonnes &&\r\n \r\n
\r\n \r\n this.setState(prev => ({ contact: { ...prev.contact, civilite: option.key } }))}\r\n required\r\n selectedKey={this.state.contact.civilite}\r\n />\r\n
\r\n \r\n this._onChangePickerContact(contact)}\r\n onInputChange={(newValue) => this.setState(prev => ({ contact: { ...prev.contact, nom: newValue } }))}\r\n required\r\n />\r\n
\r\n \r\n this.setState(prev => ({ contact: { ...prev.contact, prenom: newValue } }))}\r\n removeMultipleSpaces\r\n removeSpecialCharacters\r\n required\r\n value={this.state.contact.prenom}\r\n />\r\n
\r\n \r\n {\r\n if (!villeObject) villeObject = { cpAdministratif: null, villeAdministrative: null };\r\n const { cpAdministratif: cp, villeAdministrative: ville } = villeObject;\r\n this.setState(prev => ({ contact: { ...prev.contact, cp, ville } }));\r\n }}\r\n required\r\n ville={this.state.contact.ville}\r\n />\r\n
\r\n \r\n
\r\n \r\n this.setState(prev => ({ contact: { ...prev.contact, email: newValue } }))}\r\n value={this.state.contact.email}\r\n />\r\n
\r\n \r\n this.setState(prev => ({ contact: { ...prev.contact, tel1: newValue } }))}\r\n value={this.state.contact.tel1}\r\n />\r\n
\r\n \r\n this._onPrecedent()} style={styleBoutonPrecedent}>Précédent \r\n this._onEnregistrement()} className=\"marginRight8px\" disabled={disabledButtonEnregistrement}>Enregistrer \r\n this._onAffichageDialogSuppressionContact()} className=\"marginRight8px\" disabled={disabledButtonSuppression} hidden={hiddenBoutonSupprimer}>Supprimer \r\n Annuler \r\n
\r\n );\r\n };\r\n\r\n _onRenderFooterContentSouhait = () => {\r\n let disabledButton = this._isDisabledBoutonSelectionSouhait();\r\n\r\n if ((this.props.modeSelectionDeSouhait !== undefined && this.props.modeSelectionDeSouhait !== 'none') && !this.props.modeMiseAJourDuSouhaitLieAReservation) {\r\n return (\r\n \r\n this._onReturnSouhait()} disabled={disabledButton}>Sélectionner \r\n Annuler \r\n
\r\n );\r\n }\r\n else if (this.props.modeMiseAJourDuSouhaitLieAReservation) {\r\n return (\r\n \r\n this._onEnregistrementLiaisonEntreSouhaitEtReservation()} disabled={disabledButton}>Lier à la réservation \r\n Annuler \r\n
\r\n );\r\n }\r\n else {\r\n return ();\r\n }\r\n };\r\n\r\n _onRenderFooterContentVide = () => ;\r\n\r\n _onRenderFooterContentDedoublonnement = () => {\r\n const disabled = !this._estValideFormulaireDedoublonnement();\r\n return \r\n Suivant \r\n Annuler \r\n
;\r\n };\r\n\r\n _onRenderFooterContentContactsDedoublonnes = () => {\r\n return (\r\n \r\n this._onPrecedent()} className=\"marginRight8px\">Précédent \r\n Annuler \r\n
\r\n );\r\n };\r\n\r\n _onRenderFooterContentRGPD = () => {\r\n let disabledButton = !this.state.contact.consentementCollecteDonneesPersonnelles;\r\n\r\n return (\r\n \r\n this._onPrecedent()} className=\"marginRight8px\">Précédent \r\n Suivant \r\n Annuler \r\n
\r\n );\r\n };\r\n\r\n _onSelectionOnglet = (stateAttributeName) => () => {\r\n let state = {\r\n affichageContact: false,\r\n affichageDenonciations: false,\r\n affichageHistorique: false,\r\n affichageOrigineContact: false,\r\n affichageSouhaits: false,\r\n affichageSouhaitsMaisonIndividuelle: false,\r\n };\r\n state[stateAttributeName] = true;\r\n if (stateAttributeName === 'affichageSouhaits') state.objetSouhaitSelectionne = {};\r\n this.setState(state);\r\n };\r\n\r\n _onVerificationFormulaire = () => {\r\n Immocom.fiche()._validationFormulaire(this, 'Contact', this.state.contact, (this.state.contact.idContact > 0 ? 'Modification' : 'Création'));\r\n };\r\n\r\n componentDidUpdate() {\r\n if (this.state.contact.consentementDiffusionDonneesPersonnelles === undefined) {\r\n let contactTrav = { ...this.state.contact };\r\n contactTrav.consentementDiffusionDonneesPersonnelles = true;\r\n this.setState({ contact: contactTrav });\r\n }\r\n }\r\n\r\n render = () => {\r\n return this._creationContent();\r\n };\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 { TextField } from 'office-ui-fabric-react/lib/TextField';\r\nimport React, { Component } from 'react';\r\nimport Scriba from '@devnet/react-scriba';\r\nimport { DataReservation } from '../../data/DataReservation';\r\nimport { MaxLengths } from '../../data/MaxLenghts';\r\nimport { Immocom } from '../../specifique/immocom';\r\nimport { EUIComboBox } from '../EUI/EUIComboBox';\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\n\r\n/****************************************************************\r\n PROPS:\r\n idOperation\r\n idReservation\r\n peutModifierBlocDepotGarantie\r\n peutAjouterBlocDepotGarantie\r\n\r\n onAffichePanelDepotGarantie : 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 hideMessageBarError: true,\r\n errorMessage: '',\r\n hideMessageBarWarning: true,\r\n warningMessage: '',\r\n\r\n titrePanelDepotGarantie: 'Ajouter un dépôt de garantie',\r\n\r\n onActiveBoutonEnregistrer: false,\r\n};\r\n\r\nexport class FicheDepotGarantie 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 _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 _creationContentTypageDocument() {\r\n\r\n const desactiveZone = perimetre !== 'Opération' // Zone inactive si périmètre du document != opération...\r\n || this.state.documentEnCours === null // ou si document inexistant...\r\n || this.state.documentEnCours.typeDocument === undefined // Ou si type du document (opération ou lot) inexistant\r\n || this.state.documentEnCours.typeDocument === null;\r\n const desactiveZoneOperation = desactiveZone || this.state.documentEnCours.typeDocument !== \"Operation\"; // Section Opération inactive si type != opération\r\n const desactiveZoneLot = desactiveZone || this.state.documentEnCours.typeDocument !== \"Lot\"; // Section Lot inactive si type != lot\r\n\r\n return (\r\n \r\n
\r\n \r\n this.setState({ errorMessage: \"\" })}\r\n onDismissSuccessMessage={() => this.setState({ successMessage: \"\" })}\r\n onDismissWarningMessage={() => this.setState({ warningMessage: \"\" })}\r\n />\r\n\r\n {this.state.enCoursDeTraitement ? this._onUploadFileChange(e)} />\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 this.columns = [\r\n {\r\n key: 'id', name: 'ID', fieldName: 'id', minWidth: 50, maxWidth: 50\r\n },\r\n {\r\n key: 'nomFichier', name: 'Nom fichier', fieldName: 'nomFichier', minWidth: 300, maxWidth: 800, isResizable: true,\r\n onRender: (item) => {\r\n return {item.nom};\r\n }\r\n },\r\n {\r\n key: 'taille', name: 'Taille', fieldName: 'taille', minWidth: 80, maxWidth: 80,\r\n onRender: (item) => {\r\n return {this._getFileSizeString(item.size)};\r\n }\r\n },\r\n {\r\n key: 'perimetre', name: 'Périmètre', fieldName: 'perimetre', minWidth: 100, maxWidth: 200, isResizable: true,\r\n onRender: () => {\r\n return {perimetre};\r\n }\r\n },\r\n {\r\n key: 'edition', name: '', fieldName: 'edition', minWidth: 20, maxWidth: 20, isIconOnly: true,\r\n onRender: (item) => {\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 : null}\r\n\r\n \r\n this._onModificationTypeDocument(option.key)}\r\n options={[\r\n { key: 'Operation', text: 'Opération' },\r\n { key: 'Lot', text: 'Lot' }\r\n ]}\r\n required\r\n selectedKey={(this.state.documentEnCours != null ? this.state.documentEnCours.typeDocument : 'Opération')}\r\n />\r\n
\r\n \r\n
\r\n\r\n {perimetre === 'Réservation' ?\r\n \r\n
\r\n {`Type document ${perimetre}`}
\r\n \r\n
:\r\n \r\n this._onChangeDocumentReservationCategorie(option.key)}\r\n required\r\n selectedKey={this.state.documentEnCours.idDocumentReservationCategorie}\r\n />\r\n
\r\n \r\n this._onChangeDocumentReservationType(option.key)}\r\n required\r\n selectedKey={this.state.documentEnCours.idDocumentReservationType}\r\n />\r\n
\r\n \r\n
\r\n }\r\n\r\n {perimetre === 'Opération' ?\r\n \r\n this._onChangeDocumentOperationCategorie(option.key)}\r\n required\r\n selectedKey={this.state.documentEnCours.idDocumentOperationCategorie}\r\n />\r\n
\r\n \r\n this._onChangeDocumentOperationType(option.key)}\r\n required\r\n selectedKey={this.state.documentEnCours.idDocumentOperationType}\r\n />\r\n
\r\n \r\n \r\n\r\n
\r\n : null}\r\n \r\n
\r\n\r\n \r\n
\r\n Lot
\r\n \r\n
\r\n \r\n this._onChangeLotsOperation(option.key)}\r\n required\r\n selectedKey={this.state.documentEnCours.idLot}\r\n />\r\n
\r\n \r\n this._onChangeDocumentLotCategorie(option.key)}\r\n required\r\n selectedKey={this.state.documentEnCours.idDocumentLotCategorie}\r\n />\r\n
\r\n \r\n this._onChangeDocumentLotType(option.key)}\r\n required\r\n selectedKey={this.state.documentEnCours.idDocumentLotType}\r\n />\r\n
\r\n \r\n this._onAnnulation()}>Fermer \r\n
\r\n );\r\n };\r\n _onRenderFooterContentTypeDocument = () => {\r\n return (\r\n \r\n this._onEnregistrement()} disabled={!this.state.onActiveBoutonEnregistrer} style={{ marginRight: '8px' }}>Enregistrer \r\n this._onCachePanelTypeDocument()}>Fermer \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 let idDocument = this.state.documentEnCours.id;\r\n\r\n let onEnregistrementImportDocument = DataDocument._onEnregistrementImportDocument(this.state.documentEnCours, idOperationPerimetre, idAgencePerimetre, idRegionPerimetre, this.props.idReservation);\r\n\r\n onEnregistrementImportDocument\r\n .then(responseFetch => {\r\n let retourVerif = Immocom.onRegardeSiOnChargeLesDonnees(responseFetch, this);\r\n\r\n if (retourVerif === null) {\r\n this._onCachePanelTypeDocument();\r\n this._onSuppressionDocument(idDocument, true);\r\n }\r\n else {\r\n Immocom.onTraitementErreurAvecState(this, { ...this.state }, retourVerif, responseFetch);\r\n }\r\n });\r\n }\r\n _onSuppressionDocument = (index, onAfficheMessageSucces) => {\r\n let tableauDocuments = [...this.state.documents];\r\n let element = tableauDocuments.find(d => d.id === index);\r\n let i = tableauDocuments.indexOf(element);\r\n\r\n tableauDocuments.splice(i, 1);\r\n\r\n this.setState({\r\n documents: tableauDocuments,\r\n hideMessageBarSuccess: !onAfficheMessageSucces,\r\n successMessage: (onAfficheMessageSucces ? 'Le document a bien été enregistré.' : '')\r\n });\r\n }\r\n _onAnnulation = () => {\r\n this._onInit();\r\n this.props.onFermeFicheImportDocument();\r\n }\r\n\r\n componentDidMount() {\r\n this._recuperationPerimetre();\r\n }\r\n componentWillUnmount() {\r\n }\r\n //componentDidUpdate() {\r\n // if (localStorage.getItem(\"onRecharge\") === \"true\") {\r\n // localStorage.setItem(\"onRecharge\", \"false\");\r\n // this._recuperationPerimetre();\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._recuperationPerimetre();\r\n };\r\n\r\n render() {\r\n return this._creationContent();\r\n }\r\n}\r\n\r\nconst FicheImportDocumentWithPerimetre = withRouter(FicheImportDocumentComponent);\r\n\r\nexport class FicheImportDocument extends Component {\r\n static contextType = PerimetreContext;\r\n render = () => {\r\n const { perimetre } = this.context;\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 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 { 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 Scriba from '@devnet/react-scriba';\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 { 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 { 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 Scriba from '@devnet/react-scriba';\r\nimport { DataReservation } from '../../data/DataReservation';\r\nimport { MaxLengths } from '../../data/MaxLenghts';\r\nimport { Immocom } from '../../specifique/immocom';\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 _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);\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(2021, 2, 1)) {\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) {\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(reservation.dateDebutPriseEnChargeFichesKYC_Et_FicheInfoPrecontractuelle)) { //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 onAffichePanelReservation\r\n\r\n onFermeFicheReservation : méthode\r\n onEnregistrementFiche : 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\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 affichageOngletDesSouhaits: 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: [],\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: {},\r\n existeDocumentsSigneEiffage: false,\r\n existeDocumentsASignerParEiffage: false\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);\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.estVerrouillee)} text=\"Valider\" />\r\n \r\n \r\n\r\n \r\n \r\n this._validationDonneesCGReservation(!reservation.estValideeCG)} 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.onAffichePanelReservation)\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 key: \"actes\",\r\n name: \"Actés\",\r\n onRender: (item) => {Scriba.nombre().nombreVersTexteAvecPrecisionAfficheeSpecifiee(item.actes.toFixed(2), false, 2)} €\r\n }, {\r\n key: \"exigibles\",\r\n name: \"Exigibles\",\r\n onRender: (item) => {Scriba.nombre().nombreVersTexteAvecPrecisionAfficheeSpecifiee(item.exigibles.toFixed(2), false, 2)} €\r\n }, {\r\n key: \"appeles\",\r\n name: \"Appelés\",\r\n onRender: (item) => {Scriba.nombre().nombreVersTexteAvecPrecisionAfficheeSpecifiee(item.appeles.toFixed(2), false, 2)} €\r\n }, {\r\n key: \"dus\",\r\n name: \"Dus\",\r\n onRender: (item) => {Scriba.nombre().nombreVersTexteAvecPrecisionAfficheeSpecifiee(item.dus.toFixed(2), false, 2)} €\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 : \r\n Valider \r\n Fermer \r\n
\r\n );\r\n }\r\n\r\n _onRenderFooterEditionContent = () => {\r\n let boutonActif = this._validationFormulaire(this.state.indicateur);\r\n\r\n return (\r\n \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 // 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\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\r\n render = () => {\r\n const content = this._creationContent();\r\n\r\n return