@asaleh37/ui-base 1.2.3 → 1.2.5

package/src/components/administration/admin/OrganizationMemberRoleGrid.tsx

@@ -0,0 +1,87 @@
+import { useState } from "react";
+import TemplateGrid from "../../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
+import {useApiActions} from "../../../hooks";
+import { FormElementProps } from "../../templates/DataEntryTemplates/DataEntryTypes";
+import { useTranslation } from "react-i18next";
+
+const OrganizationMemberRoleGrid: React.FC = () => {
+	const { t } = useTranslation();
+	const [data, setData] = useState([]);
+    const apiActions = useApiActions({
+    	findAll: "api/v1/admin/organizationmemberrole/all",
+    	deleteById: "api/v1/admin/organizationmemberrole",
+    	save: "api/v1/admin/organizationmemberrole",
+		findById: "api/v1/admin/organizationmemberrole",
+    	setData: setData,
+  	});
+	
+	const formElements: Array<FormElementProps> = [
+											{
+      				type: "field",
+      				mode: "props",
+      				props: {
+        				fieldLabel: "ORGANIZATION_MEMBER_ROLE_IS_ACTIVE",
+        				fieldName: "isActive",
+        				required: false,
+        				fieldType: "checkbox",
+      				},
+    			},
+					    			    			    			    										{
+      				type: "field",
+      				mode: "props",
+      				props: {
+        				fieldLabel: "ORGANIZATION_MEMBER_ROLE_END_DATE",
+        				fieldName: "endDate",
+        				required: false,
+        				fieldType: "datetime",
+      				},
+    			},
+					    			    			    						    			{
+      				type: "field",
+      				mode: "props",
+      				props: {
+        				fieldLabel: "ORGANIZATION_MEMBER_ROLE_ORGANIZATION_MEMBER_ID",
+        				fieldName: "organizationMemberId",
+        				required: true,
+        				fieldType: "text",
+      				},
+    			},			
+					    										{
+      				type: "field",
+      				mode: "props",
+      				props: {
+        				fieldLabel: "ORGANIZATION_MEMBER_ROLE_START_DATE",
+        				fieldName: "startDate",
+        				required: false,
+        				fieldType: "datetime",
+      				},
+    			},
+					    						    			{
+      				type: "field",
+      				mode: "props",
+      				props: {
+        				fieldLabel: "ORGANIZATION_MEMBER_ROLE_SYSTEM_APPLICATION_ROLE_ID",
+        				fieldName: "systemApplicationRoleId",
+        				required: true,
+        				fieldType: "text",
+      				},
+    			},			
+					    			    			    			    		];
+
+	return (
+    	<TemplateGrid
+      		apiActions={apiActions}
+      		data={data}
+      		setData={setData}
+      		editMode={{ editMode: "row"}}
+      		formElements={formElements}
+			keyColumnName={"id"}
+      		gridTitle="ORGANIZATION_MEMBER_ROLE_PLURAL"
+      		girdIcon="table-cells"
+      		editAction={{ isEnabled: true, authority: "ORGANIZATION_MEMBER_ROLE_EDIT" }}
+      		deleteAction={{ isEnabled: true, authority: "ORGANIZATION_MEMBER_ROLE_DELETE" }}
+    	/>
+  );
+};
+
+export default OrganizationMemberRoleGrid;

package/src/components/{admin → administration/admin}/OrganizationRankGrid.tsx

@@ -1,9 +1,15 @@
 import { useState } from "react";
-import TemplateGrid from "../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
-import useApiActions from "../../hooks/useApiActions";
-import { FormElementProps } from "../templates/DataEntryTemplates/DataEntryTypes";
+import TemplateGrid from "../../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
+import { useApiActions } from "../../../hooks";
+import { FormElementProps } from "../../templates/DataEntryTemplates/DataEntryTypes";
+import { useTranslation } from "react-i18next";
 
