+ {t(`HR_READY_TO_SUBMIT_TEXT`)}
+
+
+
+ ]}
+ onOverlayClick={onClose}
+ equalWidthButtons={true}
+ footerChildren={[
+
+
+ {
+
+ {t("HR_NEW_EMPLOYEE_FORM_HEADER")}
+
+ }
+
+ {
+
+ 0 ? data.Employees[0].assignments[0].department : "NA",
+ value: data?.Employees ? data?.Employees[0]?.employeeType : t(`CORE_COMMON_NA`),
+ },
+ // {
+ // inline: true,
+ // label: t("EMPLOYEE_RESPONSE_CREATE_LABEL"),
+ // type: "text",
+ // value: "USR-003682",
+ // },
+ {
+ inline: true,
+ label: t("HR_COMMON_TABLE_COL_DEPT"),
+ type: "text",
+ value:
+ data?.Employees?.[0]?.assignments?.length > 0
+ ? data.Employees[0].assignments[0].department
+ : "COMMON_MASTERS_DEPARTMENT_undefined",
+ },
+ {
+ inline: true,
+ label: t("HR_APPOINTMENT_DATE_LABEL"),
+ type: "text",
+ value: data?.Employees?.[0]?.dateOfAppointment ? convertEpochToDate(data.Employees[0].dateOfAppointment) : t(`CORE_COMMON_NA`),
+ },
+ ],
+ header: t("HR_PROFESSIONAL_DETAILS_FORM_HEADER"),
+ subHeader: "",
+ },
+
+ // custom card
+
+ {
+ cardType: "primary",
+ fieldPairs: [
+ {
+ label: "",
+ value: "",
+ type: "custom",
+ inline: false,
+ renderCustomContent: (value) => {
+ return (
+ {
+ return {
+ cardType: "primary",
+ fieldPairs: [
+ {
+ inline: true,
+ label: t("HR_HIERARCHY_LABEL"),
+ type: "text",
+ value: element?.hierarchy || t(`CORE_COMMON_NA`),
+ },
+ {
+ inline: true,
+ label: t("HR_BOUNDARY_TYPE_LABEL"),
+ type: "text",
+ value: element?.boundaryType || t(`CORE_COMMON_NA`),
+ },
+ {
+ inline: true,
+ label: t("HR_BOUNDARY_LABEL"),
+ value: element?.boundary || t(`CORE_COMMON_NA`),
+ },
+ {
+ inline: true,
+ label: t("HR_ROLE_LABEL"),
+ value: data?.Employees?.[0]?.user?.roles
+ ?.filter((ele) => ele.tenantId == element?.tenantId)
+ .map((ele) => t(`ACCESSCONTROL_ROLES_ROLES_` + ele?.code)),
+ },
+ ],
+ header: "",
+ subHeader: `${t("HR_JURISDICTION")} ${index + 1}`,
+ };
+ })
+ : []
+ }
+ />
+ );
+ },
+ },
+ ],
+ header: t("HR_JURISDICTION_DETAILS_HEADER"),
+ subHeader: "",
+ },
+
+ // campaign data
+ {
+ cardType: "primary",
+ fieldPairs: [
+ {
+ label: "",
+ value: "",
+ type: "custom",
+ inline: false,
+ renderCustomContent: (value) => {
+ return (
+ {
+ return {
+ cardType: "primary",
+ fieldPairs: [
+ {
+ inline: true,
+ label: t("HR_CAMPAIGN_LABEL"),
+ type: "text",
+ value: element?.name || t(`CORE_COMMON_NA`),
+ },
+ {
+ inline: true,
+ label: t("HR_ASMT_FROM_DATE_LABEL"),
+ type: "text",
+ value: element?.startDate ? convertEpochToDate(element?.startDate) : t(`CORE_COMMON_NA`),
+ },
+ {
+ inline: true,
+ label: t("HR_ASMT_TO_DATE_LABEL"),
+ value: element?.endDate ? convertEpochToDate(element?.endDate) : t(`CORE_COMMON_NA`),
+ },
+ ],
+ header: "",
+ subHeader: `${t("HR_ASSIGNMENT")} ${index + 1}`,
+ };
+ })
+ : []
+ }
+ />
+ );
+ },
+ },
+ ],
+ header: t("HR_ASSIGN_DET_HEADER"),
+ subHeader: "",
+ },
+
+ //end of campaign data
+ ]}
+ style={{}}
+ subHeader="Subheading"
+ type="primary"
+ />
+
+ }
+
+ {/* action bar */}
+ {
+ {
+ let key = e.code;
+ switch (key) {
+ case "COMMON_EDIT_EMPLOYEE_HEADER":
+ history.push(`/${window.contextPath}/employee/hrms/edit/${id}`);
+ break;
+ case "DEACTIVATE_EMPLOYEE_HEAD":
+ setOpenModal(true);
+ // history.push(`/${window.contextPath}/employee/hrms/assign-campaign/${id}`);
+ break;
+ case "EDIT_CAMPAIGN_ASSIGNMENT":
+ history.push(`/${window.contextPath}/employee/hrms/update/assign-campaign/${id}`);
+ break;
+
+ case "ACTIVATE_EMPLOYEE_HEAD":
+ setOpenActivate(true);
+ break;
+
+ default:
+ break;
+ }
+ }}
+ options={
+ data?.Employees[0].isActive
+ ? getActiveWorkFlowActions(data?.Employees?.[0])
+ : mdmsData?.DeactiveWorkflows
+ ? mdmsData?.DeactiveWorkflows
+ : deactiveworkflowActions
+ }
+ optionsKey="name"
+ style={{}}
+ title=""
+ type="actionButton"
+ />,
+ ]}
+ className=""
+ maxActionFieldsAllowed={5}
+ setactionFieldsToLeft="Right"
+ setactionFieldsToRight
+ sortActionFields
+ style={{}}
+ />
+ }
+
+ {openModal && (
+ {
+ setOpenModal(false);
+ }}
+ onSubmit={(comment, date, reason, order) => {
+ deActivateUser(comment, date, reason, order);
+ }}
+ />
+ )}
+
+ {openActivate && (
+ {
+ setOpenActivate(false);
+ }}
+ onSubmit={(comment, date, reason, order) => {
+ activateUser(comment, date, reason, order);
+ }}
+ />
+ )}
+
+ );
+};
+
+export default EmployeeDetailScreen;
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/health-hrms/src/pages/employee/index.js b/health/micro-ui/web/micro-ui-internals/packages/modules/health-hrms/src/pages/employee/index.js
new file mode 100644
index 00000000000..1c78fa0c7d9
--- /dev/null
+++ b/health/micro-ui/web/micro-ui-internals/packages/modules/health-hrms/src/pages/employee/index.js
@@ -0,0 +1,84 @@
+import { PrivateRoute } from "@egovernments/digit-ui-react-components";
+import React, { useEffect } from "react";
+import { useTranslation } from "react-i18next";
+import { Link, Switch, useLocation } from "react-router-dom";
+import { BreadCrumbs } from "@egovernments/digit-ui-components";
+
+const EmployeeApp = ({ path }) => {
+ const { t } = useTranslation();
+ const location = useLocation();
+ const mobileView = innerWidth <= 640;
+ const tenantId = Digit.ULBService.getCurrentTenantId();
+
+ const EmployeeDetails = Digit?.ComponentRegistryService?.getComponent("EmployeeDetailScreen");
+ const Inbox = Digit?.ComponentRegistryService?.getComponent("InboxSearch");
+ const CreateEmployee = Digit?.ComponentRegistryService?.getComponent("HRCreateEmployee");
+ const AssignCampaign = Digit?.ComponentRegistryService?.getComponent("AssignCampaign");
+ const ResponseScreen = Digit?.ComponentRegistryService?.getComponent("ResponseScreen");
+
+ const BreadCrumbs = Digit?.ComponentRegistryService?.getComponent("BreadCrumbs");
+
+ return (
+