- \r\n {title &&
- {parse(title)} }\r\n {howToAssess && (\r\n
- \r\n
\r\n How to assess\r\n
\r\n {parse(howToAssess)}\r\n\r\n
\r\n )}\r\n {whatYouNeed && (\r\n - \r\n
What you need
\r\n {parse(whatYouNeed)}\r\n \r\n )}\r\n {interview && (\r\n - \r\n
Interview
\r\n\r\n {parse(interview)}\r\n \r\n )}\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n {\r\n // if customized header then render header else render dialog title\r\n renderHeader || (\r\n
\r\n\r\n {title || \"\"}
\r\n )\r\n }\r\n\r\n
\r\n {children}
\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default ModalFooter","import React, { useEffect, useState } from \"react\";\r\nimport Chip from \"@material-ui/core/Chip\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport Autocomplete, {\r\n AutocompleteGetTagProps,\r\n} from \"@material-ui/lab/Autocomplete\";\r\n\r\nimport MultiSelectModel from \"../../models/MultiSelectModel\";\r\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\r\nimport { IconButton } from \"@material-ui/core\";\r\n\r\ninterface IMultiSelectProps {\r\n id: string;\r\n label: string;\r\n placeholder?: string;\r\n error?: boolean;\r\n helperText?: string;\r\n disabled?: boolean;\r\n required?: boolean;\r\n /** list of all options */\r\n options: Array\r\n {children}\r\n
\r\n \r\n \r\n \r\n ) : (\r\n children\r\n )}\r\n
\r\n );\r\n};\r\n\r\nexport default WHOTabs;\r\n","\r\nimport Chip, { ChipProps } from '@material-ui/core/Chip';\r\n\r\n/** Renders the Pillbox(Chips) */\r\nconst PillBox = (props: ChipProps) => {\r\n return (\r\n \r\n \r\n {tabs?.map((tab: TabModel, index: number) => (\r\n
\r\n\r\n {!children ? (\r\n {t(\"Common.PleaseUploadFiles\")}\r\n
\r\n {Array.from(files).map((file: File, index: number) => (\r\n
\r\n );\r\n};\r\n\r\nexport default FilePreview;","import React from \"react\";\r\nimport {\r\n FormControlLabel,\r\n FormHelperText,\r\n Radio,\r\n RadioGroup,\r\n RadioGroupProps,\r\n} from \"@material-ui/core\";\r\n\r\nimport MultiSelectModel from \"../../models/MultiSelectModel\";\r\n\r\ninterface IRadioButtonProps extends RadioGroupProps {\r\n helperText?: string;\r\n error?: boolean;\r\n color?: \"primary\" | \"secondary\" | \"default\";\r\n options: Array\r\n
\r\n ))}\r\n \r\n
\r\n \r\n {file.name}\r\n
\r\n \r\n \r\n onDelete(file)}>\r\n \r\n \r\n
\r\n \r\n
\r\n ) : (\r\n <>\r\n \r\n All steps completed\r\n
\r\n \r\n {steps[activeStep].component && steps[activeStep].component}\r\n {children && children}\r\n
\r\n {showHideButtons && (\r\n <>\r\n - \r\n {options.map((option: MultiSelectModel) => {\r\n const labelId = `checkbox-list-label-${option.id}`;\r\n\r\n return (\r\n
\r\n
\r\n );\r\n};\r\n\r\nconst tabs: Array\r\n
\r\n\r\n {/* Pie CHART */}\r\n
\r\n WHO Malaria Toolkit - Controls
\r\n\r\n\r\n {/* Pie CHART */}\r\n
\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n {/* Line CHART */}\r\n Pie Chart
\r\n\r\n
\r\n\r\n {/* BAR CHART */}\r\n Line Chart
\r\n\r\n
\r\n Bar Chart
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Textbox
\r\n\r\n
\r\n Dropdown
\r\n\r\n ) => { }}\r\n />\r\n
\r\n Multi-Dropdown
\r\n\r\n
\r\n Tabs
\r\n\r\n
\r\n \r\n
\r\n\r\n Pillbox
\r\n\r\n { }}\r\n color=\"primary\"\r\n name=\"switch\"\r\n />\r\n
\r\n Toggle Switch
\r\n\r\n ) =>\r\n setFiles(evt.target.files)\r\n }\r\n >\r\n {\r\n const remainingFile = Array.from(files as FileList).filter(\r\n (file: File) => file !== deletedFile\r\n );\r\n setFiles(remainingFile);\r\n }}\r\n />\r\n \r\n
\r\n\r\n File Uploader
\r\n\r\n
\r\n\r\n Radio Button Group
\r\n\r\n \r\n \r\n Error Message \r\n
\r\n\r\n Checkbox
\r\n\r\n
\r\n\r\n Date Time
\r\n\r\n
\r\n\r\n Date
\r\n\r\n Step 1),\r\n new StepperModel(1, \"Step 2\", Step 2),\r\n new StepperModel(1, \"Step 3\", Step 3),\r\n ]}\r\n onStepChange={setActiveStep}\r\n />\r\n
\r\n\r\n Stepper
\r\n\r\n ) => {\r\n setChecked(newValues);\r\n console.log(newValues, \"newValues\");\r\n }}\r\n />\r\n
\r\n CheckBox List
\r\n\r\n {count}\r\n {title}\r\n
\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default WorldMap;\r\n","export class AssessmentStatistics {\r\n constructor(\r\n public totalCreatedAssesments: number | null,\r\n public totalInProgressAssessments: number | null,\r\n public totalNumberOfCountriesWithOneAssesment: number | null,\r\n public totalNumberOfCountriesWithMoreThanOneAssesment: number | null,\r\n public inProgressAssessmentsCountries: string,\r\n public oneAssessmentCountries: string,\r\n public moreThanOneAssessmentCountries: string,\r\n public createdAssessmentsCountries: string,\r\n public totalCompletedRapidAssessments: number,\r\n public totalCompletedTailoredAssesments: number,\r\n public totalCompletedComprehensiveAssesments: number,\r\n public completedRapidAssessmentsCountries: string,\r\n public completedTailoredAssessmentCountries: string,\r\n public completedComprehensiveAssessmentCountries: string\r\n ) {\r\n this.totalCreatedAssesments = totalCreatedAssesments;\r\n this.totalNumberOfCountriesWithOneAssesment =\r\n totalNumberOfCountriesWithOneAssesment;\r\n this.totalInProgressAssessments = totalInProgressAssessments;\r\n this.totalNumberOfCountriesWithMoreThanOneAssesment =\r\n totalNumberOfCountriesWithMoreThanOneAssesment;\r\n this.inProgressAssessmentsCountries = inProgressAssessmentsCountries;\r\n this.oneAssessmentCountries = oneAssessmentCountries;\r\n this.moreThanOneAssessmentCountries = moreThanOneAssessmentCountries;\r\n this.createdAssessmentsCountries = createdAssessmentsCountries;\r\n\r\n this.totalCompletedRapidAssessments = totalCompletedRapidAssessments;\r\n this.totalCompletedTailoredAssesments = totalCompletedTailoredAssesments;\r\n this.totalCompletedComprehensiveAssesments =\r\n totalCompletedComprehensiveAssesments;\r\n this.completedRapidAssessmentsCountries =\r\n completedRapidAssessmentsCountries;\r\n this.completedTailoredAssessmentCountries =\r\n completedTailoredAssessmentCountries;\r\n this.completedComprehensiveAssessmentCountries =\r\n completedComprehensiveAssessmentCountries;\r\n }\r\n}\r\n\r\nexport class DashboardModel extends AssessmentStatistics {\r\n constructor(\r\n public totalCreatedAssesments: number | null,\r\n public totalInProgressAssessments: number | null,\r\n public totalNumberOfCountriesWithOneAssesment: number | null,\r\n public totalNumberOfCountriesWithMoreThanOneAssesment: number | null,\r\n public inProgressAssessmentsCountries: string,\r\n public oneAssessmentCountries: string,\r\n public moreThanOneAssessmentCountries: string,\r\n public createdAssessmentsCountries: string,\r\n public totalCompletedRapidAssessments: number,\r\n public totalCompletedTailoredAssesments: number,\r\n public totalCompletedComprehensiveAssesments: number,\r\n public completedRapidAssessmentsCountries: string,\r\n public completedTailoredAssessmentCountries: string,\r\n public completedComprehensiveAssessmentCountries: string\r\n ) {\r\n super(\r\n totalCreatedAssesments,\r\n totalInProgressAssessments,\r\n totalNumberOfCountriesWithOneAssesment,\r\n totalNumberOfCountriesWithMoreThanOneAssesment,\r\n inProgressAssessmentsCountries,\r\n oneAssessmentCountries,\r\n moreThanOneAssessmentCountries,\r\n createdAssessmentsCountries,\r\n totalCompletedRapidAssessments,\r\n totalCompletedTailoredAssesments,\r\n totalCompletedComprehensiveAssesments,\r\n completedRapidAssessmentsCountries,\r\n completedTailoredAssessmentCountries,\r\n completedComprehensiveAssessmentCountries\r\n );\r\n }\r\n static init = () =>\r\n new DashboardModel(0, 0, 0, 0, \"\", \"\", \"\", \"\", 0, 0, 0, \"\", \"\", \"\");\r\n}\r\n\r\nexport class CountryDataModel {\r\n constructor(public iso: string, public status: number) {\r\n this.iso = iso;\r\n this.status = status;\r\n }\r\n}\r\n","import React from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport HourglassEmptyIcon from \"@material-ui/icons/HourglassEmpty\";\r\n\r\n/** Renders the loading element */\r\nfunction Loading() {\r\n const { t } = useTranslation();\r\n return (\r\n \r\n \r\n
\r\n
\r\n );\r\n}\r\n\r\nexport default Loading;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport classes from \"./Carousel.module.scss\";\r\nimport CarouselItem from \"./CarouselItem\";\r\nimport WorldMap from \"../controls/WorldMap\";\r\nimport { Carousel as ReactCarousel } from \"react-responsive-carousel\";\r\nimport { CountryDataModel, DashboardModel } from \"../../models/DashboardModel\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { commonServices } from \"../../services/commonService\";\r\nimport Loading from \"../common/Loading\";\r\nimport { WorldMapAssessmentStatusCountries, WorldMapAssessmentApproachCountries, WorldMapYearwiseAssessmentCountries } from \"../../models/Enums\";\r\n\r\ntype CarouselProps = {\r\n canRenderAssessmentStatistics: boolean;\r\n};\r\n\r\n/** Renders Carousel component */\r\nfunction Carousel(props: CarouselProps) {\r\n const { t } = useTranslation();\r\n const { canRenderAssessmentStatistics } = props;\r\n\r\n const [assessmentStatistics, setAssessmentStatistics] =\r\n useState\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n );\r\n}\r\n\r\nexport default Carousel;\r\n","import { Link } from \"react-router-dom\";\r\nimport classNames from \"classnames\";\r\nimport Carousel from \"../ui/Carousel\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\n/** Renders User Dashbaord */\r\nfunction Dashboard() {\r\n const { t } = useTranslation();\r\n document.title = t(\"app.DahboardTitle\");\r\n\r\n return (\r\n <>\r\n \r\n \r\n
\r\n \r\n * {t(\"Common.GeographicRegionsNote\")}\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n\r\n {canRenderAssessmentStatistics && (\r\n \r\n
\r\n )}\r\n \r\n
\r\n - \r\n
\r\n
\r\n\r\n \r\n
\r\n {canRenderAssessmentStatistics && (\r\n \r\n
\r\n )}\r\n \r\n
\r\n - \r\n
\r\n
\r\n \r\n \r\n
\r\n {canRenderAssessmentStatistics && (\r\n \r\n
\r\n )}\r\n \r\n
\r\n {t(\"Landing.Carousel.TotalYearWiseAssessments\")}
\r\n- \r\n
\r\n
\r\n \r\n
\r\n \r\n {/* Carousel Component */}\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 \r\n
\r\n \r\n \r\n {t(\"Assessment.ViewAssessments\")}\r\n \r\n
\r\n \r\n \r\n history.push(\"/assessments\")}>\r\n \r\n \r\n {t(\"Assessment.AllAssessments\")}\r\n \r\n
\r\n - \r\n {tabs.map(({ id, label, icon, disabled }, index: number) => (\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 return (\r\n \r\n );\r\n}\r\n\r\nexport default IndicatorsSelection;\r\n","type UserMessageProps = {\r\n content?: string;\r\n className?: string;\r\n /** Renders the custom content */\r\n renderContent?: React.ReactChild;\r\n};\r\n/**Renders the No Record found component */\r\nconst UserMessage = (props: UserMessageProps) => {\r\n const { content, className, renderContent } = props;\r\n return (\r\n \r\n Please select an\r\n history.replace(\"/assessments\")}>\r\n Assessment\r\n \r\n first.\r\n
\r\n\r\n {content && content}\r\n {renderContent && renderContent}\r\n
\r\n );\r\n};\r\n\r\nexport default UserMessage;\r\n","import { useEffect, useState } from \"react\";\r\n\r\nimport classNames from \"classnames\";\r\nimport classes from \"./scopedefinition.module.scss\";\r\nimport RightIcon from \"@material-ui/icons/KeyboardArrowRight\";\r\nimport { GetSubObjectiveModel } from \"../../../models/ScopeDefinitionModel\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport UserMessage from \"../../common/UserMessage\";\r\n\r\ntype SubCategoryProps = {\r\n objectiveId: string;\r\n\r\n subObjectiveId: string;\r\n\r\n subObjectives?: Array- \r\n {subObjectives?.map((subCat: GetSubObjectiveModel, index: number) => (\r\n
\r\n \r\n
\r\n
\r\n );\r\n }\r\n return (\r\n \r\n
\r\n \r\n \r\n {t(\"Assessment.ScopeDefinition.SelectIndicatorsApproach\")}\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 return { id: objective.id, label: objective.name };\r\n })}\r\n className={classNames(\"d-flex\", \"px-3\", classes.tabWrapper)}\r\n activeTabIndex={currentIndex}\r\n onClick={onTabCategoryChange}\r\n >\r\n \r\n {canRenderScopeDefinition ? (\r\n <>\r\n \r\n {!loading ? (\r\n
\r\n {children}
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default IndicatorSelectionContainer;\r\n","import { MetNotMetEnum } from '../../models/Enums';\r\n\r\n// action\r\nexport const SET_MET_NOT_MET_STATUS: string =\r\n \"SET_MET_NOT_MET_STATUS\";\r\n\r\n\r\n/**Update met not met status\r\n * @param status Met not met status\r\n */\r\nexport const setMetNotMetStatus = (status: MetNotMetEnum) => ({\r\n type: SET_MET_NOT_MET_STATUS,\r\n status,\r\n});\r\n\r\nexport default (state: MetNotMetEnum = MetNotMetEnum.NotMet, action: any) => {\r\n switch (action.type) {\r\n case SET_MET_NOT_MET_STATUS:\r\n const { status } = action;\r\n\r\n return { status };\r\n default:\r\n return state;\r\n }\r\n};\r\n","import { useEffect, useState } from \"react\";\r\nimport StrategyContainer from \"./strategy-selection/StrategyContainer\";\r\nimport IndicatorSelectionContainer from \"./indicator-selection/IndicatorSelectionContainer\";\r\nimport classes from \"./assessment.module.scss\";\r\nimport {\r\n AssessmentApproach,\r\n AssessmentStatus,\r\n StrategyStepper,\r\n MetNotMetEnum\r\n} from \"../../models/Enums\";\r\nimport WHOStepper from \"../controls/WHOStepper\";\r\nimport { StepperModel } from \"../../models/StepperModel\";\r\nimport classNames from \"classnames\";\r\nimport { useHistory, useLocation } from \"react-router-dom\";\r\nimport { StrategySelectionModel } from \"../../models/ScopeDefinitionModel\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { UtilityHelper } from \"../../utils/UtilityHelper\";\r\nimport { Constants } from \"../../models/Constants\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport InfoIcon from \"@material-ui/icons/Info\";\r\nimport {\r\n updateDiagramsStatus,\r\n updateIndicatorSelection,\r\n updateStrategySelection,\r\n} from \"../../redux/ducks/scopedefinition\";\r\nimport { setMetNotMetStatus } from \"../../redux/ducks/met-not-met\";\r\nimport { SaveIndicatorSelectionRequestModel } from \"../../models/RequestModels/ScopeDefinitionRequestModel\";\r\nimport UserMessage from \"../common/UserMessage\";\r\nimport { UserAssessmentPermission } from \"../../models/PermissionModel\";\r\nimport { DiagramsStatusModel } from \"../../models/DiagramsStatusModel\";\r\n\r\ntype ScopeDefinitionContainerProps = {\r\n currentStep: StrategyStepper;\r\n assessmentApproach: number;\r\n};\r\n\r\n/** Renders Assessment Scope Definition */\r\nconst ScopeDefinitionContainer = (props: ScopeDefinitionContainerProps) => {\r\n const { t } = useTranslation();\r\n document.title = t(\"app.ScopeDefinitionTitle\");\r\n\r\n const { currentStep, assessmentApproach } = props;\r\n const permission: UserAssessmentPermission = useSelector((state: any) => state.userPermission.assessment);\r\n const { canUpdateIndicators, canUpdateStrategies } = permission;\r\n const [activeStep, setActiveStep] = useState