@asaleh37/ui-base 1.2.2 → 1.2.4

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

@@ -0,0 +1,377 @@
+import { useState } from "react";
+import TemplateGrid from "../../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
+import { FormElementProps } from "../../templates/DataEntryTemplates/DataEntryTypes";
+import { useTranslation } from "react-i18next";
+import { useApiActions, useWindow } from "../../../hooks";
+import { useSelector } from "react-redux";
+import WorkflowDocumentStatusGrid from "./WorkflowDocumentStatusGrid";
+import WorkflowDocumentActionGrid from "./WorkflowDocumentActionGrid";
+
+const WorkflowDocumentGrid: React.FC = () => {
+  const [selectedRecord, setSelectedRecord] = useState<any>(null);
+  const {
+    Window: WorkflowStatusWindow,
+    setWindowState: setWorkflowStatusWindowState,
+  } = useWindow({
+    windowTitle: "Document Status",
+    windowIcon: "tag",
+  });
+  const {
+    Window: WorkflowActionWindow,
+    setWindowState: setWorkflowActionWindowState,
+  } = useWindow({
+    windowTitle: "Document Action",
+    windowIcon: "stamp",
+  });
+  const SystemOrganizations = useSelector(
+    (state: any) => state.commonStores.stores.SystemOrganizations.data
+  );
+  const SystemReports = useSelector(
+    (state: any) => state.commonStores.stores.SystemReports.data
+  );
+  const SystemDataSources = useSelector(
+    (state: any) => state.commonStores.stores.SystemDataSources.data
+  );
+  const { t } = useTranslation();
+  const [data, setData] = useState([]);
+  const apiActions = useApiActions({
+    findAll: "api/v1/dev/workflowdocument/all",
+    deleteById: "api/v1/dev/workflowdocument",
+    save: "api/v1/dev/workflowdocument",
+    findById: "api/v1/dev/workflowdocument",
+    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_ORG_CODE",
+        fieldName: "orgCode",
+        required: false,
+        fieldType: "combobox",
+        options: SystemOrganizations,
+        optionDisplayField: "organizationCode",
+        optionValueField: "id",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_DOCUMENT_CODE",
+        fieldName: "documentCode",
+        required: true,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "Workflow Document En Display Name",
+        fieldName: "documentEnName",
+        required: true,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "Workflow Document Ar Display Name",
+        fieldName: "documentArName",
+        required: true,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "Report To be Attached For The Document ( will be passed a parameter called doc_id)",
+        fieldName: "documentReportId",
+        required: false,
+        fieldType: "combobox",
+        options: SystemReports,
+        optionDisplayField: "reportName",
+        optionValueField: "id",
+      },
+    },
+
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_MAIL_APPROVAL_ALLOWED",
+        fieldName: "mailApprovalAllowed",
+        required: false,
+        fieldType: "checkbox",
+      },
+    },
+    {
+      type: "group",
+      props: {
+        icon: "bell",
+        style: { border: "1px dashed black", padding: 1, marginBottom: 1 },
+        label: "App Visual Notifications",
+        elements: [
+          {
+            type: "field",
+            mode: "props",
+            props: {
+              fieldLabel: "WORKFLOW_DOCUMENT_APP_NOTIFICATION_ICON",
+              fieldName: "appNotificationIcon",
+              required: false,
+              fieldType: "text",
+            },
+          },
+          {
+            type: "field",
+            mode: "props",
+            props: {
+              fieldLabel: "WORKFLOW_DOCUMENT_APP_NOTIFICATION_STYLE",
+              fieldName: "appNotificationStyle",
+              required: false,
+              fieldType: "text",
+            },
+          },
+          {
+            type: "field",
+            mode: "props",
+            props: {
+              fieldLabel: "WORKFLOW_DOCUMENT_APP_VIEW_ROUTE",
+              fieldName: "appViewRoute",
+              required: false,
+              fieldType: "text",
+            },
+          },
+        ],
+      },
+    },
+
+    {
+      type: "group",
+      props: {
+        icon: "database",
+        style: { border: "1px dashed black", padding: 1, marginBottom: 1 },
+        label: "Related Document Database",
+        elements: [
+          {
+            type: "field",
+            mode: "props",
+            props: {
+              fieldLabel: "WORKFLOW_DOCUMENT_USE_SYSTEM_CON",
+              fieldName: "useSystemCon",
+              required: false,
+              fieldType: "checkbox",
+              formProps: {
+                onValueChangeCallBack(
+                  value,
+                  formManager,
+                  formActions,
+                  selectedRecord
+                ) {
+                  if (value) {
+                    formActions.hideField("documentConId");
+                    formManager.setValue("documentConId", null);
+                  } else {
+                    formActions.showField("documentConId");
+                  }
+                },
+              },
+            },
+          },
+          {
+            type: "field",
+            mode: "props",
+            props: {
+              fieldLabel: "WORKFLOW_DOCUMENT_DOCUMENT_CON_ID",
+              fieldName: "documentConId",
+              required: false,
+              fieldType: "combobox",
+              options: SystemDataSources,
+              optionDisplayField: "connectionName",
+              optionValueField: "id",
+            },
+          },
+          {
+            type: "field",
+            mode: "props",
+            props: {
+              fieldLabel: "WORKFLOW_DOCUMENT_DOCUMENT_DATABASE_NAME",
+              fieldName: "documentDatabaseName",
+              required: true,
+              fieldType: "text",
+            },
+          },
+          {
+            type: "field",
+            mode: "props",
+            props: {
+              fieldLabel: "WORKFLOW_DOCUMENT_DOCUMENT_DATABASE_TABLE",
+              fieldName: "documentDatabaseTable",
+              required: true,
+              fieldType: "text",
+            },
+          },
+          {
+            type: "field",
+            mode: "props",
+            props: {
+              fieldLabel: "WORKFLOW_DOCUMENT_DOCUMENT_ID_FIELD",
+              fieldName: "documentIdField",
+              required: true,
+              fieldType: "text",
+            },
+          },
+          {
+            type: "field",
+            mode: "props",
+            props: {
+              fieldLabel: "WORKFLOW_DOCUMENT_DOCUMENT_STATUS_FIELD",
+              fieldName: "documentStatusField",
+              required: true,
+              fieldType: "text",
+            },
+          },
+          {
+            type: "field",
+            mode: "props",
+            props: {
+              fieldLabel: "WORKFLOW_DOCUMENT_DOCUMENT_NUMBER_FIELD",
+              fieldName: "documentNumberField",
+              required: true,
+              fieldType: "text",
+            },
+          },
+        ],
+      },
+    },
+  ];
+
+  return (
+    <>
+      <WorkflowStatusWindow>
+        <WorkflowDocumentStatusGrid selectedRecord={selectedRecord} />
+      </WorkflowStatusWindow>
+      <WorkflowActionWindow>
+        <WorkflowDocumentActionGrid selectedRecord={selectedRecord} />
+      </WorkflowActionWindow>
+      <TemplateGrid
+        apiActions={apiActions}
+        formLoadCallBk={(formActions, formManager, record) => {
+          if (record.useSystemCon === true) {
+            formActions.hideField("documentConId");
+          } else {
+            formActions.showField("documentConId");
+          }
+        }}
+        data={data}
+        setData={setData}
+        rowActions={[
+          {
+            icon: "tag",
+            label: "Document States",
+            actionFn: async (data) => {
+              setSelectedRecord(data);
+              setWorkflowStatusWindowState(true);
+            },
+          },
+          {
+            icon: "stamp",
+            label: "Document Actions",
+            actionFn: async (data) => {
+              setSelectedRecord(data);
+              setWorkflowActionWindowState(true);
+            },
+          },
+        ]}
+        editMode={{
+          editMode: "modal",
+          specs: {
+            modalIcon: "chart-diagram",
+            modalTitle: t("WORKFLOW_DOCUMENT_SINGULAR"),
+          },
+        }}
+        formElements={formElements}
+        keyColumnName={"id"}
+        gridTitle={t("WORKFLOW_DOCUMENT_PLURAL")}
+        girdIcon="chart-diagram"
+        editAction={{ isEnabled: true, authority: "WORKFLOW_DOCUMENT_EDIT" }}
+        deleteAction={{
+          isEnabled: true,
+          authority: "WORKFLOW_DOCUMENT_DELETE",
+        }}
+      />
+    </>
+  );
+};
+
+export default WorkflowDocumentGrid;