-const OrganizationRankGrid: React.FC = () => {
+type OrganizationRankGridProps = {
+  selectedOrganization: any;
+};
+
+const OrganizationRankGrid: React.FC<OrganizationRankGridProps> = (props) => {
+  const { t } = useTranslation();
   const [data, setData] = useState([]);
   const apiActions = useApiActions({
     findAll: "api/v1/admin/organizationrank/all",
@@ -18,19 +24,21 @@ const OrganizationRankGrid: React.FC = () => {
       type: "field",
       mode: "props",
       props: {
-        fieldLabel: "ORGANIZATION_RANK_ENABLED",
-        fieldName: "enabled",
+        hidden: true,
+        gridProps: { hidden: true },
+        fieldLabel: "ORGANIZATION_RANK_ORGANIZATION_ID",
+        fieldName: "organizationId",
         required: false,
-        fieldType: "checkbox",
+        fieldType: "text",
       },
     },
     {
       type: "field",
       mode: "props",
       props: {
-        fieldLabel: "ORGANIZATION_RANK_ORGANIZATION_CODE",
-        fieldName: "organizationCode",
-        required: false,
+        fieldLabel: "ORGANIZATION_RANK_RANK_ORDER",
+        fieldName: "rankOrder",
+        required: true,
         fieldType: "text",
       },
     },
@@ -40,7 +48,7 @@ const OrganizationRankGrid: React.FC = () => {
       props: {
         fieldLabel: "ORGANIZATION_RANK_RANK_CODE",
         fieldName: "rankCode",
-        required: false,
+        required: true,
         fieldType: "text",
       },
     },
@@ -48,35 +56,57 @@ const OrganizationRankGrid: React.FC = () => {
       type: "field",
       mode: "props",
       props: {
-        fieldLabel: "ORGANIZATION_RANK_RANK_NAME",
-        fieldName: "rankName",
-        required: false,
+        fieldLabel: "ORGANIZATION_RANK_RANK_AR_NAME",
+        fieldName: "rankArName",
+        required: true,
         fieldType: "text",
       },
     },
+
     {
       type: "field",
       mode: "props",
       props: {
-        fieldLabel: "ORGANIZATION_RANK_RANK_ORDER",
-        fieldName: "rankOrder",
-        required: false,
+        fieldLabel: "ORGANIZATION_RANK_RANK_EN_NAME",
+        fieldName: "rankEnName",
+        required: true,
         fieldType: "text",
       },
     },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ORGANIZATION_RANK_ENABLED",
+        fieldName: "enabled",
+        required: false,
+        fieldType: "checkbox",
+      },
+    },
   ];
 
   return (
     <TemplateGrid
       apiActions={apiActions}
       data={data}
+      hideInfoBar={true}
+      gridLoadParametersValues={{
+        organizationId: props?.selectedOrganization?.id,
+      }}
       setData={setData}
       editMode={{ editMode: "row" }}
       formElements={formElements}
       keyColumnName={"id"}
       gridTitle="ORGANIZATION_RANK_PLURAL"
-      girdIcon="table-cells"
-      editAction={{ isEnabled: true, authority: "ORGANIZATION_RANK_EDIT" }}
+      girdIcon="street-view"
+      editAction={{
+        isEnabled: true,
+        authority: "ORGANIZATION_RANK_EDIT",
+        preActionValidation: async (data) => {
+          data.organizationId = props?.selectedOrganization?.id;
+          return true;
+        },
+      }}
       deleteAction={{ isEnabled: true, authority: "ORGANIZATION_RANK_DELETE" }}
     />
   );

package/src/components/administration/admin/OrganizationUnitGrid.tsx

@@ -0,0 +1,139 @@
+import { useEffect, useState } from "react";
+import TemplateGrid from "../../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
+import { useApiActions, useAxios } from "../../../hooks";
+import { FormElementProps } from "../../templates/DataEntryTemplates/DataEntryTypes";
+import { useTranslation } from "react-i18next";
+
+type OrganizationUnitGridProps = {
+  selectedOrganization: any;
+};
+
+const OrganizationUnitGrid: React.FC<OrganizationUnitGridProps> = (props) => {
+  const { t } = useTranslation();
+  const [data, setData] = useState([]);
+  const apiActions = useApiActions({
+    findAll: "api/v1/admin/organizationunit/all",
+    deleteById: "api/v1/admin/organizationunit",
+    save: "api/v1/admin/organizationunit",
+    findById: "api/v1/admin/organizationunit",
+    setData: setData,
+  });
+  const [organizationUnitTypes, setOrganizationUnitTypes] = useState([]);
+  const { handleGetRequest } = useAxios();
+  const getOrganizationUnitTypes = async () => {
+    await handleGetRequest({
+      endPointURI: "api/v1/admin/organizationunittype/all",
+      showMask: true,
+      parameters: {
+        organizationId: props.selectedOrganization.id,
+      },
+      successCallBkFn: (response: any) => {
+        setOrganizationUnitTypes(response.data);
+      },
+    });
+  };
+
+  useEffect(() => {
+    getOrganizationUnitTypes();
+  }, []);
+
+  const formElements: Array<FormElementProps> = [
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        hidden: true,
+        gridProps: { hidden: true },
+        fieldLabel: "ORGANIZATION_UNIT_ORGANIZATION_ID",
+        fieldName: "organizationId",
+        required: false,
+        fieldType: "text",
+      },
+    },
+
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ORGANIZATION_UNIT_ORGANIZATION_UNIT_TYPE_ID",
+        fieldName: "organizationUnitTypeId",
+        required: true,
+        fieldType: "combobox",
+        options: organizationUnitTypes,
+        optionValueField: "id",
+        optionDisplayField: "unitTypeEnName",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ORGANIZATION_UNIT_ORGANIZATION_UNIT_AR_NAME",
+        fieldName: "organizationUnitArName",
+        required: true,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ORGANIZATION_UNIT_ORGANIZATION_UNIT_EN_NAME",
+        fieldName: "organizationUnitEnName",
+        required: true,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ORGANIZATION_UNIT_ORGANIZATION_UNIT_PARENT_ID",
+        fieldName: "organizationUnitParentId",
+        required: false,
+        fieldType: "combobox",
+        options: data,
+        optionValueField: "id",
+        optionDisplayField: "organizationUnitEnName",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ORGANIZATION_UNIT_ENABLED",
+        fieldName: "enabled",
+        required: false,
+        fieldType: "checkbox",
+      },
+    },
+  ];
+
+  return (
+    <TemplateGrid
+      apiActions={apiActions}
+      data={data}
+      hideInfoBar={true}
+      gridLoadParametersValues={{
+        organizationId: props?.selectedOrganization?.id,
+      }}
+      setData={setData}
+      editMode={{ editMode: "row" }}
+      formElements={formElements}
+      keyColumnName={"id"}
+      gridTitle="ORGANIZATION_UNIT_PLURAL"
+      girdIcon="folder-tree"
+      editAction={{
+        isEnabled: true,
+        authority: "ORGANIZATION_UNIT_EDIT",
+        preActionValidation: async (data) => {
+          data.organizationId = props?.selectedOrganization?.id;
+          return true;
+        },
+      }}
+      deleteAction={{ isEnabled: true, authority: "ORGANIZATION_UNIT_DELETE" }}
+    />
+  );
+};
+
+export default OrganizationUnitGrid;

