@asaleh37/ui-base 1.2.3 → 1.2.5

package/src/components/administration/dev/WorkflowDocumentActionGrid.tsx

@@ -0,0 +1,264 @@
+import { useEffect, useState } from "react";
+import TemplateGrid from "../../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
+import { FormElementProps } from "../../templates/DataEntryTemplates/DataEntryTypes";
+import { useTranslation } from "react-i18next";
+import { useApiActions, useAxios, useWindow } from "../../../hooks";
+import WorkflowDocumentActionMailGrid from "./WorkflowDocumentActionMailGrid";
+
+type WorkflowDocumentActionGridProps = {
+  selectedRecord: any;
+};
+
+const WorkflowDocumentActionGrid: React.FC<WorkflowDocumentActionGridProps> = (
+  props
+) => {
+  const [selectedRecord, setSelectedRecord] = useState<any>(null);
+  const {
+    Window: ActionMailsWindow,
+    setWindowState: setActionMailWindowState,
+  } = useWindow({
+    windowTitle: "Action Mail Notification",
+    windowIcon: "envelope",
+    width: "50%",
+  });
+  const { t } = useTranslation();
+  const { handleGetRequest } = useAxios();
+  const [workflowStates, setWorkflowStates] = useState<Array<any>>([]);
+  const loadWorkFlowDocumentStates = async () => {
+    await handleGetRequest({
+      endPointURI: "api/v1/dev/workflowdocumentstatus/all",
+      showMask: true,
+      parameters: {
+        workflowDocumentId: props.selectedRecord.id,
+      },
+      successCallBkFn: (response: any) => {
+        setWorkflowStates(response.data);
+      },
+    });
+  };
+  useEffect(() => {
+    loadWorkFlowDocumentStates();
+  }, [props.selectedRecord]);
+  const [data, setData] = useState([]);
+  const apiActions = useApiActions({
+    findAll: "api/v1/dev/workflowdocumentaction/all",
+    deleteById: "api/v1/dev/workflowdocumentaction",
+    save: "api/v1/dev/workflowdocumentaction",
+    findById: "api/v1/dev/workflowdocumentaction",
+    setData: setData,
+  });
+
+  const formElements: Array<FormElementProps> = [
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "id",
+        fieldName: "id",
+        fieldType: "number",
+        hidden: true,
+        gridProps: {
+          hidden: true,
+        },
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "createTime",
+        fieldName: "createTime",
+        fieldType: "datetime",
+        hidden: true,
+        gridProps: {
+          hidden: true,
+        },
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "createdBy",
+        fieldName: "createdBy",
+        fieldType: "text",
+        hidden: true,
+        gridProps: {
+          hidden: true,
+        },
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "lastUpdateBy",
+        fieldName: "lastUpdateBy",
+        fieldType: "text",
+        hidden: true,
+        gridProps: {
+          hidden: true,
+        },
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "lastUpdateTime",
+        fieldName: "lastUpdateTime",
+        fieldType: "datetime",
+        hidden: true,
+        gridProps: {
+          hidden: true,
+        },
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_ACTION_DOCUMENT_ACTION_CODE",
+        fieldName: "documentActionCode",
+        required: true,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "Action Arabic Name",
+        fieldName: "documentActionArName",
+        required: true,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "Action English Name",
+        fieldName: "documentActionEnName",
+        required: true,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_ACTION_NEXT_DOCUMENT_STATUS_ID",
+        fieldName: "nextDocumentStatusId",
+        required: true,
+        fieldType: "combobox",
+        options: workflowStates,
+        optionDisplayField: "documentStatusCode",
+        optionValueField: "id",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel:
+          "Post Action Endpoint ( system will call it with post method and parameters refDocumentId , workflowActionId)",
+        fieldName: "postActionEndpoint",
+        required: false,
+        fieldType: "text",
+        gridProps: {
+          hidden: true,
+        },
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel:
+          "Pre Action Endpoint ( system will call it with post method and parameters refDocumentId , workflowActionId)",
+        fieldName: "preActionEndpoint",
+        required: false,
+        fieldType: "text",
+        gridProps: {
+          hidden: true,
+        },
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_ACTION_REQUIRE_COMMENT",
+        fieldName: "requireComment",
+        required: false,
+        fieldType: "checkbox",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_ACTION_WORKFLOW_DOCUMENT_ID",
+        fieldName: "workflowDocumentId",
+        required: false,
+        fieldType: "number",
+        hidden: true,
+        gridProps: { hidden: true },
+      },
+    },
+  ];
+
+  return (
+    <>
+      <ActionMailsWindow>
+        <WorkflowDocumentActionMailGrid selectedRecord={selectedRecord} />
+      </ActionMailsWindow>
+      <TemplateGrid
+        apiActions={apiActions}
+        data={data}
+        hideInfoBar={true}
+        gridLoadParametersValues={{
+          workflowDocumentId: props.selectedRecord.id,
+        }}
+        setData={setData}
+        editMode={{
+          editMode: "modal",
+          specs: {
+            modalIcon: "stamp",
+            modalTitle: "Workflow Document Action",
+            modalWidth: 700,
+          },
+        }}
+        rowActions={[
+          {
+            label: "Action Mail Notifications",
+            icon: "envelope",
+            actionFn: async (data) => {
+              setSelectedRecord(data);
+              setActionMailWindowState(true);
+            },
+          },
+        ]}
+        formElements={formElements}
+        keyColumnName={"id"}
+        gridTitle={t("WORKFLOW_DOCUMENT_ACTION_PLURAL")}
+        girdIcon="stamp"
+        editAction={{
+          isEnabled: true,
+          authority: "WORKFLOW_DOCUMENT_ACTION_EDIT",
+          preActionValidation: (record) => {
+            record.workflowDocumentId = props.selectedRecord.id;
+            return true;
+          },
+        }}
+        deleteAction={{
+          isEnabled: true,
+          authority: "WORKFLOW_DOCUMENT_ACTION_DELETE",
+        }}
+      />
+    </>
+  );
+};
+
+export default WorkflowDocumentActionGrid;

