@asaleh37/ui-base 1.2.3 → 1.2.5

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

@@ -0,0 +1,131 @@
+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 LookupGridProps = {
+  selectedApplication: any;
+};
+
+const LookupGrid: React.FC<LookupGridProps> = (props) => {
+  const SystemOrganizations = useSelector(
+    (state: any) => state.commonStores.stores.SystemOrganizations.data
+  );
+  const { t } = useTranslation();
+  const [data, setData] = useState([]);
+  const apiActions = useApiActions({
+    findAll: "api/v1/dev/lookup/all",
+    deleteById: "api/v1/dev/lookup",
+    save: "api/v1/dev/lookup",
+    findById: "api/v1/dev/lookup",
+    setData: setData,
+  });
+
+  const formElements: Array<FormElementProps> = [
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "Organization",
+        fieldName: "organizationId",
+        options: SystemOrganizations,
+        optionDisplayField: "organizationEnName",
+        optionValueField: "id",
+        required: false,
+        fieldType: "combobox",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "LOOKUP_LOOKUP_TYPE",
+        fieldName: "lookupType",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "LOOKUP_LOOKUP_AR_DISPLAY",
+        fieldName: "lookupArDisplay",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "LOOKUP_LOOKUP_EN_DISPLAY",
+        fieldName: "lookupEnDisplay",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "LOOKUP_LOOKUP_VALUE",
+        fieldName: "lookupValue",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "LOOKUP_ENABLED",
+        fieldName: "enabled",
+        required: false,
+        fieldType: "checkbox",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "System Application",
+        fieldName: "systemApplicationId",
+        hidden: true,
+        gridProps: { hidden: true },
+        required: false,
+        fieldType: "number",
+      },
+    },
+  ];
+
+  return (
+    <TemplateGrid
+      apiActions={apiActions}
+      data={data}
+      setData={setData}
+      hideInfoBar={true}
+      gridLoadParametersValues={{
+        systemApplicationId: props.selectedApplication.id,
+      }}
+      editMode={{ editMode: "row" }}
+      formElements={formElements}
+      keyColumnName={"id"}
+      gridTitle={t("LOOKUP_PLURAL")}
+      girdIcon="list-check"
+      editAction={{
+        isEnabled: true,
+        authority: "LOOKUP_EDIT",
+        preActionValidation: (data: any) => {
+          data.systemApplicationId = props.selectedApplication.id;
+          return true;
+        },
+      }}
+      deleteAction={{ isEnabled: true, authority: "LOOKUP_DELETE" }}
+    />
+  );
+};
+
+export default LookupGrid;

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

@@ -0,0 +1,155 @@
+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 MailAttachmentGridProps = {
+  selectedRecord: any;
+  callBkFn: () => void;
+};
+
+const MailAttachmentGrid: React.FC<MailAttachmentGridProps> = (props) => {
+  const SystemReports = useSelector(
+    (state: any) => state.commonStores.stores.SystemReports.data
+  );
+  const { t } = useTranslation();
+  const [data, setData] = useState([]);
+  const apiActions = useApiActions({
+    findAll: "api/v1/dev/mailattachment/all",
+    deleteById: "api/v1/dev/mailattachment",
+    save: "api/v1/dev/mailattachment",
+    findById: "api/v1/dev/mailattachment",
+    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: {
+        options: SystemReports,
+        optionValueField: "id",
+        optionDisplayField: "reportName",
+        fieldLabel: "REPORT_REPORT_NAME",
+        fieldName: "reportId",
+        required: true,
+        fieldType: "combobox",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "MAIL_ATTACHMENT_ENABLED",
+        fieldName: "enabled",
+        required: false,
+        fieldType: "checkbox",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "MAIL_ATTACHMENT_MAIL_TEMPLATE_ID",
+        fieldName: "mailTemplateId",
+        required: false,
+        hidden: true,
+        gridProps: { hidden: true },
+        fieldType: "number",
+      },
+    },
+  ];
+
+  return (
+    <TemplateGrid
+      apiActions={apiActions}
+      data={data}
+      hideInfoBar={true}
+      gridLoadParametersValues={{ mailTemplateId: props.selectedRecord.id }}
+      setData={setData}
+      editMode={{ editMode: "row" }}
+      formElements={formElements}
+      keyColumnName={"id"}
+      gridTitle={t("MAIL_ATTACHMENT_PLURAL")}
+      girdIcon="paperclip"
+      editAction={{
+        isEnabled: true,
+        authority: "MAIL_ATTACHMENT_EDIT",
+        preActionValidation: (record) => {
+          record.mailTemplateId = props.selectedRecord.id;
+          return true;
+        },
+      }}
+      deleteAction={{ isEnabled: true, authority: "MAIL_ATTACHMENT_DELETE" }}
+    />
+  );
+};
+
+export default MailAttachmentGrid;

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

