@asaleh37/ui-base 1.2.3 → 1.2.5

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

@@ -1,24 +1,43 @@
-import { useState } from "react";
+import { useEffect, useState } from "react";
+import TransferList from "../../templates/TransferList";
 import { Box, Button } from "@mui/material";
 import { toast } from "react-toastify";
-import { useAxios } from "../../hooks";
-import { TransferList } from "../templates";
+import { useAxios } from "../../../hooks";
 
 type RoleAuthoritiesFormProps = {
   roleId: number;
-  availableAuthorities: Array<any>;
-  currentRoleAuthorities: Array<any>;
+  appId: number;
   closeModalFn: () => void;
 };
 
 const RoleAuthoritiesForm: React.FC<RoleAuthoritiesFormProps> = (props) => {
-  const [selectedOptions, setSelectedOptions] = useState([
-    ...props.currentRoleAuthorities,
-  ]);
-  const { handlePostRequest } = useAxios();
+  const [selectedOptions, setSelectedOptions] = useState([]);
+  const [availableAuthorities, setAvailableAuthorities] = useState([]);
+  const { handlePostRequest, handleGetRequest } = useAxios();
+
+  const getRoleAuthorities = async () => {
+    await handleGetRequest({
+      endPointURI: "api/v1/admin/systemApplicationRoleAuthorities",
+      showMask: true,
+      parameters: {
+        appId: props.appId,
+        roleId: props.roleId,
+      },
+      successCallBkFn: (response: any) => {
+        setSelectedOptions(response.data.selectedAuthorities);
+        setAvailableAuthorities(response.data.availableAuthorities);
+      },
+    });
+  };
+
+  useEffect(() => {
+    if (props.roleId && props.appId) {
+      getRoleAuthorities();
+    }
+  }, [props.roleId, props.appId]);
   const saveRoleAuthorities = async () => {
     await handlePostRequest({
-      endPointURI: "api/v1/admin/role/authorities",
+      endPointURI: "api/v1/admin/systemApplicationRoleAuthorities",
       showMask: true,
       parameters: { roleId: props.roleId },
       data: selectedOptions,
@@ -34,7 +53,7 @@ const RoleAuthoritiesForm: React.FC<RoleAuthoritiesFormProps> = (props) => {
     <>
       <TransferList
         displayField="authorityName"
-        options={props.availableAuthorities}
+        options={availableAuthorities}
         valueField="id"
         selectedOptions={selectedOptions}
         setSelection={setSelectedOptions}

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

@@ -0,0 +1,142 @@
+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 SystemApplicationAuthorityGridProps = {
+  selectedApplication: any;
+};
+
+const SystemApplicationAuthorityGrid: React.FC<
+  SystemApplicationAuthorityGridProps
+> = (props) => {
+  const { t } = useTranslation();
+  const [data, setData] = useState([]);
+  const apiActions = useApiActions({
+    findAll: "api/v1/admin/systemapplicationauthority/all",
+    deleteById: "api/v1/admin/systemapplicationauthority",
+    save: "api/v1/admin/systemapplicationauthority",
+    findById: "api/v1/admin/systemapplicationauthority",
+    setData: setData,
+  });
+  const [systemApplicationModules, setSystemApplicationModules] = useState([]);
+
+  const { handleGetRequest } = useAxios();
+  const getSystemApplicationModules = async () => {
+    await handleGetRequest({
+      endPointURI: "api/v1/admin/systemapplicationmodule/application/all",
+      showMask: true,
+      parameters: {
+        applicationId: props.selectedApplication.id,
+      },
+      successCallBkFn: (response: any) => {
+        setSystemApplicationModules(response.data);
+      },
+    });
+  };
+
+  useEffect(() => {
+    getSystemApplicationModules();
+  }, []);
+  const formElements: Array<FormElementProps> = [
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "SYSTEM_APPLICATION_AUTHORITY_SYSTEM_APPLICATION_ID",
+        fieldName: "systemApplicationId",
+        required: false,
+        hidden: true,
+        gridProps: { hidden: true },
+        fieldType: "number",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "SYSTEM_APPLICATION_AUTHORITY_SYSTEM_MODULE_ID",
+        fieldName: "systemModuleId",
+        required: false,
+        fieldType: "combobox",
+        options: systemApplicationModules,
+        optionValueField: "id",
+        optionDisplayField: "moduleName",
+      },
+    },
+    
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "SYSTEM_APPLICATION_AUTHORITY_AUTHORITY_NAME",
+        fieldName: "authorityName",
+        required: true,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "SYSTEM_APPLICATION_AUTHORITY_AUTHORITY_CODE",
+        fieldName: "authorityCode",
+        required: true,
+        fieldType: "text",
+      },
+    },
+
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "SYSTEM_APPLICATION_AUTHORITY_AUTHORITY_DESCRIPTION",
+        fieldName: "authorityDescription",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "SYSTEM_APPLICATION_AUTHORITY_IS_ACTIVE",
+        fieldName: "isActive",
+        required: false,
+        fieldType: "checkbox",
+      },
+    },
+  ];
+
+  return (
+    <TemplateGrid
+      apiActions={apiActions}
+      data={data}
+      hideInfoBar={true}
+      gridLoadParametersValues={{
+        applicationId: props?.selectedApplication?.id,
+      }}
+      setData={setData}
+      editMode={{ editMode: "row" }}
+      formElements={formElements}
+      keyColumnName={"id"}
+      gridTitle="SYSTEM_APPLICATION_AUTHORITY_PLURAL"
+      girdIcon="key"
+      editAction={{
+        isEnabled: true,
+        authority: "SYSTEM_APPLICATION_AUTHORITY_EDIT",
+        preActionValidation: async (data) => {
+          data.systemApplicationId = props?.selectedApplication?.id;
+          return true;
+        },
+      }}
+      deleteAction={{
+        isEnabled: true,
+        authority: "SYSTEM_APPLICATION_AUTHORITY_DELETE",
+      }}
+    />
+  );
+};
+
+export default SystemApplicationAuthorityGrid;

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