package/src/components/administration/admin/OrganizationUnitTypeGrid.tsx

@@ -0,0 +1,121 @@
+import { useState } from "react";
+import TemplateGrid from "../../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
+import { useApiActions } from "../../../hooks";
+import { FormElementProps } from "../../templates/DataEntryTemplates/DataEntryTypes";
+import { useTranslation } from "react-i18next";
+
+type OrganizationUnitTypeGridProps = {
+  selectedOrganization: any;
+};
+
+const OrganizationUnitTypeGrid: React.FC<OrganizationUnitTypeGridProps> = (
+  props
+) => {
+  const { t } = useTranslation();
+  const [data, setData] = useState([]);
+  const apiActions = useApiActions({
+    findAll: "api/v1/admin/organizationunittype/all",
+    deleteById: "api/v1/admin/organizationunittype",
+    save: "api/v1/admin/organizationunittype",
+    findById: "api/v1/admin/organizationunittype",
+    setData: setData,
+  });
+
+  const formElements: Array<FormElementProps> = [
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ORGANIZATION_UNIT_TYPE_ORGANIZATION_ID",
+        hidden: true,
+        gridProps: {
+          hidden: true,
+        },
+        fieldName: "organizationId",
+        required: false,
+        fieldType: "number",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ORGANIZATION_UNIT_TYPE_ORGANIZATION_UNIT_TYPE_ORDER",
+        fieldName: "organizationUnitTypeOrder",
+        required: false,
+        fieldType: "number",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ORGANIZATION_UNIT_TYPE_UNIT_TYPE_CODE",
+        fieldName: "unitTypeCode",
+        required: true,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ORGANIZATION_UNIT_TYPE_UNIT_TYPE_AR_NAME",
+        fieldName: "unitTypeArName",
+        required: true,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ORGANIZATION_UNIT_TYPE_UNIT_TYPE_EN_NAME",
+        fieldName: "unitTypeEnName",
+        required: true,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ORGANIZATION_UNIT_TYPE_IS_ACTIVE",
+        fieldName: "isActive",
+        required: false,
+        fieldType: "checkbox",
+      },
+    },
+  ];
+
+  return (
+    <TemplateGrid
+      apiActions={apiActions}
+      data={data}
+      hideInfoBar={true}
+      gridLoadParametersValues={{
+        organizationId: props?.selectedOrganization?.id,
+      }}
+      setData={setData}
+      editMode={{ editMode: "row" }}
+      formElements={formElements}
+      keyColumnName={"id"}
+      gridTitle="ORGANIZATION_UNIT_TYPE_PLURAL"
+      girdIcon="tags"
+      editAction={{
+        isEnabled: true,
+        authority: "ORGANIZATION_UNIT_TYPE_EDIT",
+        preActionValidation: async (data) => {
+          data.organizationId = props?.selectedOrganization?.id;		  
+          return true;
+        },
+      }}
+      deleteAction={{
+        isEnabled: true,
+        authority: "ORGANIZATION_UNIT_TYPE_DELETE",
+      }}
+    />
+  );
+};
+
+export default OrganizationUnitTypeGrid;