@@ -0,0 +1,215 @@
+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 MailBodyGridProps = {
+  selectedRecord: any;
+  callBkFn: () => void;
+};
+
+const MailBodyGrid: React.FC<MailBodyGridProps> = (props) => {
+  const { t } = useTranslation();
+  const [data, setData] = useState([]);
+  const SystemDataQueries = useSelector(
+    (state: any) => state.commonStores.stores.SystemDataQueries.data
+  );
+  const apiActions = useApiActions({
+    findAll: "api/v1/dev/mailbody/all",
+    deleteById: "api/v1/dev/mailbody",
+    save: "api/v1/dev/mailbody",
+    findById: "api/v1/dev/mailbody",
+    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: "MAIL_BODY_BODY_NAME",
+        fieldName: "bodyName",
+        required: true,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "MAIL_BODY_BODY_ORDER",
+        fieldName: "bodyOrder",
+        required: false,
+        fieldType: "number",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "MAIL_BODY_BODY_CONTENT",
+        fieldName: "bodyContent",
+        required: true,
+        fieldType: "html",
+      },
+    },
+
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "MAIL_BODY_BODY_CONTENT_DATA_QUERY_ID",
+        fieldName: "bodyContentDataQueryId",
+        required: false,
+        fieldType: "combobox",
+        options: SystemDataQueries,
+        optionDisplayField: "queryName",
+        optionValueField: "id",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "MAIL_BODY_PRINT_FOR_EACH_RECORD",
+        fieldName: "printForEachRecord",
+        required: false,
+        fieldType: "checkbox",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "MAIL_BODY_IS_MAIN",
+        fieldName: "isMain",
+        required: false,
+        fieldType: "checkbox",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "MAIL_BODY_ENABLED",
+        fieldName: "enabled",
+        required: false,
+        fieldType: "checkbox",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "MAIL_BODY_MAIL_TEMPLATE_ID",
+        fieldName: "mailTemplateId",
+        required: false,
+        hidden: true,
+        gridProps: {
+          hidden: true,
+        },
+        fieldType: "number",
+      },
+    },
+  ];
+
+  return (
+    <TemplateGrid
+      apiActions={apiActions}
+      data={data}
+      hideInfoBar={true}
+      gridLoadParametersValues={{ mailTemplateId: props.selectedRecord.id }}
+      setData={setData}
+      editMode={{
+        editMode: "modal",
+        specs: {
+          modalIcon: { prefix: "fas", iconName: "envelope-open-text" },
+          modalTitle: "Mail Body",
+          modalWidth: "50%",
+        },
+      }}
+      formElements={formElements}
+      keyColumnName={"id"}
+      gridTitle={t("MAIL_BODY_PLURAL")}
+      girdIcon={{ prefix: "fas", iconName: "envelope-open-text" }}
+      editAction={{
+        isEnabled: true,
+        authority: "MAIL_BODY_EDIT",
+        preActionValidation: async (record) => {
+          record.mailTemplateId = props.selectedRecord.id;
+          return true;
+        },
+      }}
+      deleteAction={{ isEnabled: true, authority: "MAIL_BODY_DELETE" }}
+    />
+  );
+};
+
+export default MailBodyGrid;

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

@@ -1,19 +1,103 @@
 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";