@@ -0,0 +1,161 @@
+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 SystemApplicationModuleGrid from "./SystemApplicationModuleGrid";
+import SystemApplicationAuthorityGrid from "./SystemApplicationAuthorityGrid";
+import SystemApplicationRoleGrid from "./SystemApplicationRoleGrid";
+import LookupGrid from "../dev/LookupGrid";
+
+const SystemApplicationGrid: React.FC = () => {
+  const { t } = useTranslation();
+  const [data, setData] = useState([]);
+  const apiActions = useApiActions({
+    findAll: "api/v1/admin/systemapplication/all",
+    deleteById: "api/v1/admin/systemapplication",
+    save: "api/v1/admin/systemapplication",
+    findById: "api/v1/admin/systemapplication",
+    setData: setData,
+  });
+  const {
+    Window: ApplicationModulesWindow,
+    setWindowState: setApplicationModulesWindowState,
+  } = useWindow({
+    windowTitle: "System Application Modules",
+    windowIcon: "layer-group",
+  });
+  const {
+    Window: ApplicationAuthoritiessWindow,
+    setWindowState: setApplicationAuthoritiesWindowState,
+  } = useWindow({
+    windowTitle: "System Application Authorities",
+    windowIcon: "key",
+  });
+  const {
+    Window: ApplicationRolesWindow,
+    setWindowState: setApplicationRolesWindowState,
+  } = useWindow({
+    windowTitle: "System Application Roles",
+    windowIcon: "tag",
+  });
+  const {
+    Window: ApplicationLookupsWindow,
+    setWindowState: setApplicationLookupsWindowState,
+  } = useWindow({
+    windowTitle: "System Application Lookups",
+    windowIcon: "list-check",
+  });
+  const [selectedRecord, setSelectedRecord] = useState<any>(null);
+  const formElements: Array<FormElementProps> = [
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "SYSTEM_APPLICATION_APPLICATION_CODE",
+        fieldName: "applicationCode",
+        required: true,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "SYSTEM_APPLICATION_APPLICATION_NAME",
+        fieldName: "applicationName",
+        required: true,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "SYSTEM_APPLICATION_APPLICATION_DESCRIPTION",
+        fieldName: "applicationDescription",
+        required: false,
+        fieldType: "text",
+      },
+    },
+
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "SYSTEM_APPLICATION_IS_ACTIVE",
+        fieldName: "isActive",
+        required: false,
+        fieldType: "checkbox",
+      },
+    },
+  ];
+
+  return (
+    <>
+      <ApplicationModulesWindow>
+        <SystemApplicationModuleGrid selectedApplication={selectedRecord} />
+      </ApplicationModulesWindow>
+      <ApplicationAuthoritiessWindow>
+        <SystemApplicationAuthorityGrid selectedApplication={selectedRecord} />
+      </ApplicationAuthoritiessWindow>
+      <ApplicationRolesWindow>
+        <SystemApplicationRoleGrid selectedApplication={selectedRecord} />
+      </ApplicationRolesWindow>
+      <ApplicationLookupsWindow>
+        <LookupGrid selectedApplication={selectedRecord} />
+      </ApplicationLookupsWindow>
+      <TemplateGrid
+        apiActions={apiActions}
+        rowActions={[
+          {
+            icon: "layer-group",
+            actionFn: async (data) => {
+              setSelectedRecord(data);
+              setApplicationModulesWindowState(true);
+            },
+            label: "modules",
+          },
+          {
+            icon: "key",
+            actionFn: async (data) => {
+              setSelectedRecord(data);
+              setApplicationAuthoritiesWindowState(true);
+            },
+            label: "Authorities",
+          },
+          {
+            icon: "tag",
+            actionFn: async (data) => {
+              setSelectedRecord(data);
+              setApplicationRolesWindowState(true);
+            },
+            label: "Roles",
+          },
+          {
+            icon: "list-check",
+            actionFn: async (data) => {
+              setSelectedRecord(data);
+              setApplicationLookupsWindowState(true);
+            },
+            label: "Lookups",
+          },
+        ]}
+        data={data}
+        setData={setData}
+        editMode={{ editMode: "row" }}
+        formElements={formElements}
+        keyColumnName={"id"}
+        gridTitle="SYSTEM_APPLICATION_PLURAL"
+        girdIcon="window-restore"
+        editAction={{ isEnabled: true, authority: "SYSTEM_APPLICATION_EDIT" }}
+        deleteAction={{
+          isEnabled: true,
+          authority: "SYSTEM_APPLICATION_DELETE",
+        }}
+      />
+    </>
+  );
+};
+
+export default SystemApplicationGrid;

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