package/src/components/{admin → administration/dev}/WorkflowDocumentMailLogGrid.tsx

@@ -1,19 +1,86 @@
 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 { FormElementProps } from "../../templates/DataEntryTemplates/DataEntryTypes";
+import { useTranslation } from "react-i18next";
+import { useApiActions } from "../../../hooks";
 
 const WorkflowDocumentMailLogGrid: React.FC = () => {
+  const { t } = useTranslation();
   const [data, setData] = useState([]);
   const apiActions = useApiActions({
-    findAll: "api/v1/admin/workflowdocumentmaillog/all",
-    deleteById: "api/v1/admin/workflowdocumentmaillog",
-    save: "api/v1/admin/workflowdocumentmaillog",
-    findById: "api/v1/admin/workflowdocumentmaillog",
+    findAll: "api/v1/dev/workflowdocumentmaillog/all",
+    deleteById: "api/v1/dev/workflowdocumentmaillog",
+    save: "api/v1/dev/workflowdocumentmaillog",
+    findById: "api/v1/dev/workflowdocumentmaillog",
     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",
@@ -31,7 +98,7 @@ const WorkflowDocumentMailLogGrid: React.FC = () => {
         fieldLabel: "WORKFLOW_DOCUMENT_MAIL_LOG_IS_PROCESSED",
         fieldName: "isProcessed",
         required: false,
-        fieldType: "checkbox",
+        fieldType: "text",
       },
     },
     {
@@ -111,7 +178,17 @@ const WorkflowDocumentMailLogGrid: React.FC = () => {
         fieldLabel: "WORKFLOW_DOCUMENT_MAIL_LOG_WORKFLOW_DOCUMENT_ID",
         fieldName: "workflowDocumentId",
         required: false,
-        fieldType: "text",
+        fieldType: "number",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "WORKFLOW_DOCUMENT_MAIL_LOG_MAIL_RECEIVE_TIME",
+        fieldName: "mailReceiveTime",
+        required: false,
+        fieldType: "datetime",
       },
     },
   ];
@@ -124,7 +201,7 @@ const WorkflowDocumentMailLogGrid: React.FC = () => {
       editMode={{ editMode: "row" }}
       formElements={formElements}
       keyColumnName={"id"}
-      gridTitle="WORKFLOW_DOCUMENT_MAIL_LOG_PLURAL"
+      gridTitle={t("WORKFLOW_DOCUMENT_MAIL_LOG_PLURAL")}
       girdIcon="table-cells"
       editAction={{
         isEnabled: true,