| \n ${this.series.name}: ${\n this.y\n } |
| \n ${format(date, \"d LLL yyyy\")} |
| \n ${this.series.name}: ${\n this.y\n } |
| \n Epi Week ${yearandWeek[1]} Year ${yearandWeek[0].slice(\n -2,\n )} |
\n {strings(\n stringKeys.alerts.assess.alert.eidsrValidation.tip,\n )}\n
\n \n{message}
;\n};\n\nconst mapStateToProps = (_, ownProps) => ({\n projectId: ownProps.match.params.projectId,\n});\n\nconst mapDispatchToProps = {\n openErrorMessages: openErrorMessages,\n};\n\nexport const ProjectErrorMessagesPage = withLayout(\n Layout,\n connect(\n mapStateToProps,\n mapDispatchToProps,\n )(ProjectErrorMessagesPageComponent),\n);\n","import React from \"react\";\nimport { Grid, Typography } from \"@material-ui/core\";\nimport WarningIcon from \"@material-ui/icons/Warning\";\nimport { stringKeys, strings } from \"../../../strings\";\n\nexport class EidsrIntegrationNotEnabled extends React.Component {\n render() {\n return (\n{strings(stringKeys.eidsrIntegration.form.noDistricts)}
\n )}\n \n );\n};\n","import { stringKeys, strings, stringsFormat } from \"../../../strings\";\n\nexport const districtValidator = {\n allOrganisationUnits: [\n () => strings(stringKeys.eidsrIntegration.form.allDistrictsShouldOrgUnit),\n (value) => {\n if (value && value.length > 0) {\n for (let i = 0; i < value.length; i++) {\n let districtItem = value[i];\n\n if (\n districtItem.organisationUnitId == null ||\n districtItem.organisationUnitId.trim() === \"\"\n ) {\n return false;\n }\n\n if (\n districtItem.organisationUnitName == null ||\n districtItem.organisationUnitName.trim() === \"\"\n ) {\n return false;\n }\n }\n }\n\n return true;\n },\n ],\n};\n","import React, { Fragment, useEffect, useState } from \"react\";\nimport { connect, useSelector } from \"react-redux\";\nimport * as eidsrIntegrationActions from \"./logic/eidsrIntegrationActions\";\nimport { withLayout } from \"../../utils/layout\";\nimport Layout from \"../layout/Layout\";\nimport { useMount } from \"../../utils/lifecycle\";\nimport { strings, stringKeys } from \"../../strings\";\nimport FormActions from \"../forms/formActions/FormActions\";\nimport CancelButton from \"../common/buttons/cancelButton/CancelButton\";\nimport SubmitButton from \"../common/buttons/submitButton/SubmitButton\";\nimport Form from \"../forms/form/Form\";\nimport { Loading } from \"../common/loading/Loading\";\nimport { createForm, validators } from \"../../utils/forms\";\nimport { ValidationMessage } from \"../forms/ValidationMessage\";\nimport {\n Button,\n CircularProgress,\n Grid,\n MenuItem,\n Tooltip,\n Typography,\n} from \"@material-ui/core\";\nimport TextInputField from \"../forms/TextInputField\";\nimport styles from \"./EidsrIntegration.module.scss\";\nimport { EidsrIntegrationNotEnabled } from \"./components/EidsrIntegrationNotEnabled\";\nimport PasswordInputField from \"../forms/PasswordInputField\";\nimport { EidsrIntegrationEditPageDistrictsComponent } from \"./components/EidsrIntegratonEditPageDistricts\";\nimport CheckCircleIcon from \"@material-ui/icons/CheckCircle\";\nimport WarningIcon from \"@material-ui/icons/Warning\";\nimport LiveHelpIcon from \"@material-ui/icons/LiveHelp\";\nimport { districtValidator } from \"./components/districtValidator\";\nimport { trackPageView } from \"../../utils/appInsightsHelper\";\n\nconst EidsrIntegrationEditPageComponent = (props) => {\n const [form, setForm] = useState(null);\n const [integrationEditingDisabled, setIntegrationEditingDisabled] =\n useState(true);\n\n useMount(() => {\n props.getEidsrIntegration(props.nationalSocietyId);\n\n // Track page view\n trackPageView(\"EidsrIntegrationEditPage\");\n });\n\n useEffect(() => {\n if (!props.data) {\n return;\n }\n\n const fields = {\n username: props.data.username ?? \"\",\n password: props.data.password ?? \"\",\n apiBaseUrl: props.data.apiBaseUrl ?? \"\",\n trackerProgramId: props.data.trackerProgramId ?? \"\",\n locationDataElementId: props.data.locationDataElementId ?? \"\",\n dateOfOnsetDataElementId: props.data.dateOfOnsetDataElementId ?? \"\",\n phoneNumberDataElementId: props.data.phoneNumberDataElementId ?? \"\",\n suspectedDiseaseDataElementId:\n props.data.suspectedDiseaseDataElementId ?? \"\",\n eventTypeDataElementId: props.data.eventTypeDataElementId ?? \"\",\n genderDataElementId: props.data.genderDataElementId ?? \"\",\n districtsWithOrganizationUnits:\n props.data.districtsWithOrganizationUnits ?? [],\n\n reportLocationDataElementId: props.data.reportLocationDataElementId ?? \"\",\n reportGeoLocationDataElementId: props.data.reportGeoLocationDataElementId ?? \"\",\n reportHealthRiskDataElementId: props.data.reportHealthRiskDataElementId ?? \"\",\n reportSuspectedDiseaseDataElementId: props.data.reportSuspectedDiseaseDataElementId ?? \"\",\n reportStatusDataElementId: props.data.reportStatusDataElementId ?? \"\",\n reportGenderDataElementId: props.data.reportGenderDataElementId ?? \"\",\n reportAgeGroupDataElementId: props.data.reportAgeGroupDataElementId ?? \"\",\n reportCaseCountFemaleAgeAtLeastFiveDataElementId: props.data.reportCaseCountFemaleAgeAtLeastFiveDataElementId ?? \"\",\n reportCaseCountMaleAgeAtLeastFiveDataElementId: props.data.reportCaseCountMaleAgeAtLeastFiveDataElementId ?? \"\",\n reportCaseCountFemaleAgeBelowFiveDataElementId: props.data.reportCaseCountFemaleAgeBelowFiveDataElementId ?? \"\",\n reportCaseCountMaleAgeBelowFiveDataElementId: props.data.reportCaseCountMaleAgeBelowFiveDataElementId ?? \"\",\n reportDateDataElementId: props.data.reportDateDataElementId ?? \"\",\n reportTimeDataElementId: props.data.reportTimeDataElementId ?? \"\",\n reportDataCollectorIdDataElementId: props.data.reportDataCollectorIdDataElementId ?? \"\"\n };\n\n const validation = {\n username: [validators.required],\n password: [validators.required],\n apiBaseUrl: [validators.required],\n trackerProgramId: [validators.required],\n districtsWithOrganizationUnits: [districtValidator.allOrganisationUnits],\n };\n\n setForm(createForm(fields, validation));\n }, [props.data]);\n\n useEffect(() => {\n enableIntegrationEditing();\n }, [props.program]);\n\n const enableIntegrationEditing = () => {\n if (\n form != null &&\n props?.program?.name != null &&\n props?.program?.name !== \"\"\n ) {\n setIntegrationEditingDisabled(false);\n let formApiProperties = getFormApiProperties();\n props.getOrganisationUnits(\n formApiProperties,\n formApiProperties.ProgramId,\n );\n } else {\n setIntegrationEditingDisabled(true);\n }\n };\n\n const testConnection = () => {\n let formApiProperties = getFormApiProperties();\n props.getProgram(formApiProperties, formApiProperties.ProgramId);\n };\n\n const updateDistrictsField = (newValue) => {\n if (form == null) return;\n\n form.fields.districtsWithOrganizationUnits.value = newValue;\n };\n\n const getFormApiProperties = () => {\n const values = form.getValues();\n\n return {\n Url: values?.apiBaseUrl,\n UserName: values?.username,\n Password: values?.password,\n ProgramId: values?.trackerProgramId,\n };\n };\n\n const handleSubmit = (e) => {\n e.preventDefault();\n\n if (!form.isValid()) {\n return;\n }\n\n const values = form.getValues();\n\n props.editEidsrIntegration(props.nationalSocietyId, {\n username: values.username,\n password: values.password,\n apiBaseUrl: values.apiBaseUrl,\n trackerProgramId: values.trackerProgramId,\n locationDataElementId: values.locationDataElementId,\n dateOfOnsetDataElementId: values.dateOfOnsetDataElementId,\n phoneNumberDataElementId: values.phoneNumberDataElementId,\n suspectedDiseaseDataElementId: values.suspectedDiseaseDataElementId,\n eventTypeDataElementId: values.eventTypeDataElementId,\n genderDataElementId: values.genderDataElementId,\n districtsWithOrganizationUnits: values.districtsWithOrganizationUnits,\n\n reportLocationDataElementId: values.reportLocationDataElementId,\n reportGeoLocationDataElementId: values.reportGeoLocationDataElementId,\n reportHealthRiskDataElementId: values.reportHealthRiskDataElementId,\n reportSuspectedDiseaseDataElementId:\n values.reportSuspectedDiseaseDataElementId,\n reportStatusDataElementId: values.reportStatusDataElementId,\n reportGenderDataElementId: values.reportGenderDataElementId,\n reportAgeGroupDataElementId: values.reportAgeGroupDataElementId,\n reportCaseCountFemaleAgeAtLeastFiveDataElementId: values.reportCaseCountFemaleAgeAtLeastFiveDataElementId,\n reportCaseCountMaleAgeAtLeastFiveDataElementId: values.reportCaseCountMaleAgeAtLeastFiveDataElementId,\n reportCaseCountFemaleAgeBelowFiveDataElementId: values.reportCaseCountFemaleAgeBelowFiveDataElementId,\n reportCaseCountMaleAgeBelowFiveDataElementId: values.reportCaseCountMaleAgeBelowFiveDataElementId,\n reportDateDataElementId: values.reportDateDataElementId,\n reportTimeDataElementId: values.reportTimeDataElementId,\n reportDataCollectorIdDataElementId: values.reportDataCollectorIdDataElementId\n });\n };\n\n if (props.isFetching || !form) {\n return