+import { useSelector } from "react-redux";
 
 const MailNotificationQueueGrid: React.FC = () => {
+  const { t } = useTranslation();
   const [data, setData] = useState([]);
   const apiActions = useApiActions({
-    findAll: "api/v1/admin/mailnotificationqueue/all",
-    deleteById: "api/v1/admin/mailnotificationqueue",
-    save: "api/v1/admin/mailnotificationqueue",
-    findById: "api/v1/admin/mailnotificationqueue",
+    findAll: "api/v1/dev/mailnotificationqueue/all",
+    deleteById: "api/v1/dev/mailnotificationqueue",
+    save: "api/v1/dev/mailnotificationqueue",
+    findById: "api/v1/dev/mailnotificationqueue",
     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: "MAIL_NOTIFICATION_QUEUE_MAIL_TEMPLATE_ID",
+        fieldName: "mailTemplateId",
+        required: false,
+        fieldType: "combobox",
+        options: SystemMailTemplates,
+        optionDisplayField: "mailTemplateName",
+        optionValueField: "id",
+      },
+    },
     {
       type: "field",
       mode: "props",
@@ -21,7 +105,11 @@ const MailNotificationQueueGrid: React.FC = () => {
         fieldLabel: "MAIL_NOTIFICATION_QUEUE_CUSTOM_MAIL_ATTACHED_REPORT_ID",
         fieldName: "customMailAttachedReportId",
         required: false,
-        fieldType: "text",
+        hidden: true,
+        gridProps: {
+          hidden: true,
+        },
+        fieldType: "number",
       },
     },
     {
@@ -31,6 +119,10 @@ const MailNotificationQueueGrid: React.FC = () => {
         fieldLabel: "MAIL_NOTIFICATION_QUEUE_CUSTOM_MAIL_BODY",
         fieldName: "customMailBody",
         required: false,
+        hidden: true,
+        gridProps: {
+          hidden: true,
+        },
         fieldType: "text",
       },
     },
@@ -41,6 +133,7 @@ const MailNotificationQueueGrid: React.FC = () => {
         fieldLabel: "MAIL_NOTIFICATION_QUEUE_CUSTOM_MAIL_SUBJECT",
         fieldName: "customMailSubject",
         required: false,
+        hidden: true,
         fieldType: "text",
       },
     },
@@ -68,20 +161,10 @@ const MailNotificationQueueGrid: React.FC = () => {
       type: "field",
       mode: "props",
       props: {
-        fieldLabel: "MAIL_NOTIFICATION_QUEUE_MAIL_PARAMETERS",
-        fieldName: "mailParameters",
-        required: false,
-        fieldType: "text",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "MAIL_NOTIFICATION_QUEUE_MAIL_TEMPLATE_ID",
-        fieldName: "mailTemplateId",
+        fieldLabel: "MAIL_NOTIFICATION_QUEUE_NOTIFICATION_TIME",
+        fieldName: "notificationTime",
         required: false,
-        fieldType: "text",
+        fieldType: "datetime",
       },
     },
     {
@@ -98,10 +181,14 @@ const MailNotificationQueueGrid: React.FC = () => {
       type: "field",
       mode: "props",
       props: {
-        fieldLabel: "MAIL_NOTIFICATION_QUEUE_NOTIFICATION_TIME",
-        fieldName: "notificationTime",
+        fieldLabel: "MAIL_NOTIFICATION_QUEUE_MAIL_PARAMETERS",
+        fieldName: "mailParameters",
+        hidden: true,
+        gridProps: {
+          hidden: true,
+        },
         required: false,
-        fieldType: "datetime",
+        fieldType: "text",
       },
     },
   ];
@@ -109,12 +196,13 @@ const MailNotificationQueueGrid: React.FC = () => {
   return (
     <TemplateGrid
       apiActions={apiActions}
+      disableDefaultAction={true}
       data={data}
       setData={setData}
-      editMode={{ editMode: "row" }}
+      editMode={{ editMode: "none" }}
       formElements={formElements}
       keyColumnName={"id"}
-      gridTitle="MAIL_NOTIFICATION_QUEUE_PLURAL"
+      gridTitle={t("MAIL_NOTIFICATION_QUEUE_PLURAL")}
       girdIcon="table-cells"
       editAction={{
         isEnabled: true,