@@ -0,0 +1,109 @@
+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 SystemApplicationModuleGridProps = {
+  selectedApplication: any;
+};
+
+const SystemApplicationModuleGrid: React.FC<
+  SystemApplicationModuleGridProps
+> = (props) => {
+  const { t } = useTranslation();
+  const [data, setData] = useState([]);
+  const apiActions = useApiActions({
+    findAll: "api/v1/admin/systemapplicationmodule/application/all",
+    deleteById: "api/v1/admin/systemapplicationmodule",
+    save: "api/v1/admin/systemapplicationmodule",
+    findById: "api/v1/admin/systemapplicationmodule",
+    setData: setData,
+  });
+
+  const formElements: Array<FormElementProps> = [
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "SYSTEM_APPLICATION_MODULE_MODULE_CODE",
+        fieldName: "moduleCode",
+        required: true,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "SYSTEM_APPLICATION_MODULE_MODULE_NAME",
+        fieldName: "moduleName",
+        required: true,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "SYSTEM_APPLICATION_MODULE_MODULE_DESCRIPTION",
+        fieldName: "moduleDescription",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "SYSTEM_APPLICATION_IS_ACTIVE",
+        fieldName: "isActive",
+        required: false,
+        fieldType: "checkbox",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "SYSTEM_APPLICATION_MODULE_SYSTEM_APPLICATION_ID",
+        fieldName: "systemApplicationId",
+        hidden: true,
+        gridProps: { hidden: true },
+        required: false,
+        fieldType: "text",
+      },
+    },
+  ];
+
+  return (
+    <TemplateGrid
+      apiActions={apiActions}
+      data={data}
+      gridLoadParametersValues={{
+        applicationId: props?.selectedApplication?.id,
+      }}
+      setData={setData}
+      editMode={{ editMode: "row" }}
+      formElements={formElements}
+      keyColumnName={"id"}
+      hideInfoBar={true}
+      gridTitle="SYSTEM_APPLICATION_MODULE_PLURAL"
+      girdIcon="layer-group"
+      editAction={{
+        isEnabled: true,
+        authority: "SYSTEM_APPLICATION_MODULE_EDIT",
+        preActionValidation: async (data) => {
+          data.systemApplicationId = props?.selectedApplication?.id;
+          return true;
+        },
+      }}
+      deleteAction={{
+        isEnabled: true,
+        authority: "SYSTEM_APPLICATION_MODULE_DELETE",
+      }}
+    />
+  );
+};
+
+export default SystemApplicationModuleGrid;

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

