) => void;\r\n objektTyper: {\r\n value: number;\r\n text: string;\r\n }[];\r\n ændringsTyper: {\r\n value: number;\r\n text: string;\r\n }[];\r\n sagsbehandlingApi: SagsbehandlingApi;\r\n}) {\r\n const {\r\n indlaeg,\r\n isMe,\r\n fromBehandler,\r\n isHoeringssagChat,\r\n isStednavn,\r\n indberetning,\r\n currentUser,\r\n setChatState,\r\n cancelDrawingAndUploadFile,\r\n setIndberetning,\r\n onEditGeometry,\r\n objektTyper,\r\n ændringsTyper,\r\n sagsbehandlingApi,\r\n } = props;\r\n\r\n const {\r\n deleteAendringsforslag,\r\n deleteSagsakt,\r\n getIndberetning,\r\n redigerAendringsforslag,\r\n redigerSagsakt,\r\n } = sagsbehandlingApi;\r\n const { showModal, closeModal } = useContext(ModalContext);\r\n const { mapState, dispatchToMap } = useContext(MapContext);\r\n const setHoveredFeatures = (ids) =>\r\n dispatchToMap({\r\n type: \"SET_HOVERED_FEATURES\",\r\n hoveredFeatures: ids,\r\n });\r\n const { map, hoveredFeatures } = mapState;\r\n const sagsAktType = indlaeg.originalFilNavn === \"\" ? \"Geometri\" : \"Fil\";\r\n const features = finishedDrawingSource.getFeatures() as any; // TODO: Hack because i can't get values otherwise\r\n\r\n const currentFeature = features.find(\r\n (e) => e.get(\"geometriId\") === indlaeg.geometriId\r\n );\r\n const modifyFeature = (modifySource.getFeatures() as any).find(\r\n (e) => e.get(\"geometriId\") === indlaeg.geometriId\r\n );\r\n\r\n if (!(currentFeature || modifyFeature)) {\r\n return null;\r\n }\r\n const geometri = {\r\n aendringTypeId: indlaeg.aendringTypeId,\r\n aendringType: indlaeg.aendringType,\r\n drawing: currentFeature ? currentFeature : modifyFeature,\r\n featureTypeId: indlaeg.featureTypeId,\r\n featureType: indlaeg.featureType,\r\n beskrivelse: indlaeg.beskrivelse,\r\n dato: indlaeg.dato,\r\n };\r\n let name;\r\n if (isHoeringssagChat) {\r\n if (fromBehandler) {\r\n name = \"Høringspart\";\r\n } else {\r\n name = \"Høringsansvarlig\";\r\n }\r\n } else {\r\n if (fromBehandler) {\r\n name = \"Sagsbehandler\";\r\n } else {\r\n name = \"Indberetter\";\r\n }\r\n }\r\n // if the sag is not in høring it cant be edited\r\n let hideEdit = false;\r\n if (isHoeringssagChat && indberetning.statusId !== statusIdEnum.iHoering) {\r\n hideEdit = true;\r\n } else if (!isHoeringssagChat) {\r\n const currentSagsbehandler = indberetning.ressource?.find(\r\n (x) => x.rolleId === RessourceRolleIdEnum.sagsbehandler\r\n );\r\n if (\r\n (currentUser.personId !== currentSagsbehandler?.personId &&\r\n fromBehandler) ||\r\n isIndberetningAfsluttet(indberetning)\r\n ) {\r\n hideEdit = true;\r\n }\r\n }\r\n // The three ... menu on geometry and file must be hidden if:\r\n\r\n let hideOptions = false;\r\n // currentUser is not the owner and is an indberetter or gæst\r\n if (\r\n [RessourceRolleIdEnum.indberetter, RessourceRolleIdEnum.gæst].includes(\r\n currentUser.rolleId\r\n ) &&\r\n !isMe\r\n ) {\r\n hideOptions = true;\r\n }\r\n\r\n return (\r\n // \r\n
\r\n \r\n \r\n \r\n \r\n {indlaeg.personNavn && (\r\n {`${indlaeg.personNavn} - `}\r\n )}\r\n {name}\r\n \r\n
\r\n \r\n {formatDateString(indlaeg?.dato)}\r\n \r\n \r\n \r\n {formatDateString(new Date(indlaeg?.dato).toString(), \"dd-MM-yyyy\")}\r\n {\" \"}\r\n klokken{\" \"}\r\n {formatDateString(new Date(indlaeg?.dato).toString(), \"HH:mm\")}\r\n \r\n \r\n {indlaeg.geometriId && geometri.drawing && sagsAktType === \"Geometri\" && (\r\n -1}\r\n geometri={geometri}\r\n hideEditOptions={!isMe || hideEdit}\r\n hideDeleteOption={\r\n !isMe ||\r\n hideEdit ||\r\n (isStednavn &&\r\n currentUser.rolleId === RessourceRolleIdEnum.indberetter)\r\n }\r\n hideOptions={hideOptions}\r\n downloadLink={getDownloadGeometryLink(indberetning.id, indlaeg.id)}\r\n setHoveredFeatures={setHoveredFeatures}\r\n zoomToDrawing={() => {\r\n if (map) {\r\n zoomToFeature(map, geometri.drawing);\r\n }\r\n }}\r\n onEditGeometryClick={() => onEditGeometry(currentFeature)}\r\n onEditClick={() => {\r\n setChatState(\"LOADING\");\r\n cancelDrawingAndUploadFile();\r\n showModal({\r\n title: \"Rediger indtegning\",\r\n content: (\r\n ,\r\n featureTypeId: number,\r\n featureType: string,\r\n beskrivelse: string\r\n ) => {\r\n if (fromBehandler) {\r\n redigerSagsakt(\r\n currentUser,\r\n indlaeg.id,\r\n beskrivelse,\r\n \"\"\r\n ).then((e) => {\r\n getIndberetning(\r\n indberetning.id,\r\n currentUser.personId\r\n ).then((nyIndberetning) => {\r\n setIndberetning(nyIndberetning);\r\n setChatState(\"IDLE\");\r\n });\r\n });\r\n } else {\r\n redigerAendringsforslag(\r\n currentUser,\r\n aendringTypeId,\r\n aendringType,\r\n indlaeg.id,\r\n beskrivelse,\r\n featureType,\r\n featureTypeId,\r\n convertFeatureToWkt(drawing),\r\n `Openlayers.Geometry.${drawing\r\n .getGeometry()\r\n .getType()}`,\r\n \"\"\r\n ).then((e) => {\r\n getIndberetning(\r\n indberetning.id,\r\n currentUser.personId\r\n ).then((nyIndberetning) => {\r\n setIndberetning(nyIndberetning);\r\n setChatState(\"IDLE\");\r\n });\r\n });\r\n }\r\n }}\r\n objektTyper={objektTyper}\r\n ændringsTyper={ændringsTyper}\r\n />\r\n ),\r\n closeModalCallback: () => {\r\n setChatState(\"IDLE\");\r\n },\r\n });\r\n }}\r\n onDeleteClick={() => {\r\n cancelDrawingAndUploadFile();\r\n showModal({\r\n title: \"Slet opdatering\",\r\n content: (\r\n {\r\n setChatState(\"LOADING\");\r\n if (fromBehandler) {\r\n deleteSagsakt(currentUser, indlaeg.id).then(() => {\r\n getIndberetning(\r\n indberetning.id,\r\n currentUser.personId\r\n ).then((nyIndberetning) => {\r\n setIndberetning(nyIndberetning);\r\n setChatState(\"IDLE\");\r\n });\r\n });\r\n } else {\r\n deleteAendringsforslag(currentUser, indlaeg.id).then(\r\n () => {\r\n getIndberetning(\r\n indberetning.id,\r\n currentUser.personId\r\n ).then((nyIndberetning) => {\r\n setIndberetning(nyIndberetning);\r\n setChatState(\"IDLE\");\r\n });\r\n }\r\n );\r\n }\r\n }}\r\n closeModal={closeModal}\r\n />\r\n ),\r\n });\r\n }}\r\n />\r\n )}\r\n {indlaeg.filId !== undefined &&\r\n geometri.drawing &&\r\n sagsAktType === \"Fil\" && (\r\n {\r\n if (map) {\r\n zoomToFeature(map, currentFeature);\r\n }\r\n }}\r\n onMouseEnter={() => {\r\n if (indlaeg.id) {\r\n setHoveredFeatures([indlaeg.id]);\r\n }\r\n }}\r\n onMouseLeave={() => {\r\n setHoveredFeatures([]);\r\n }}\r\n removeFil={() => {\r\n setChatState(\"LOADING\");\r\n deleteSagsakt(currentUser, indlaeg.id).then(() => {\r\n getIndberetning(indberetning.id, currentUser.personId).then(\r\n (nyIndberetning) => {\r\n setIndberetning(nyIndberetning);\r\n setChatState(\"IDLE\");\r\n }\r\n );\r\n });\r\n }}\r\n onEditGeometryClick={() => onEditGeometry(currentFeature)}\r\n onEditClick={() => {\r\n console.log(\"not implemented\");\r\n }}\r\n showModal={showModal}\r\n closeModal={closeModal}\r\n />\r\n )}\r\n
\r\n \r\n );\r\n}\r\n","import {\r\n Hoeringsmappe,\r\n Hoeringssag,\r\n Indberetningsmappe,\r\n Indlaeg,\r\n IndlaegTypeIdEnum,\r\n RessourceRolleIdEnum,\r\n Sagsbehandlermappe,\r\n} from \"interfaces/IIndberetning\";\r\nimport Section from \"components/common/Section\";\r\nimport {\r\n Fragment,\r\n useCallback,\r\n useContext,\r\n useEffect,\r\n useLayoutEffect,\r\n useRef,\r\n useState,\r\n} from \"react\";\r\nimport { Bruger } from \"context/AuthProvider\";\r\nimport { ToastContext } from \"context/ToastProvider\";\r\nimport { ModalContext } from \"components/common/Modal/Modal\";\r\nimport SkrivBeskedModal from \"./SkrivBeskedModal\";\r\nimport {\r\n isIndberetningAfsluttet,\r\n isIndberetningMine,\r\n} from \"routes/Fip/FipIndberetning\";\r\nimport { MapContext, setEditFeatureCallback } from \"context/MapProvider\";\r\nimport { finishedDrawingSource, setDrawingCallback } from \"config/interactions\";\r\nimport { convertFeatureToWkt } from \"util/ol\";\r\nimport { Feature } from \"ol\";\r\nimport Geometry from \"ol/geom/Geometry\";\r\nimport PlusCircleFill from \"components/icons/PlusCircleFill\";\r\nimport { AddFileModal } from \"components/common/Indberet/AddFileModal\";\r\nimport AddDrawingModal from \"components/common/Indberet/AddDrawingModal\";\r\nimport FileInput from \"components/common/FormElements/FileInput\";\r\nimport { NewFileState } from \"routes/Fip/FipIndberet\";\r\nimport ChatMessage from \"./ChatMessage\";\r\nimport Sagsagt from \"./Sagsagt\";\r\nimport { SagsbehandlingApi } from \"api/interfaces\";\r\nimport { usePrevious } from \"hooks/usePrevious\";\r\nimport { formatDateString } from \"util/date\";\r\nimport LoadingSpinner from \"components/common/LoadingSpinner\";\r\n\r\ninterface ViewElement {\r\n date: number;\r\n component: JSX.Element;\r\n}\r\ninterface IChatProps {\r\n currentUser: Bruger;\r\n indberetning: Hoeringssag;\r\n setIndberetning: Function;\r\n isHoeringssagChat: boolean;\r\n isStednavn: boolean;\r\n newFile: NewFileState;\r\n setNewFile: React.Dispatch>;\r\n cancelDrawingAndUploadFile: () => void;\r\n scrollPos: number | undefined;\r\n setScrollPos: React.Dispatch>;\r\n sagsbehandlingApi: SagsbehandlingApi;\r\n}\r\n// Chooses what messages to show to who\r\nconst whitelistSagsbehandling = [\r\n IndlaegTypeIdEnum.afslutningsKommentar,\r\n IndlaegTypeIdEnum.fraIndberetter,\r\n IndlaegTypeIdEnum.tilIndberetter,\r\n IndlaegTypeIdEnum.fraSagsbehandler,\r\n IndlaegTypeIdEnum.tilSagsbehandler,\r\n IndlaegTypeIdEnum.intern,\r\n IndlaegTypeIdEnum.overdragelseskommentar,\r\n IndlaegTypeIdEnum.afslutningsKommentar,\r\n];\r\n\r\nconst whitelistHoeringssag = [\r\n IndlaegTypeIdEnum.beskedFraHoeringsAnsvarlig,\r\n IndlaegTypeIdEnum.beskedFraHoeringspart,\r\n IndlaegTypeIdEnum.beskedTiLHoeringsAnsvarlig,\r\n IndlaegTypeIdEnum.beskedTilHoeringspart,\r\n IndlaegTypeIdEnum.overdragelseskommentar,\r\n IndlaegTypeIdEnum.afslutningsKommentar,\r\n];\r\n\r\nconst rolleTypeToIndlaegType = (\r\n rolleId: RessourceRolleIdEnum,\r\n context: \"sagsbehandling\" | \"horingssag\",\r\n isStednavn: boolean\r\n) => {\r\n // #281\r\n if (isStednavn) {\r\n switch (rolleId) {\r\n case RessourceRolleIdEnum.indberetter:\r\n return 3;\r\n case RessourceRolleIdEnum.sagsbehandler:\r\n return 4;\r\n default:\r\n return 4;\r\n }\r\n }\r\n //\r\n if (context === \"sagsbehandling\") {\r\n switch (rolleId) {\r\n case RessourceRolleIdEnum.indberetter:\r\n return IndlaegTypeIdEnum.fraIndberetter;\r\n case RessourceRolleIdEnum.sagsbehandler:\r\n return IndlaegTypeIdEnum.fraSagsbehandler;\r\n default:\r\n return IndlaegTypeIdEnum.fraSagsbehandler;\r\n }\r\n } else if (context === \"horingssag\") {\r\n switch (rolleId) {\r\n case RessourceRolleIdEnum.sagsbehandler:\r\n return IndlaegTypeIdEnum.beskedFraHoeringsAnsvarlig;\r\n case RessourceRolleIdEnum.høringsansvarlig:\r\n return IndlaegTypeIdEnum.beskedFraHoeringsAnsvarlig;\r\n case RessourceRolleIdEnum.høringspart:\r\n return IndlaegTypeIdEnum.beskedFraHoeringspart;\r\n default:\r\n return IndlaegTypeIdEnum.beskedFraHoeringsAnsvarlig;\r\n }\r\n } else {\r\n return IndlaegTypeIdEnum.intern;\r\n }\r\n};\r\n\r\n//TODO: Unhardcode plz\r\nconst ændringsTyper = [\r\n { value: 1, text: \"Mangler i kortet (Ny)\" },\r\n { value: 2, text: \"Har ændret sig (Rettes)\" },\r\n { value: 3, text: \"Er for meget i kortet (Slettes)\" },\r\n];\r\n\r\nexport default function Chat(props: IChatProps) {\r\n const [chatState, setChatState] = useState(\"IDLE\");\r\n const {\r\n currentUser,\r\n indberetning,\r\n setIndberetning,\r\n isHoeringssagChat,\r\n isStednavn,\r\n newFile,\r\n setNewFile,\r\n cancelDrawingAndUploadFile,\r\n scrollPos,\r\n setScrollPos,\r\n sagsbehandlingApi,\r\n } = props;\r\n const {\r\n getIndberetning,\r\n getObjekttyper,\r\n redigerAendringsforslag,\r\n redigerSagsaktGeometri,\r\n skrivChatBesked,\r\n uploadAendringsforslagGeometri,\r\n uploadFile,\r\n uploadSagsaktFil,\r\n uploadSagsaktGeometri,\r\n } = sagsbehandlingApi;\r\n const context = isHoeringssagChat ? \"horingssag\" : \"sagsbehandling\";\r\n\r\n const { showModal } = useContext(ModalContext);\r\n const toast = useContext(ToastContext);\r\n const chatRef = useRef(null);\r\n const bottomOfChat = useRef(null);\r\n const scrollToBottom = () => {\r\n chatRef.current?.scrollTo({ top: bottomOfChat.current?.offsetTop });\r\n };\r\n const { dispatchToMap, mapState } = useContext(MapContext);\r\n const cancelEditGeometry = useCallback(() => {\r\n dispatchToMap({ type: \"CANCEL_EDIT_GEOMETRY\" });\r\n }, [dispatchToMap]);\r\n\r\n const { activeDrawTool, editGeometryState } = mapState;\r\n const [messages, setMessages] = useState();\r\n const [objekttyper, setObjekttyper] = useState<\r\n { value: number; text: string }[]\r\n >([]);\r\n const fileInputRef = useRef(null);\r\n\r\n const addFile = (fileInfo: {\r\n beskrivelse: string;\r\n filId: number;\r\n geometri: Feature;\r\n originalFilNavn: string;\r\n }) => {\r\n setChatState(\"IDLE\");\r\n dispatchToMap({ type: \"SET_DRAWTOOL\", drawTool: undefined });\r\n let mappeid;\r\n\r\n if (!isHoeringssagChat) {\r\n if (currentUser.rolleId === RessourceRolleIdEnum.sagsbehandler) {\r\n mappeid = indberetning.sagsbehandlermappe[0].id;\r\n } else if (currentUser.rolleId === RessourceRolleIdEnum.indberetter) {\r\n mappeid = indberetning.indberetningsmappe[0].id;\r\n } else {\r\n console.error(\r\n \"Non-supported role trying to add a drawing in sagsbehandling!\"\r\n );\r\n }\r\n } else {\r\n if (\r\n currentUser.rolleId === RessourceRolleIdEnum.sagsbehandler &&\r\n indberetning.hoeringsansvarligmappe\r\n ) {\r\n mappeid = indberetning.hoeringsansvarligmappe[0].id;\r\n } else if (\r\n currentUser.rolleId === RessourceRolleIdEnum.høringspart &&\r\n indberetning.hoeringspartmappe\r\n ) {\r\n mappeid = indberetning.hoeringspartmappe[0].id;\r\n } else {\r\n console.error(\r\n \"Non-supported role trying to add a drawing in sagsbehandling!\"\r\n );\r\n }\r\n }\r\n\r\n uploadSagsaktFil(\r\n currentUser,\r\n fileInfo.beskrivelse,\r\n fileInfo.filId,\r\n convertFeatureToWkt(fileInfo.geometri),\r\n fileInfo.originalFilNavn,\r\n fileInfo.geometri.get(\"id\"),\r\n `Openlayers.Geometry.${fileInfo.geometri.getGeometry().getType()}`,\r\n false,\r\n mappeid\r\n ).then(() => {\r\n getIndberetning(indberetning.id, currentUser.personId).then(\r\n (nyIndberetning) => {\r\n setIndberetning(nyIndberetning);\r\n setChatState(\"IDLE\");\r\n }\r\n );\r\n });\r\n };\r\n const addDrawing = useCallback(\r\n (drawingInfo: {\r\n aendringTypeId: number;\r\n aendringType: string;\r\n drawing: Feature;\r\n featureTypeId: number;\r\n featureType: string;\r\n beskrivelse: string;\r\n }) => {\r\n setChatState(\"IDLE\");\r\n dispatchToMap({ type: \"SET_DRAWTOOL\", drawTool: undefined });\r\n let mappeid;\r\n\r\n if (!isHoeringssagChat) {\r\n if (currentUser.rolleId === RessourceRolleIdEnum.sagsbehandler) {\r\n mappeid = indberetning.sagsbehandlermappe[0].id;\r\n } else if (currentUser.rolleId === RessourceRolleIdEnum.indberetter) {\r\n mappeid = indberetning.indberetningsmappe[0].id;\r\n } else {\r\n console.error(\r\n \"Non-supported role trying to add a drawing in sagsbehandling!\"\r\n );\r\n }\r\n } else {\r\n if (\r\n currentUser.rolleId === RessourceRolleIdEnum.sagsbehandler &&\r\n indberetning.hoeringsansvarligmappe\r\n ) {\r\n mappeid = indberetning.hoeringsansvarligmappe[0].id;\r\n } else if (\r\n currentUser.rolleId === RessourceRolleIdEnum.høringspart &&\r\n indberetning.hoeringspartmappe\r\n ) {\r\n mappeid = indberetning.hoeringspartmappe[0].id;\r\n } else {\r\n console.error(\r\n \"Non-supported role trying to add a drawing in sagsbehandling!\"\r\n );\r\n }\r\n }\r\n\r\n if (\r\n currentUser.rolleId === RessourceRolleIdEnum.sagsbehandler &&\r\n !isHoeringssagChat\r\n ) {\r\n uploadSagsaktGeometri(\r\n currentUser,\r\n 0,\r\n drawingInfo.beskrivelse,\r\n drawingInfo.drawing.get(\"id\"),\r\n convertFeatureToWkt(drawingInfo.drawing),\r\n `Openlayers.Geometry.${drawingInfo.drawing.getGeometry().getType()}`,\r\n false,\r\n mappeid\r\n ).then(() => {\r\n getIndberetning(indberetning.id, currentUser.personId).then(\r\n (nyIndberetning) => {\r\n setIndberetning(nyIndberetning);\r\n setChatState(\"IDLE\");\r\n }\r\n );\r\n });\r\n } else {\r\n uploadAendringsforslagGeometri(\r\n currentUser,\r\n drawingInfo.aendringTypeId,\r\n drawingInfo.aendringType,\r\n drawingInfo.beskrivelse,\r\n drawingInfo.featureType,\r\n drawingInfo.featureTypeId,\r\n convertFeatureToWkt(drawingInfo.drawing),\r\n `Openlayers.Geometry.${drawingInfo.drawing.getGeometry().getType()}`,\r\n drawingInfo.drawing.get(\"id\"),\r\n mappeid\r\n ).then(() => {\r\n getIndberetning(indberetning.id, currentUser.personId).then(\r\n (nyIndberetning) => {\r\n setIndberetning(nyIndberetning);\r\n setChatState(\"IDLE\");\r\n }\r\n );\r\n });\r\n }\r\n\r\n //setIndberetning({\r\n // type: \"ADD_DRAWING\",\r\n // drawingInfo,\r\n //});\r\n },\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n [dispatchToMap]\r\n );\r\n // TODO: dette er det fuldstændig samme der sker i FipIndberet, så måske det skal laves mere generel (måske ikke)\r\n useEffect(() => {\r\n setDrawingCallback((drawing, isValid) => {\r\n if (!isValid) {\r\n finishedDrawingSource.removeFeature(drawing);\r\n toast({\r\n type: \"danger\",\r\n content: {\r\n header: \"Ugyldig geometri\",\r\n message: `Den angivne geometri er ugyldig, hvilket kan skyldes, at geometrien \"krydser\" sig selv.\\n\\nTegn venligst en ny geometri.`,\r\n },\r\n });\r\n } else {\r\n if (newFile.state === \"UPLOADED\" && newFile.file) {\r\n showModal({\r\n title: \"Beskriv filindhold\",\r\n content: (\r\n ,\r\n originalFilNavn: string\r\n ) => {\r\n addFile({\r\n beskrivelse,\r\n filId,\r\n geometri,\r\n originalFilNavn,\r\n });\r\n dispatchToMap({ type: \"SET_DRAWTOOL\", drawTool: undefined });\r\n }}\r\n />\r\n ),\r\n closeModalCallback: () => {\r\n finishedDrawingSource.removeFeature(drawing);\r\n },\r\n });\r\n } else {\r\n showModal({\r\n title: \"Beskriv indtegning\",\r\n content: (\r\n ,\r\n featureTypeId: number,\r\n featureType: string,\r\n beskrivelse: string\r\n ) => {\r\n addDrawing({\r\n aendringTypeId,\r\n aendringType,\r\n drawing,\r\n featureTypeId,\r\n featureType,\r\n beskrivelse,\r\n });\r\n }}\r\n objektTyper={objekttyper}\r\n ændringsTyper={ændringsTyper}\r\n />\r\n ),\r\n closeModalCallback: () => {\r\n finishedDrawingSource.removeFeature(drawing);\r\n },\r\n });\r\n }\r\n }\r\n });\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [\r\n dispatchToMap,\r\n indberetning,\r\n newFile.file,\r\n newFile.state,\r\n objekttyper,\r\n isHoeringssagChat,\r\n showModal,\r\n addDrawing,\r\n toast,\r\n ]);\r\n\r\n const editFeatureCallback = useCallback((feature: Feature) => {\r\n // Handle errors (toast maybe)\r\n\r\n // find the sagsakt in the correct \"folder\"\r\n if (feature.get(\"type\").toLowerCase() === \"geometri\") {\r\n if (\r\n currentUser.rolleId === RessourceRolleIdEnum.sagsbehandler &&\r\n !isHoeringssagChat\r\n ) {\r\n redigerSagsaktGeometri(\r\n currentUser,\r\n feature.get(\"id\"),\r\n feature.get(\"beskrivelse\"),\r\n convertFeatureToWkt(feature)\r\n ).then(() => {\r\n getIndberetning(indberetning.id, currentUser.personId).then(\r\n (nyIndberetning) => {\r\n setIndberetning(nyIndberetning);\r\n setChatState(\"IDLE\");\r\n }\r\n );\r\n });\r\n } else {\r\n redigerAendringsforslag(\r\n currentUser,\r\n feature.get(\"aendringTypeId\"),\r\n feature.get(\"aendringType\"),\r\n feature.get(\"id\"),\r\n feature.get(\"beskrivelse\"),\r\n feature.get(\"featureType\"),\r\n feature.get(\"featureTypeId\"),\r\n convertFeatureToWkt(feature),\r\n feature.getGeometry().getType(),\r\n `Openlayers.Geometry.${feature.getGeometry().getType()}`\r\n ).then(() => {\r\n getIndberetning(indberetning.id, currentUser.personId).then(\r\n (nyIndberetning) => {\r\n setIndberetning(nyIndberetning);\r\n setChatState(\"IDLE\");\r\n }\r\n );\r\n });\r\n }\r\n } else {\r\n console.error(\"Feature type not recognized\");\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, []);\r\n useEffect(() => {\r\n setEditFeatureCallback(editFeatureCallback);\r\n }, [editFeatureCallback]);\r\n\r\n useEffect(() => {\r\n setMessages(renderMessages(indberetning, currentUser));\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [indberetning, currentUser, objekttyper]);\r\n\r\n useEffect(() => {\r\n if (editGeometryState.active || activeDrawTool) {\r\n setChatState(\"LOADING\");\r\n } else if (!editGeometryState.active && !activeDrawTool) {\r\n setChatState(\"IDLE\");\r\n cancelDrawingAndUploadFile();\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [editGeometryState.active, activeDrawTool]);\r\n\r\n const prevNumMessages = usePrevious(messages)?.length ?? 0;\r\n useLayoutEffect(() => {\r\n const currNumMessages = messages?.length ?? 0;\r\n if (currNumMessages - prevNumMessages === 1 || !scrollPos) {\r\n scrollToBottom();\r\n } else {\r\n chatRef.current?.scrollTo({ top: scrollPos });\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [messages]);\r\n useEffect(() => {\r\n const getObjekttyperForTema = async () => {\r\n const ot = await getObjekttyper(indberetning.domaeneTypeId);\r\n setObjekttyper(ot);\r\n };\r\n getObjekttyperForTema();\r\n }, [indberetning.domaeneTypeId, getObjekttyper]);\r\n\r\n const renderMessages = (\r\n indberetning: Hoeringssag,\r\n currentUser: Bruger\r\n ): ViewElement[] => {\r\n let viewElements: ViewElement[] = [];\r\n if (indberetning.korrespondance) {\r\n indberetning.korrespondance.forEach((k: Indlaeg) => {\r\n const { typeId } = k;\r\n const whitelist = isHoeringssagChat\r\n ? whitelistHoeringssag\r\n : whitelistSagsbehandling;\r\n if (whitelist.includes(typeId)) {\r\n viewElements.push({\r\n date: Date.parse(k.ts),\r\n component: (\r\n \r\n ),\r\n });\r\n }\r\n });\r\n }\r\n if (isHoeringssagChat) {\r\n if (indberetning.hoeringsansvarligmappe) {\r\n indberetning.hoeringsansvarligmappe.forEach((k: Hoeringsmappe) => {\r\n const isMe =\r\n currentUser.rolleId === RessourceRolleIdEnum.sagsbehandler &&\r\n indberetning.ressource !== null; // If the ressource is null, it's not supposed to be viewed\r\n // const isMeToo = isIndberetningMine(\r\n // currentUser,\r\n // indberetning,\r\n // isHoeringssagChat\r\n // );\r\n if (k.geometri) {\r\n k.geometri.forEach((g) => {\r\n viewElements.push({\r\n date: Date.parse(g.dato),\r\n component: (\r\n {\r\n setChatState(\"LOADING\");\r\n cancelDrawingAndUploadFile();\r\n dispatchToMap({\r\n type: \"EDIT_GEOMETRY\",\r\n geometryToEdit: feature,\r\n });\r\n }}\r\n objektTyper={objekttyper}\r\n ændringsTyper={ændringsTyper}\r\n sagsbehandlingApi={sagsbehandlingApi}\r\n />\r\n ),\r\n });\r\n });\r\n }\r\n if (k.fil) {\r\n k.fil.forEach((g: any) => {\r\n viewElements.push({\r\n date: Date.parse(g.dato),\r\n component: (\r\n {\r\n setChatState(\"LOADING\");\r\n cancelDrawingAndUploadFile();\r\n dispatchToMap({\r\n type: \"EDIT_GEOMETRY\",\r\n geometryToEdit: feature,\r\n });\r\n }}\r\n objektTyper={objekttyper}\r\n ændringsTyper={ændringsTyper}\r\n sagsbehandlingApi={sagsbehandlingApi}\r\n />\r\n ),\r\n });\r\n });\r\n }\r\n });\r\n }\r\n\r\n // Høringspartmappen\r\n if (indberetning.hoeringspartmappe) {\r\n indberetning.hoeringspartmappe.forEach((k: Hoeringsmappe) => {\r\n const isMe =\r\n currentUser.rolleId === RessourceRolleIdEnum.høringspart &&\r\n indberetning.ressource !== null; // If the ressource is null, it's not supposed to be viewed\r\n if (k.geometri) {\r\n k.geometri.forEach((g) => {\r\n viewElements.push({\r\n date: Date.parse(g.dato),\r\n component: (\r\n {\r\n setChatState(\"LOADING\");\r\n cancelDrawingAndUploadFile();\r\n dispatchToMap({\r\n type: \"EDIT_GEOMETRY\",\r\n geometryToEdit: feature,\r\n });\r\n }}\r\n objektTyper={objekttyper}\r\n ændringsTyper={ændringsTyper}\r\n sagsbehandlingApi={sagsbehandlingApi}\r\n />\r\n ),\r\n });\r\n });\r\n }\r\n if (k.fil) {\r\n k.fil.forEach((g: any) => {\r\n viewElements.push({\r\n date: Date.parse(g.dato),\r\n component: (\r\n {\r\n setChatState(\"LOADING\");\r\n cancelDrawingAndUploadFile();\r\n dispatchToMap({\r\n type: \"EDIT_GEOMETRY\",\r\n geometryToEdit: feature,\r\n });\r\n }}\r\n objektTyper={objekttyper}\r\n ændringsTyper={ændringsTyper}\r\n sagsbehandlingApi={sagsbehandlingApi}\r\n />\r\n ),\r\n });\r\n });\r\n }\r\n });\r\n }\r\n } else {\r\n // Løb igennem indberetningsmappen\r\n if (indberetning.indberetningsmappe) {\r\n indberetning.indberetningsmappe.forEach((k: Indberetningsmappe) => {\r\n const isMe =\r\n currentUser.rolleId === RessourceRolleIdEnum.indberetter &&\r\n indberetning.ressource !== null; // If ressource is null, the indberetter is not the owner\r\n if (k.geometri) {\r\n k.geometri.forEach((g) => {\r\n viewElements.push({\r\n date: Date.parse(g.dato),\r\n component: (\r\n // TODO: #280: Disable delete for indberetter geometri stednavn\r\n {\r\n setChatState(\"LOADING\");\r\n cancelDrawingAndUploadFile();\r\n dispatchToMap({\r\n type: \"EDIT_GEOMETRY\",\r\n geometryToEdit: feature,\r\n });\r\n }}\r\n objektTyper={objekttyper}\r\n ændringsTyper={ændringsTyper}\r\n sagsbehandlingApi={sagsbehandlingApi}\r\n />\r\n ),\r\n });\r\n });\r\n }\r\n if (k.fil) {\r\n k.fil.forEach((g: any) => {\r\n viewElements.push({\r\n date: Date.parse(g.dato),\r\n component: (\r\n {\r\n setChatState(\"LOADING\");\r\n cancelDrawingAndUploadFile();\r\n dispatchToMap({\r\n type: \"EDIT_GEOMETRY\",\r\n geometryToEdit: feature,\r\n });\r\n }}\r\n objektTyper={objekttyper}\r\n ændringsTyper={ændringsTyper}\r\n sagsbehandlingApi={sagsbehandlingApi}\r\n />\r\n ),\r\n });\r\n });\r\n }\r\n });\r\n }\r\n // Løb igennem sagsbehandlermappen\r\n if (indberetning.sagsbehandlermappe) {\r\n indberetning.sagsbehandlermappe.forEach((k: Sagsbehandlermappe) => {\r\n const isMe =\r\n currentUser.rolleId === RessourceRolleIdEnum.sagsbehandler &&\r\n indberetning.ressource !== null; // If ressource is null, the indberetter is not the owner;\r\n k.geometri.forEach((g) => {\r\n viewElements.push({\r\n date: Date.parse(g.dato),\r\n component: (\r\n {\r\n setChatState(\"LOADING\");\r\n cancelDrawingAndUploadFile();\r\n dispatchToMap({\r\n type: \"EDIT_GEOMETRY\",\r\n geometryToEdit: feature,\r\n });\r\n }}\r\n objektTyper={objekttyper}\r\n ændringsTyper={ændringsTyper}\r\n sagsbehandlingApi={sagsbehandlingApi}\r\n />\r\n ),\r\n });\r\n });\r\n k.fil.forEach((g: any) => {\r\n viewElements.push({\r\n date: Date.parse(g.dato),\r\n component: (\r\n {\r\n setChatState(\"LOADING\");\r\n cancelDrawingAndUploadFile();\r\n dispatchToMap({\r\n type: \"EDIT_GEOMETRY\",\r\n geometryToEdit: feature,\r\n });\r\n }}\r\n objektTyper={objekttyper}\r\n ændringsTyper={ændringsTyper}\r\n sagsbehandlingApi={sagsbehandlingApi}\r\n />\r\n ),\r\n });\r\n });\r\n });\r\n }\r\n }\r\n\r\n // Sorter listen\r\n viewElements.sort(function (a, b) {\r\n return a.date - b.date;\r\n });\r\n return viewElements;\r\n };\r\n\r\n useEffect(() => {\r\n return () => {\r\n dispatchToMap({ type: \"CANCEL_EDIT_GEOMETRY\" });\r\n dispatchToMap({\r\n type: \"SET_DRAWTOOL\",\r\n drawTool: undefined,\r\n });\r\n };\r\n }, [dispatchToMap]);\r\n const skrivBesked = (\r\n currentUser: Bruger,\r\n besked: string,\r\n typeId: IndlaegTypeIdEnum,\r\n sagsId: number\r\n ) => {\r\n let indlaeg: Indlaeg = {\r\n id: 0,\r\n indhold: besked,\r\n organisationNavn: \"\",\r\n personId: currentUser.personId,\r\n personNavn: currentUser.navn,\r\n typeId: typeId,\r\n typeNavn: \"\",\r\n organisationId: 0,\r\n organisationForkortelse: \"\",\r\n ts: \"\",\r\n };\r\n\r\n const nytIndlaeg = skrivChatBesked(currentUser.personId, sagsId, indlaeg);\r\n\r\n return nytIndlaeg;\r\n };\r\n const senestOpdateret =\r\n messages && messages.length > 0\r\n ? formatDateString(\r\n new Date(messages[messages.length - 1].date).toString()\r\n )\r\n : \"\";\r\n const senestOpdateretVoiceOver =\r\n messages && messages.length > 0 ? (\r\n \r\n Senest opdateret:{\" \"}\r\n \r\n {formatDateString(\r\n new Date(messages[messages.length - 1].date).toString(),\r\n \"dd-MM-yyyy\"\r\n )}\r\n {\" \"}\r\n klokken{\" \"}\r\n {formatDateString(\r\n new Date(messages[messages.length - 1].date).toString(),\r\n \"HH:mm\"\r\n )}\r\n \r\n ) : (\r\n \"\"\r\n );\r\n\r\n // #296, #274, #324 (hvornår skal knapper under chat vises)\r\n const showButtons =\r\n isIndberetningMine(currentUser, indberetning, isHoeringssagChat) &&\r\n !isIndberetningAfsluttet(indberetning) &&\r\n !(\r\n !isHoeringssagChat &&\r\n currentUser.rolleId === RessourceRolleIdEnum.høringspart\r\n );\r\n return (\r\n \r\n \r\n {/* {isHoeringssagChat && (\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n Høringssag ses kun af sagsbehandler og høringsparter\r\n \r\n\r\n
\r\n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed\r\n diam nonumy eirmod tempor invidunt ut labore et dolore magna\r\n aliquyam erat.\r\n
\r\n
\r\n Ønsker du mere information\r\n
\r\n
\r\n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed\r\n diam nonumy eirmod tempor invidunt ut labore et dolore magna\r\n aliquyam erat.Lorem ipsum dolor sit amet, consetetur sadipscing\r\n elitr, sed diam nonumy eirmod tempor invidunt ut labore et\r\n dolore magna aliquyam erat.\r\n
\r\n
\r\n
Høringssag
\r\n Oversigt over høringssag.
\r\n \r\n )}\r\n {!isHoeringssagChat && (\r\n <>\r\n Sagsbehandlingsjournal
\r\n Oversigt over sagsbehandlingen.
\r\n \r\n )}\r\n {\r\n // If there is an error on the newFile state\r\n newFile.error && (\r\n \r\n )\r\n }\r\n\r\n {(indberetning.korrespondance ||\r\n indberetning.indberetningsmappe ||\r\n indberetning.sagsbehandlermappe) && (\r\n \r\n \r\n {chatState === \"LOADING\" && (\r\n
\r\n \r\n Opdaterer journal\r\n \r\n \r\n \r\n )}\r\n {messages && messages.length > 0 && chatState === \"IDLE\" && (\r\n <>\r\n
\r\n \r\n Senest opdateret:\r\n \r\n {senestOpdateret}\r\n \r\n {senestOpdateretVoiceOver}\r\n \r\n )}\r\n {messages && messages.length === 0 && (\r\n \r\n
\r\n Ingen beskeder endnu\r\n \r\n
Her vises journalisering for sagen
\r\n
\r\n
{\r\n setScrollPos((e.target as any).scrollTop);\r\n }}\r\n >\r\n \r\n\r\n {messages\r\n ?.slice()\r\n .reverse()\r\n .map((m, i) => {\r\n return {m.component};\r\n })}\r\n \r\n
{\r\n let type;\r\n if (isHoeringssagChat) {\r\n currentUser.rolleId === RessourceRolleIdEnum.sagsbehandler // This is a høringssanvarlig apparently\r\n ? (type = IndlaegTypeIdEnum.beskedFraHoeringsAnsvarlig)\r\n : (type = IndlaegTypeIdEnum.beskedFraHoeringspart);\r\n } else {\r\n currentUser.rolleId === RessourceRolleIdEnum.sagsbehandler\r\n ? (type = IndlaegTypeIdEnum.fraSagsbehandler)\r\n : (type = IndlaegTypeIdEnum.tilIndberetter);\r\n }\r\n setChatState(\"LOADING\");\r\n cancelDrawingAndUploadFile();\r\n showModal({\r\n content: (\r\n {\r\n skrivBesked(\r\n currentUser,\r\n besked,\r\n rolleTypeToIndlaegType(\r\n currentUser.rolleId,\r\n context,\r\n isStednavn\r\n ),\r\n indberetning.id\r\n ).then((nytIndlaeg) => {\r\n setIndberetning({\r\n ...indberetning,\r\n korrespondance: [\r\n ...indberetning.korrespondance,\r\n nytIndlaeg,\r\n ],\r\n });\r\n setChatState(\"IDLE\");\r\n });\r\n }}\r\n />\r\n ),\r\n title: \"Ny besked\",\r\n closeModalCallback: () => {\r\n setChatState(\"IDLE\");\r\n },\r\n });\r\n }}\r\n >\r\n Skriv besked\r\n \r\n {currentUser.rolleId !== RessourceRolleIdEnum.indberetter &&\r\n !isHoeringssagChat && (\r\n {\r\n setChatState(\"LOADING\");\r\n cancelDrawingAndUploadFile();\r\n showModal({\r\n title: \"Intern note\",\r\n content: (\r\n {\r\n skrivBesked(\r\n currentUser,\r\n besked,\r\n IndlaegTypeIdEnum.intern,\r\n indberetning.id\r\n ).then((nytIndlaeg) => {\r\n setIndberetning({\r\n ...indberetning,\r\n korrespondance: [\r\n ...indberetning.korrespondance,\r\n nytIndlaeg,\r\n ],\r\n });\r\n setChatState(\"IDLE\");\r\n });\r\n }}\r\n />\r\n ),\r\n closeModalCallback: () => {\r\n setChatState(\"IDLE\");\r\n },\r\n });\r\n }}\r\n >\r\n Intern note\r\n \r\n )}\r\n {!(\r\n isStednavn &&\r\n currentUser.rolleId === RessourceRolleIdEnum.sagsbehandler\r\n ) && (\r\n \r\n {newFile.state !== \"UPLOADED\" && (\r\n
{\r\n cancelEditGeometry();\r\n setNewFile({ state: \"UPLOADING\", file: undefined });\r\n const { files } = e.target;\r\n if (files && files.length) {\r\n const file = files[0];\r\n let formData = new FormData();\r\n formData.append(\"file\", file);\r\n uploadFile(formData)\r\n .then((resp) => {\r\n setNewFile({\r\n state: \"UPLOADED\",\r\n file: {\r\n id: resp.id,\r\n originalFilNavn: resp.originalFilNavn,\r\n },\r\n });\r\n dispatchToMap({\r\n type: \"SET_DRAWTOOL\",\r\n drawTool: \"point\",\r\n });\r\n })\r\n .catch((e) => {\r\n let errorMsg = \"Der skete en fejl\";\r\n if (\r\n e.isAxiosError &&\r\n e.response?.status === 413\r\n ) {\r\n errorMsg = \"Filen er for stor.. (max 10MB)\";\r\n } else if (e.success === false) {\r\n errorMsg = e.errormsg;\r\n }\r\n setNewFile({\r\n state: \"ERROR\",\r\n file: undefined,\r\n error: errorMsg,\r\n });\r\n });\r\n } else {\r\n // Fortryd tegning\r\n cancelDrawingAndUploadFile();\r\n }\r\n }}\r\n />\r\n )}\r\n {newFile.state === \"UPLOADED\" && (\r\n {\r\n cancelDrawingAndUploadFile();\r\n }}\r\n >\r\n \r\n Fortryd upload\r\n \r\n )}\r\n \r\n
\r\n
\r\n {/* Loading... */}\r\n \r\n
\r\n Henter sag ...\r\n
\r\n \r\n );\r\n if (indberetningState.state === \"IDLE\" && indberetningState.indberetning) {\r\n const { indberetning } = indberetningState;\r\n const {\r\n ressource,\r\n hoeringsansvarligmappe: hoeringsansvarligmappeListe,\r\n hoeringspartmappe: hoeringspartmappeListe,\r\n indberetningsmappe: indberetningsmappeListe,\r\n sagsbehandlermappe: sagsbehandlermappeListe,\r\n } = indberetning;\r\n\r\n const indberettere = ressource?.filter((r) => r.rolleId === 1);\r\n const indberetter = indberettere?.length > 0 ? indberettere[0] : undefined;\r\n\r\n const sagsbehandlere = ressource?.filter((r) => r.rolleId === 2);\r\n const sagsbehandler =\r\n sagsbehandlere?.length > 0 ? sagsbehandlere[0] : undefined;\r\n\r\n return (\r\n \r\n
\r\n
\r\n \r\n Tilbage til indberetninger\r\n \r\n \r\n {indberetning.emne}\r\n
\r\n \r\n Status: \r\n {isIndberetningMine(currentUser, indberetning, false) && (\r\n \r\n {currentUser.rolleId === RessourceRolleIdEnum.indberetter\r\n ? \"Indberettet af dig\"\r\n : \"Din indberetning\"}\r\n , \r\n \r\n )}\r\n s.id === indberetning.statusId)\r\n ?.className\r\n }`}\r\n >\r\n {statusStore.find((s) => s.id === indberetning.statusId)?.name}\r\n \r\n {/*I høring\r\n Afventer sagsbehandling */}\r\n
\r\n \r\n {/* Fane Nav */}\r\n
\r\n {/* Fane indhold */}\r\n
\r\n {/* Detaljevisning */}\r\n {activePaneState === \"sagsdetaljer\" &&\r\n indberetningsmappeListe &&\r\n indberetningsmappeListe.length > 0 && (\r\n
{\r\n if (map) {\r\n zoomToFeature(map, convertWktToFeature(indberetning.bbox));\r\n }\r\n }}\r\n />\r\n )}\r\n {/* Sagsbehandling / Chat mellem sagsbehandler og indberetter */}\r\n {activePaneState === \"sagsbehandling\" &&\r\n ((sagsbehandlermappeListe && sagsbehandlermappeListe.length > 0) ||\r\n (indberetningsmappeListe &&\r\n indberetningsmappeListe.length > 0)) && (\r\n \r\n )}\r\n {activePaneState === \"hoeringssag\" &&\r\n hoeringsansvarligmappeListe &&\r\n hoeringsansvarligmappeListe.length > 0 &&\r\n ![\r\n RessourceRolleIdEnum.indberetter,\r\n RessourceRolleIdEnum.gæst,\r\n ].includes(currentUser.rolleId) && (\r\n /**/\r\n\r\n \r\n )}\r\n {hoeringspartmappeListe && hoeringspartmappeListe.length > 0 && (\r\n \r\n \r\n Høringspartmappe
\r\n asd
\r\n \r\n \r\n )}\r\n {/* {sagsbehandler && ( */}\r\n {/* Skal KUN ses af sagsbehandler */}\r\n {/* <> */}\r\n {sagsbehandlermappeListe &&\r\n sagsbehandlermappeListe.length > 0 &&\r\n ![\r\n RessourceRolleIdEnum.indberetter,\r\n RessourceRolleIdEnum.høringspart,\r\n ].includes(currentUser.rolleId) && (\r\n
\r\n )}\r\n\r\n {/* Skal KUN ses af Høringspart */}\r\n {/* <> */}\r\n {hoeringspartmappeListe &&\r\n hoeringspartmappeListe.length > 0 &&\r\n currentUser.rolleId === RessourceRolleIdEnum.høringspart && (\r\n
\r\n )}\r\n {/* */}\r\n {/* )} */}\r\n
\r\n
Noget gik galt ...
\r\n \r\n );\r\n}\r\n","import { del, get, post, put } from \"api\";\r\nimport { Objekttype, SagsbehandlingApi } from \"api/interfaces\";\r\nimport { getFilterValues, getFilterValueUrlString } from \"api/util\";\r\nimport { Bruger } from \"context/AuthProvider\";\r\nimport { FeatureCollection } from \"geojson\";\r\nimport {\r\n convertIndberetningDTO,\r\n ExpandedIndberetningDTO,\r\n Hoeringssag,\r\n IFileUploadResponse,\r\n Indberetning,\r\n IndberetningDTO,\r\n Indlaeg,\r\n Ressource,\r\n RessourceRolleIdEnum,\r\n Sagsakt,\r\n statusIdEnum,\r\n} from \"interfaces/IIndberetning\";\r\nimport { formatDateString } from \"util/date\";\r\n\r\nexport const getIndberetninger = async (options: {\r\n personId: number;\r\n rolleId: number;\r\n filterId: number;\r\n searchEmne?: string;\r\n searchBeskrivelse?: string;\r\n extent?: number[];\r\n}): Promise => {\r\n const { filterId, personId, rolleId, searchBeskrivelse, searchEmne, extent } =\r\n options;\r\n const filterValues = getFilterValues(extent, searchEmne, searchBeskrivelse);\r\n try {\r\n const iDTOs = await get({\r\n query: `stednavn/api/saginfo?filterId=${filterId}&rolleId=${rolleId}&personId=${personId}&domaeneTypes=&filterValues=${filterValues}&page=1&start=0&limit=25&sort=%5B%7B%22property%22%3A%22id%22%2C%22direction%22%3A%22DESC%22%7D%5D`,\r\n });\r\n return iDTOs.map((i) => convertIndberetningDTO(i));\r\n } catch (error) {\r\n return Promise.reject(error);\r\n }\r\n};\r\n\r\nexport const getIndberetning = async (\r\n indberetningId: number,\r\n personId: number\r\n): Promise => {\r\n try {\r\n const iDTO = await get({\r\n query: `stednavn/api/sager/${indberetningId}?filterId=0&personId=${personId}&id=${indberetningId}`,\r\n });\r\n return iDTO;\r\n } catch (error) {\r\n return Promise.reject(error);\r\n }\r\n};\r\n\r\nexport const postIndberetning = async (\r\n personId: number,\r\n email: string,\r\n body: Hoeringssag\r\n): Promise => {\r\n try {\r\n //http://fip.cust.septima.dk/api/sager?personId=4&email=xxx%40yyy.dk\r\n const iDTO = await post({\r\n query: `stednavn/api/sager/?personId=${personId}&email=${email}`,\r\n body,\r\n });\r\n return convertIndberetningDTO(iDTO);\r\n } catch (error) {\r\n return Promise.reject(error);\r\n }\r\n};\r\n\r\nexport const putIndberetningDSSYS = async (\r\n personId: number,\r\n statusId: statusIdEnum,\r\n body: Hoeringssag\r\n): Promise => {\r\n body.statusId = statusId;\r\n try {\r\n //http://fip.cust.septima.dk/api/sager?personId=4&email=xxx%40yyy.dk\r\n const sag = await put({\r\n query: `stednavn/api/sager/${body.id}?personId=${personId}`,\r\n body,\r\n });\r\n return sag;\r\n } catch (error) {\r\n return Promise.reject(error);\r\n }\r\n};\r\n\r\nexport const getStednavnFeatureInfo = async (options: {\r\n personId: number;\r\n rolleId: number;\r\n filterId: number;\r\n searchEmne?: string;\r\n searchBeskrivelse?: string;\r\n extent: number[];\r\n height;\r\n width: number;\r\n x: number;\r\n y: number;\r\n}) => {\r\n const {\r\n filterId,\r\n personId,\r\n rolleId,\r\n searchBeskrivelse,\r\n searchEmne,\r\n extent,\r\n height,\r\n width,\r\n x,\r\n y,\r\n } = options;\r\n try {\r\n const queryParams: any = {\r\n service: \"WMS\",\r\n Version: \"1.1.1\",\r\n request: \"GetFeatureInfo\",\r\n LAYERS: process.env.REACT_APP_GEOSERVER_WORKSPACE + \":Sag2\",\r\n QUERY_LAYERS: process.env.REACT_APP_GEOSERVER_WORKSPACE + \":Sag2\",\r\n FORMAT: \"application/json\",\r\n INFO_FORMAT: \"application/json\",\r\n SRS: \"EPSG:25832\",\r\n BBOX: extent.join(\",\"),\r\n FEATURE_COUNT: 10,\r\n height,\r\n width,\r\n x,\r\n y,\r\n VIEWPARAMS: `applikationId:4;domaeneTypeIds:;filterId:${\r\n filterId === 6 ? 4 : filterId\r\n };personId:${personId};rolleId:${rolleId};filterValues:${getFilterValueUrlString(\r\n searchEmne,\r\n searchBeskrivelse\r\n )}`,\r\n };\r\n const featureCollection = await get({\r\n query: `${process.env.REACT_APP_API_BASEURL}proxy.ashx?${new URLSearchParams(queryParams).toString()}`,\r\n });\r\n return featureCollection;\r\n } catch (error) {\r\n return Promise.reject(error);\r\n }\r\n};\r\nexport const afbrydHoering = async (\r\n currentUser: Bruger,\r\n daværendeRessource: Ressource,\r\n indberetning: Hoeringssag,\r\n statusId: statusIdEnum\r\n): Promise => {\r\n try {\r\n const r = await del