package/src/components/administration/dev/WorkflowDocumentActionHistoryGrid.tsx

@@ -0,0 +1,172 @@
+import { useState } from "react";
+import TemplateGrid from "../../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
+import useApiActions from "../../templates/DataEntryTemplates/useApiActions";
+import { FormElementProps } from "../../templates/DataEntryTemplates/DataEntryTypes";
+import { useTranslation } from "react-i18next";
+
+const WorkflowDocumentActionHistoryGrid: React.FC = () => {
+	const { t } = useTranslation();
+	const [data, setData] = useState([]);
+    const apiActions = useApiActions({
+    	findAll: "api/v1/dev/workflowdocumentactionhistory/all",
+    	deleteById: "api/v1/dev/workflowdocumentactionhistory",
+    	save: "api/v1/dev/workflowdocumentactionhistory",
+		findById: "api/v1/dev/workflowdocumentactionhistory",
+    	setData: setData,
+  	});
+	
+	const formElements: Array<FormElementProps> = [
+											{
+      				type: "field",
+      				mode: "props",
+      				props: {
+        				fieldLabel: "id",
+        				fieldName: "id",
+        				fieldType: "number",
+						hidden: true,
+        		  		gridProps: {
+          		  			hidden: true,
+        		  		},
+      				},
+    			},
+					    			    			    										{
+      				type: "field",
+      				mode: "props",
+      				props: {
+        				fieldLabel: "createTime",
+        				fieldName: "createTime",
+        				fieldType: "datetime",
+						hidden: true,
+        		  		gridProps: {
+          		  			hidden: true,
+        		  		},
+      				},
+    			},
+					    						    			{
+      				type: "field",
+      				mode: "props",
+      				props: {
+        				fieldLabel: "createdBy",
+        				fieldName: "createdBy",
+        				fieldType: "text",
+						hidden: true,
+        		  		gridProps: {
+          		  			hidden: true,
+        		  		},
+      				},
+    			},			
+					    			    						    			{
+      				type: "field",
+      				mode: "props",
+      				props: {
+        				fieldLabel: "lastUpdateBy",
+        				fieldName: "lastUpdateBy",
+        				fieldType: "text",
+						hidden: true,
+        		  		gridProps: {
+          		  			hidden: true,
+        		  		},
+      				},
+    			},			
+					    										{
+      				type: "field",
+      				mode: "props",
+      				props: {
+        				fieldLabel: "lastUpdateTime",
+        				fieldName: "lastUpdateTime",
+        				fieldType: "datetime",
+						hidden: true,
+        		  		gridProps: {
+          		  			hidden: true,
+        		  		},
+      				},
+    			},
+					    						    			{
+      				type: "field",
+      				mode: "props",
+      				props: {
+        				fieldLabel: "WORKFLOW_DOCUMENT_ACTION_HISTORY_ACTION_BY",
+        				fieldName: "actionBy",
+        				required: false,
+        				fieldType: "text",
+      				},
+    			},			
+					    						    			{
+      				type: "field",
+      				mode: "props",
+      				props: {
+        				fieldLabel: "WORKFLOW_DOCUMENT_ACTION_HISTORY_ACTION_COMMENT",
+        				fieldName: "actionComment",
+        				required: false,
+        				fieldType: "text",
+      				},
+    			},			
+					    						    			{
+      				type: "field",
+      				mode: "props",
+      				props: {
+        				fieldLabel: "WORKFLOW_DOCUMENT_ACTION_HISTORY_ACTION_METHOD",
+        				fieldName: "actionMethod",
+        				required: false,
+        				fieldType: "text",
+      				},
+    			},			
+					    										{
+      				type: "field",
+      				mode: "props",
+      				props: {
+        				fieldLabel: "WORKFLOW_DOCUMENT_ACTION_HISTORY_ACTION_TIME",
+        				fieldName: "actionTime",
+        				required: false,
+        				fieldType: "datetime",
+      				},
+    			},
+					    										{
+      				type: "field",
+      				mode: "props",
+      				props: {
+        				fieldLabel: "WORKFLOW_DOCUMENT_ACTION_HISTORY_DOCUMENT_ACTION_ID",
+        				fieldName: "documentActionId",
+        				required: false,
+        				fieldType: "number",
+      				},
+    			},
+					    						    			{
+      				type: "field",
+      				mode: "props",
+      				props: {
+        				fieldLabel: "WORKFLOW_DOCUMENT_ACTION_HISTORY_DOCUMENT_REF_ID",
+        				fieldName: "documentRefId",
+        				required: false,
+        				fieldType: "text",
+      				},
+    			},			
+					    										{
+      				type: "field",
+      				mode: "props",
+      				props: {
+        				fieldLabel: "WORKFLOW_DOCUMENT_ACTION_HISTORY_WORKFLOW_DOCUMENT_ID",
+        				fieldName: "workflowDocumentId",
+        				required: false,
+        				fieldType: "number",
+      				},
+    			},
+					    		];
+
+	return (
+    	<TemplateGrid
+      		apiActions={apiActions}
+      		data={data}
+      		setData={setData}
+      		editMode={{ editMode: "row"}}
+      		formElements={formElements}
+			keyColumnName={"id"}
+      		gridTitle={t("WORKFLOW_DOCUMENT_ACTION_HISTORY_PLURAL")}
+      		girdIcon="table-cells"
+      		editAction={{ isEnabled: true, authority: "WORKFLOW_DOCUMENT_ACTION_HISTORY_EDIT" }}
+      		deleteAction={{ isEnabled: true, authority: "WORKFLOW_DOCUMENT_ACTION_HISTORY_DELETE" }}
+    	/>
+  );
+};
+
+export default WorkflowDocumentActionHistoryGrid;