package/src/components/administration/admin/PersonGrid.tsx

@@ -0,0 +1,195 @@
+import { useState } from "react";
+import TemplateGrid from "../../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
+import { useApiActions, useWindow } from "../../../hooks";
+import { FormElementProps } from "../../templates/DataEntryTemplates/DataEntryTypes";
+import { useTranslation } from "react-i18next";
+import { toast } from "react-toastify";
+import OrganizationMemberGrid from "./OrganizationMemberGrid";
+
+const PersonGrid: React.FC = () => {
+  const { t } = useTranslation();
+  const [selectedPerson, setSelectedPerson] = useState<any>(null);
+  const [data, setData] = useState([]);
+  const apiActions = useApiActions({
+    findAll: "api/v1/admin/person/all",
+    deleteById: "api/v1/admin/person",
+    save: "api/v1/admin/person",
+    findById: "api/v1/admin/person",
+    setData: setData,
+  });
+  const {
+    Window: OrganizationMembersWindow,
+    setWindowState: setOrganizationMemberWindowState,
+  } = useWindow({
+    windowTitle: "Organizations Membership",
+    windowIcon: "globe",
+  });
+
+  const formElements: Array<FormElementProps> = [
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        hidden: true,
+        fieldLabel: "Ref Source",
+        fieldName: "refSource",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        hidden: true,
+        fieldLabel: "PERSON_EMPLOYEE_NUMBER",
+        fieldName: "refSyncNumber",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "PERSON_EMPLOYEE_AR_NAME",
+        fieldName: "employeeArName",
+        required: true,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "PERSON_EMPLOYEE_EN_NAME",
+        fieldName: "employeeEnName",
+        required: true,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "PERSON_EMAIL",
+        fieldName: "email",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "PERSON_MOBILE_NUMBER",
+        fieldName: "mobileNumber",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        hidden: true,
+        gridProps: { hidden: true },
+        fieldLabel: "PERSON_PASSWORD",
+        fieldName: "password",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "PERSON_USERNAME",
+        fieldName: "username",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "PERSON_IS_ACTIVE",
+        fieldName: "isActive",
+        required: false,
+        fieldType: "checkbox",
+      },
+    },
+  ];
+
+  return (
+    <>
+      <OrganizationMembersWindow>
+        <OrganizationMemberGrid selectedPerson={selectedPerson} />
+      </OrganizationMembersWindow>
+      <TemplateGrid
+        apiActions={apiActions}
+        data={data}
+        setData={setData}
+        editMode={{
+          editMode: "modal",
+          specs: {
+            modalIcon: "user",
+            modalTitle: "Person Profile",
+            modalWidth: 300,
+          },
+        }}
+        formElements={formElements}
+        keyColumnName={"id"}
+        gridTitle="PERSON_PLURAL"
+        rowActions={[
+          {
+            icon: "globe",
+            label: "User Organizations",
+            actionFn: async (data) => {
+              setSelectedPerson(data);
+              setOrganizationMemberWindowState(true);
+            },
+          },
+        ]}
+        girdIcon="users"
+        editAction={{
+          isEnabled: true,
+          authority: "PERSON_EDIT",
+          preActionValidation: (data) => {
+            if (
+              data.refSource != undefined &&
+              data.refSource != null &&
+              data.refSource != ""
+            ) {
+              toast.error(
+                "This Person Was synced from other system therefore you can't modify this record"
+              );
+              return false;
+            }
+            return true;
+          },
+        }}
+        deleteAction={{
+          isEnabled: true,
+          authority: "PERSON_DELETE",
+          preActionValidation: (data) => {
+            if (
+              data.refSource != undefined &&
+              data.refSource != null &&
+              data.refSource != ""
+            ) {
+              toast.error(
+                "This Person Was synced from other system therefore you can't modify this record"
+              );
+              return false;
+            }
+            return true;
+          },
+        }}
+      />
+    </>
+  );
+};
+
+export default PersonGrid;