+
+ {/* Second card */}
+
+
+
{
+ return {
+ style: {
+ padding: "20px 18px",
+ fontSize: "16px",
+ whiteSpace: "normal",
+ },
+ };
+ }}
+ t={t}
+ />
+
+
+ );
+};
+
+export default DataMgmtTable;
\ No newline at end of file
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/FileComponent.js b/health/micro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/FileComponent.js
new file mode 100644
index 00000000000..00f85072a74
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/FileComponent.js
@@ -0,0 +1,70 @@
+import React from "react";
+import { useTranslation } from "react-i18next";
+import { EditIcon } from "@egovernments/digit-ui-react-components";
+import { DeleteIconv2 } from "@egovernments/digit-ui-react-components";
+import { FileIcon } from "@egovernments/digit-ui-react-components";
+import { Button } from "@egovernments/digit-ui-react-components";
+import { Card } from "@egovernments/digit-ui-react-components";
+import { CardSubHeader } from "@egovernments/digit-ui-react-components";
+import { InboxSearchComposer } from "@egovernments/digit-ui-react-components";
+import { Table } from '@egovernments/digit-ui-react-components';
+
+const FileComponent = ({ title,fileName,editHandler,deleteHandler}) => {
+ const {t}=useTranslation();
+ return (
+
+
+ {/* First card */}
+
+ {title}
+
+
+
+
+ {/* Left side: File Icon */}
+
setShowPreview(true)}
+ >
+
+
{fileName}
+
+
+ {/* Right side: Edit and Delete Buttons */}
+
+ {/* Edit Icon and Button */}
+
handleRedirect(1)}>
+ {/* {t("CAMPAIGN_EDIT")} */}
+ }
+ type="button"
+ className="dm-workbench-download-template-btn dm-hover"
+ onButtonClick={(e) => {
+ editHandler();
+ }}
+ />
+
+
+ {/* Delete Button */}
+
}
+ type="button"
+ className="dm-workbench-download-template-btn dm-hover"
+ onButtonClick={(e) => {
+ deleteHandler();
+ }}
+ />
+
+
+
+
+ {/* Apply the merged styles */}
+
+
+ );
+};
+
+export default HeaderComp;
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/HeaderPlusThreeInput.js b/health/micro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/HeaderPlusThreeInput.js
new file mode 100644
index 00000000000..a4b9c2d50eb
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/HeaderPlusThreeInput.js
@@ -0,0 +1,33 @@
+import React from 'react';
+import ThreeInputComp from './ThreeInputComp';
+import HeaderComp from './HeaderComp';
+import { useTranslation } from 'react-i18next';
+
+const HeaderPlusThreeInput = ({ title, threeInputArr }) => {
+ const { t } = useTranslation();
+
+
+ return (
+
+
+
+ {
+ threeInputArr.map((arr) => {
+
+
+ return (
+
+ );
+ })
+ }
+
+
+ );
+};
+
+export default HeaderPlusThreeInput;
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/ThreeInputComp.js b/health/micro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/ThreeInputComp.js
new file mode 100644
index 00000000000..7d766715763
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/ThreeInputComp.js
@@ -0,0 +1,65 @@
+import React, { useState, useEffect, Fragment } from "react";
+import { useTranslation } from "react-i18next";
+import { Card, Header, LabelFieldPair, Button } from "@egovernments/digit-ui-react-components";
+import { Dropdown, FieldV1 } from "@egovernments/digit-ui-components";
+import { TextInput } from "@egovernments/digit-ui-components";
+
+const ThreeInputComp = ({ output, input1, input2, input3 }) => {
+
+ const { t } = useTranslation();
+
+ const onSelect = (selectedValue) => {
+
+ };
+
+ return (
+
+ {/* Header component */}
+
+ {/* Card Component */}
+
+ {/* Loop through some data to render LabelFieldPair */}
+
+
+
+ {t(output)}
+ =
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* Divider */}
+
+
+
{}}>
+ {t(`CAMPAIGN_EDIT`)}
+
+
+ ),
+ values: [
+ {
+ key: t("CAMPAIGN_TYPE"),
+ value: totalFormData.CAMPAIGN_DETAILS?.campaignDetails?.campaignType?.code || "NA",
+
+ },
+ {
+ key: t("CMAPAIGN_DISEASE"),
+ value: totalFormData.CAMPAIGN_DETAILS?.campaignDetails?.disease?.code || "NA",
+ },
+ {
+ key: t("RESOURCE_DISTRIBUTION_STRATEGY"),
+ // value: Digit.Utils.date.convertEpochToDate(data?.[0]?.startDate) || t("CAMPAIGN_SUMMARY_NA"),
+ value: totalFormData.CAMPAIGN_DETAILS?.campaignDetails?.distributionStrat?.resourceDistributionStrategyCode || "NA"
+ },
+
+ ],
+ inlineStyles: {
+ marginBottom: "0rem",
+ },
+ // values: data31(),
+
+
+ },
+ ]
+
+
+ },{
+ navigationKey: "card1",
+ sections: [
+ {
+ type: "DATA",
+ cardHeader: { value: t("Name of microplan"), inlineStyles: { marginTop: 0, fontSize: "1.5rem" } },
+ cardSecondaryAction: (
+ handleRedirect(1)}>
+ {t(`CAMPAIGN_EDIT`)}
+
+
+ ),
+ values: [
+ {
+ key: t("NAME_OF_MICROPLAN"),
+ value: totalFormData?.MICROPLAN_DETAILS?.microplanDetails?.microplanName || "NA"
+
+ },
+ ],
+ // values:data32(),
+
+
+ },
+
+ ],
+
+
+ },
+
+
+ {
+ navigationKey: "card2",
+ sections: [
+ {
+ type: "DATA",
+ cardHeader: { value: t("CAMPAIGN_DETAILS"), inlineStyles: { marginTop: 0, fontSize: "1.5rem" } },
+ cardSecondaryAction: (
+ handleRedirect(1)}>
+ {t(`CAMPAIGN_EDIT`)}
+
+
+ ),
+ values: [
+ {
+ key: "Campaign Registration Process",
+ value: "House to House",
+ },
+ {
+ key: "Campaign Distribution Process",
+ value: "House to House",
+ },
+ {
+ key: "Registration & Distribution",
+ // value: Digit.Utils.date.convertEpochToDate(data?.[0]?.startDate) || t("CAMPAIGN_SUMMARY_NA"),
+ value: "Together"
+ },
+ ],
+ },
+
+ ]
+ },
+ {
+ navigationKey: "card2",
+ sections: [
+ {
+ type: "DATA",
+ cardHeader: { value: t("General Estimation"), inlineStyles: { marginTop: 0, fontSize: "1.5rem", color: " #0B4B66" } },
+ cardSecondaryAction: (
+ handleRedirect(1)}>
+ {t(`CAMPAIGN_EDIT`)}
+
+
+ ),
+ values: [
+ {
+ key: "Average people in a household",
+ value: "4",
+ },
+ {
+ key: "Number of bednets per bale",
+ value: "50"
+ },
+ {
+ key: "Number of people per bednet ",
+ value: "50"
+ },
+ ],
+ },
+
+ ]
+ },{
+ navigationKey: "card2",
+ sections: [
+ {
+ type: "DATA",
+ cardHeader: { value: t("Household Registration information"), inlineStyles: { marginTop: 0, fontSize: "1.5rem", color: " #0B4B66" } },
+ cardSecondaryAction: (
+ handleRedirect(1)}>
+ {t(`CAMPAIGN_EDIT`)}
+
+
+ ),
+ values: [
+ {
+ key: "No of days for household registration",
+ value: "4",
+ },
+ {
+ key: "Number of beneficiaries to be registered by a registration team per day",
+ value: "50"
+ },
+ {
+ key: "Number of members per household registration team ",
+ value: "4"
+ },
+ {
+ key: "Number of registration teams per monitor",
+ value: "4"
+ },
+ {
+ key: "Number of monitors per supervisor for household registration",
+ value: "4"
+ },
+ ],
+ },
+
+ ],
+ },{
+ navigationKey: "card2",
+ sections: [
+ {
+ type: "DATA",
+ cardHeader: { value: t("Campaign commodities"), inlineStyles: { marginTop: 0, fontSize: "1.5rem", color: " #0B4B66" } },
+ cardSecondaryAction: (
+ handleRedirect(1)}>
+ {t(`CAMPAIGN_EDIT`)}
+
+
+ ),
+ values: [
+ {
+ key: "Number of households per sticker roll",
+ value: "20",
+ },
+
+ ],
+ },
+
+ ]
+ },{
+ navigationKey: "card2",
+ sections: [
+ {
+ type: "DATA",
+ cardHeader: { value: t("Campaign vehicles"), inlineStyles: { marginTop: 0, fontSize: "1.5rem", color: " #0B4B66" } },
+ cardSecondaryAction: (
+ handleRedirect(1)}>
+ {t(`CAMPAIGN_EDIT`)}
+
+
+ ),
+ values: [
+ {
+ key: "Capacity of vehicle 1(bales)",
+ value: "20",
+ },
+ {
+ key: "Capacity of vehicle 2(bales)",
+ value: "20",
+ },
+
+
+ ],
+ },
+
+ ]
+ },{
+ navigationKey: "card3",
+ sections: [
+ {
+ type: "DATA",
+ cardHeader: { value: t("DATA_VALIDATION_RULE"), inlineStyles: { marginTop: 0, fontSize: "1.5rem", color: " #0B4B66" } },
+ cardSecondaryAction: (
+ handleRedirect(1)}>
+ {t(`CAMPAIGN_EDIT`)}
+
+
+ ),
+ values: [
+ {
+ key: "Maximum population of a village",
+ value: "74784784",
+ },
+ {
+ key: "Maximum population of a village",
+ value: "74784784",
+ },
+ {
+ key: "Acceptable change of percentage with respect to the uploaded populatin data",
+ value: "10%",
+ isMandatory: true
+ },
+
+
+ ],
+ },
+
+ ]
+
+
+ },
+ // {
+ // navigationKey: "card5",
+ // sections:
+
+ // [
+ // {
+
+ // type: "COMPONENT",
+ // component: "FormulaConfiguration",
+ // props: {
+ // },
+ // },
+ // ]
+
+
+ // },
+ // {
+ // navigationKey: "card6",
+ // sections:
+
+ // [
+ // {
+
+ // type: "COMPONENT",
+ // component: "UserAccessManagement",
+ // props: {
+ // },
+ // },
+ // ]
+
+
+ // },
+ {
+ navigationKey: "card7",
+ sections:
+
+ [
+ {
+
+ type: "COMPONENT",
+ component: "FileComponent",
+ props: {
+ title:"Population",
+ fileName:"file.xlsx",
+ editHandler:()=>{},
+ deleteHandler:()=>{},
+
+ },
+ },
+ ]
+
+
+ },{
+ navigationKey: "card7",
+ sections:
+
+ [
+ {
+
+ type: "COMPONENT",
+ component: "FileComponent",
+ props: {
+ title:"Facilities",
+ fileName:"file.xlsx",
+ editHandler:()=>{},
+ deleteHandler:()=>{},
+
+ },
+ },
+ ]
+
+
+ },{
+ navigationKey: "card7",
+ sections:
+
+ [
+ {
+
+ type: "COMPONENT",
+ component: "DataMgmtTable",
+ props: {
+
+
+ },
+ },
+ ]
+
+
+ },{
+ navigationKey: "card8",
+ sections:
+
+ [
+ {
+
+ type: "COMPONENT",
+ component: "HeaderPlusThreeInput",
+
+ props: {
+
+ title:"GENERAL_ESTIMATION",
+ threeInputArr:[["Number of households per boundary","Population of the boundary","Divided by","Average people HJ/H"],
+ [ "Number of bednets per boundary","Population of the boundary","Divided by","Average people HJ/H"],
+ [ "Number of bales per boundary","Population of the boundary","Divided by","Average people HJ/H"]
+
+ ]
+
+ },
+ },
+ ]
+
+
+ },{
+ navigationKey: "card8",
+ sections:
+
+ [
+ {
+
+ type: "COMPONENT",
+ component: "HeaderPlusThreeInput",
+
+ props: {
+
+ title:"HOUSEHOLD_REGISTRATION_INFORMATION",
+ threeInputArr:[["Number of hosueholds registered","Population of the boundary","Divided by","Average people HJ/H"],
+ [ "Number of houdeholds registered per boundary","Population of the boundary","Divided by","Average people HJ/H"],
+ [ "Number of Supervisors per Boundary","Population of the boundary","Divided by","Average people HJ/H"]
+
+ ]
+
+ },
+ },
+ ]
+
+
+ },{
+ navigationKey: "card8",
+ sections:
+
+ [
+ {
+
+ type: "COMPONENT",
+ component: "HeaderPlusThreeInput",
+
+ props: {
+
+ title:"CAMPAIGN_COMMODITIES",
+ threeInputArr:[["Number of sticker rolls per boundary","Population of the boundary","Divided by","Average people HJ/H"], ]
+
+ },
+ },
+ ]
+
+
+ },
+
+ ],
+ horizontalNav: {
+ showNav: true,
+ configNavItems: [
+
+
+ {
+ name: "card1",
+ active: true,
+ code: "MICROPLAN_DETAILS",
+ },
+ {
+ name: "card7",
+ active: true,
+ code: "DATA_MGMT",
+ },
+
+
+ {
+ name: "card2",
+ active: true,
+ code: "MICROPLAN_ASSUMPTIONS",
+ },
+
+
+ // ,{
+ // name: "card5",
+ // active: true,
+ // code: "FORMULA_CONFIGURATION",
+ // },
+ // {
+ // name: "card6",
+ // active: true,
+ // code: "USER_ACCESS_MGMT",
+ // },
+ {
+ name: "card8",
+ active: true,
+ code: "FORMULA_CONFIGURATION",
+ },
+
+ ],
+ activeByDefault: "card1",
+ },
+
+ }
+
+ return (
+
+ )
+}
+
+
+export default SummaryScreen
\ No newline at end of file
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/microplan/src/pages/employee/index.js b/health/micro-ui/web/micro-ui-internals/packages/modules/microplan/src/pages/employee/index.js
index 9949963eaf4..75091d74c4b 100644
--- a/health/micro-ui/web/micro-ui-internals/packages/modules/microplan/src/pages/employee/index.js
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/microplan/src/pages/employee/index.js
@@ -5,6 +5,7 @@ import { Switch,useLocation } from "react-router-dom";
import SetupMicroplan from "./SetupMicroplan";
import { useMyContext } from "../../utils/context";
import MicroplanSearch from "./MicroplanSearch";
+import SummaryScreen from "./SummaryScreen";
const bredCrumbStyle={ maxWidth: "min-content" };
const ProjectBreadCrumb = ({ location }) => {
@@ -149,6 +150,8 @@ const App = ({ path, stateCode, userType, tenants,BOUNDARY_HIERARCHY_TYPE, hiera
} />
} />
+ } />
+
);