package/src/components/administration/dev/WorkflowDocumentActionMailGrid.tsx

@@ -0,0 +1,161 @@
+import { useState } from "react";
+import TemplateGrid from "../../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
+import { FormElementProps } from "../../templates/DataEntryTemplates/DataEntryTypes";
+import { useTranslation } from "react-i18next";
+import { useApiActions } from "../../../hooks";
+import { useSelector } from "react-redux";
+
+type WorkflowDocumentActionMailGridProps = {
+  selectedRecord: any;
+};
+
+const WorkflowDocumentActionMailGrid: React.FC<
+  WorkflowDocumentActionMailGridProps
+> = (props) => {
+  const { t } = useTranslation();
+  const [data, setData] = useState([]);
+  const apiActions = useApiActions({
+    findAll: "api/v1/dev/workflowdocumentactionmail/all",
+    deleteById: "api/v1/dev/workflowdocumentactionmail",
+    save: "api/v1/dev/workflowdocumentactionmail",
+    findById: "api/v1/dev/workflowdocumentactionmail",
+    setData: setData,
+  });
+
+  const SystemMailTemplates = useSelector(
+    (state: any) => state.commonStores.stores.SystemMailTemplates.data
+  );
+  const formElements: Array<FormElementProps> = [
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "id",
+        fieldName: "id",
+        fieldType: "number",
+        hidden: true,
+        gridProps: {
+          hidden: true,
+        },
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "createTime",
+        fieldName: "createTime",
+        fieldType: "datetime",
+        hidden: true,
+        gridProps: {
+          hidden: true,
+        },
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "createdBy",
+        fieldName: "createdBy",
+        fieldType: "text",
+        hidden: true,
+        gridProps: {
+          hidden: true,
+        },
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "lastUpdateBy",
+        fieldName: "lastUpdateBy",
+        fieldType: "text",
+        hidden: true,
+        gridProps: {
+          hidden: true,
+        },
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "lastUpdateTime",
+        fieldName: "lastUpdateTime",
+        fieldType: "datetime",
+        hidden: true,
+        gridProps: {
+          hidden: true,
+        },
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_ACTION_MAIL_DOCUMENT_ACTION_ID",
+        fieldName: "documentActionId",
+        required: false,
+        fieldType: "number",
+        hidden: true,
+        gridProps: {
+          hidden: true,
+        },
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_ACTION_MAIL_MAIL_TEMPLATE_ID",
+        fieldName: "mailTemplateId",
+        required: true,
+        fieldType: "combobox",
+        options: SystemMailTemplates,
+        optionDisplayField: "mailTemplateName",
+        optionValueField: "id",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_ACTION_MAIL_ENABLED",
+        fieldName: "enabled",
+        required: false,
+        fieldType: "checkbox",
+      },
+    },
+  ];
+
+  return (
+    <TemplateGrid
+      apiActions={apiActions}
+      data={data}
+      hideInfoBar={true}
+      gridLoadParametersValues={{ actionId: props.selectedRecord.id }}
+      setData={setData}
+      editMode={{ editMode: "row" }}
+      formElements={formElements}
+      keyColumnName={"id"}
+      gridTitle={t("WORKFLOW_DOCUMENT_ACTION_MAIL_PLURAL")}
+      girdIcon="table-cells"
+      editAction={{
+        isEnabled: true,
+        authority: "WORKFLOW_DOCUMENT_ACTION_MAIL_EDIT",
+        preActionValidation: (record) => {
+          record.documentActionId = props.selectedRecord.id;
+          return true;
+        },
+      }}
+      deleteAction={{
+        isEnabled: true,
+        authority: "WORKFLOW_DOCUMENT_ACTION_MAIL_DELETE",
+      }}
+    />
+  );
+};
+
+export default WorkflowDocumentActionMailGrid;