@@ -0,0 +1,67 @@
+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 SystemApplicationRoleAuthorityGrid: React.FC = () => {
+	const { t } = useTranslation();
+	const [data, setData] = useState([]);
+    const apiActions = useApiActions({
+    	findAll: "api/v1/admin/systemapplicationroleauthority/all",
+    	deleteById: "api/v1/admin/systemapplicationroleauthority",
+    	save: "api/v1/admin/systemapplicationroleauthority",
+		findById: "api/v1/admin/systemapplicationroleauthority",
+    	setData: setData,
+  	});
+	
+	const formElements: Array<FormElementProps> = [
+											{
+      				type: "field",
+      				mode: "props",
+      				props: {
+        				fieldLabel: "SYSTEM_APPLICATION_ROLE_AUTHORITY_IS_ACTIVE",
+        				fieldName: "isActive",
+        				required: false,
+        				fieldType: "checkbox",
+      				},
+    			},
+					    			    			    			    			    			    						    			{
+      				type: "field",
+      				mode: "props",
+      				props: {
+        				fieldLabel: "SYSTEM_APPLICATION_ROLE_AUTHORITY_SYSTEM_APPLICATION_AUTHORITY_ID",
+        				fieldName: "systemApplicationAuthorityId",
+        				required: true,
+        				fieldType: "text",
+      				},
+    			},			
+					    						    			{
+      				type: "field",
+      				mode: "props",
+      				props: {
+        				fieldLabel: "SYSTEM_APPLICATION_ROLE_AUTHORITY_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="SYSTEM_APPLICATION_ROLE_AUTHORITY_PLURAL"
+      		girdIcon="table-cells"
+      		editAction={{ isEnabled: true, authority: "SYSTEM_APPLICATION_ROLE_AUTHORITY_EDIT" }}
+      		deleteAction={{ isEnabled: true, authority: "SYSTEM_APPLICATION_ROLE_AUTHORITY_DELETE" }}
+    	/>
+  );
+};
+
+export default SystemApplicationRoleAuthorityGrid;

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

@@ -0,0 +1,130 @@
+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 RoleAuthoritiesForm from "./RoleAuthoritiesForm";
+
+type SystemApplicationRoleGridProps = {
+  selectedApplication: any;
+};
+
+const SystemApplicationRoleGrid: React.FC<SystemApplicationRoleGridProps> = (
+  props
+) => {
+  const { t } = useTranslation();
+  const [data, setData] = useState([]);
+  const [selectedRole, setSelectedRole] = useState(null);
+  const {
+    Window: RoleaAuthoritiesWindow,
+    setWindowState: setRoleAuthoritiesWindowState,
+  } = useWindow({
+    windowTitle: "System Application Role Authorities",
+    windowIcon: "key",
+    width: "50%",
+  });
+  const apiActions = useApiActions({
+    findAll: "api/v1/admin/systemapplicationrole/all",
+    deleteById: "api/v1/admin/systemapplicationrole",
+    save: "api/v1/admin/systemapplicationrole",
+    findById: "api/v1/admin/systemapplicationrole",
+    setData: setData,
+  });
+
+  const formElements: Array<FormElementProps> = [
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "SYSTEM_APPLICATION_ROLE_SYSTEM_APPLICATION_ID",
+        fieldName: "systemApplicationId",
+        required: false,
+        hidden: true,
+        gridProps: { hidden: true },
+        fieldType: "number",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "SYSTEM_APPLICATION_ROLE_ROLE_NAME",
+        fieldName: "roleName",
+        required: true,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "SYSTEM_APPLICATION_ROLE_ROLE_DESCRIPTION",
+        fieldName: "roleDescription",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "SYSTEM_APPLICATION_ROLE_IS_ACTIVE",
+        fieldName: "isActive",
+        required: false,
+        fieldType: "checkbox",
+      },
+    },
+  ];
+
+  return (
+    <>
+      <RoleaAuthoritiesWindow>
+        <RoleAuthoritiesForm
+          appId={props.selectedApplication.id}
+          roleId={selectedRole?.id}
+          closeModalFn={() => {
+            setRoleAuthoritiesWindowState(false);
+          }}
+        />
+      </RoleaAuthoritiesWindow>
+      <TemplateGrid
+        apiActions={apiActions}
+        data={data}
+        hideInfoBar={true}
+        gridLoadParametersValues={{
+          applicationId: props?.selectedApplication?.id,
+        }}
+        setData={setData}
+        editMode={{ editMode: "row" }}
+        formElements={formElements}
+        keyColumnName={"id"}
+        gridTitle="SYSTEM_APPLICATION_ROLE_PLURAL"
+        girdIcon="tag"
+        rowActions={[
+          {
+            icon: "key",
+            actionFn: async (data) => {
+              setSelectedRole(data);
+              setRoleAuthoritiesWindowState(true);
+            },
+            label: "Authorities",
+          },
+        ]}
+        editAction={{
+          isEnabled: true,
+          authority: "SYSTEM_APPLICATION_ROLE_EDIT",
+          preActionValidation: async (data) => {
+            data.systemApplicationId = props?.selectedApplication?.id;
+            return true;
+          },
+        }}
+        deleteAction={{
+          isEnabled: true,
+          authority: "SYSTEM_APPLICATION_ROLE_DELETE",
+        }}
+      />
+    </>
+  );
+};
+
+export default SystemApplicationRoleGrid;