@asaleh37/ui-base 25.6.19-6 → 25.6.21

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

@@ -1,384 +1,384 @@
-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 { toast } from "react-toastify";
-import MailRecipientGrid from "./MailRecipientGrid";
-import MailBodyGrid from "./MailBodyGrid";
-import MailAttachmentGrid from "./MailAttachmentGrid";
-
-const MailTemplateGrid: React.FC = () => {
-  const SystemDataQueries = useSelector(
-    (state: any) => state.commonStores.stores.SystemDataQueries.data
-  );
-  const SystemTimeIntervals = useSelector(
-    (state: any) => state.commonStores.stores.SystemTimeIntervals.data
-  );
-  const [selectedRecord, setSelectedRecord] = useState<any>(null);
-  const {
-    Window: MailRecipentsWindow,
-    setWindowState: setMailRecipientsWindowState,
-  } = useWindow({ windowTitle: "Mail Receipents", windowIcon: "users" });
-  const { Window: MailBodiesWindow, setWindowState: setMailBodiesWindowState } =
-    useWindow({
-      windowTitle: "Mail Bodies",
-      windowIcon: { prefix: "fas", iconName: "envelope-open-text" },
-    });
-  const {
-    Window: MailAttachmentWindow,
-    setWindowState: setMailAttachmentWindowState,
-  } = useWindow({
-    windowTitle: "Mail Attachment",
-    windowIcon: "paperclip",
-    width: 500,
-  });
-  const { t } = useTranslation();
-  const [data, setData] = useState([]);
-  const apiActions = useApiActions({
-    commonStoreKey: "SystemMailTemplates",
-    deleteById: "api/v1/dev/mailtemplate",
-    save: "api/v1/dev/mailtemplate",
-    findById: "api/v1/dev/mailtemplate",
-    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_TEMPLATE_MAIL_TEMPLATE_CODE",
-        fieldName: "mailTemplateCode",
-        required: true,
-        fieldType: "text",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "MAIL_TEMPLATE_MAIL_TEMPLATE_NAME",
-        fieldName: "mailTemplateName",
-        required: true,
-        fieldType: "text",
-      },
-    },
-
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "MAIL_TEMPLATE_ENABLED",
-        fieldName: "enabled",
-        required: false,
-        fieldType: "checkbox",
-      },
-    },
-    {
-      type: "group",
-      props: {
-        label: "subject",
-        icon: "users",
-        style: { padding: 1, border: "0.5px dashed black", margin: 1 },
-        elements: [
-          {
-            type: "field",
-            mode: "props",
-            props: {
-              fieldLabel: "MAIL_TEMPLATE_MAIL_SUBJECT",
-              fieldName: "mailSubject",
-              required: true,
-              fieldType: "text",
-              gridProps: {
-                hidden: true,
-              },
-            },
-          },
-          {
-            type: "field",
-            mode: "props",
-            props: {
-              fieldLabel: "MAIL_TEMPLATE_SUBJECT_DATA_QUERY_ID",
-              fieldName: "subjectDataQueryId",
-              required: false,
-              fieldType: "combobox",
-              options: SystemDataQueries,
-              optionDisplayField: "queryName",
-              optionValueField: "id",
-              gridProps: {
-                hidden: true,
-              },
-            },
-          },
-        ],
-      },
-    },
-
-    {
-      type: "group",
-      props: {
-        label: "Recipients",
-        icon: "users",
-        style: { padding: 1, border: "0.5px dashed black", margin: 1 },
-        elements: [
-          {
-            type: "field",
-            mode: "props",
-            props: {
-              fieldLabel:
-                "To Recipient Query (must return list of objects with property email)",
-              fieldName: "mailToDataQueryId",
-              required: false,
-              fieldType: "combobox",
-              options: SystemDataQueries,
-              optionDisplayField: "queryName",
-              optionValueField: "id",
-              gridProps: {
-                hidden: true,
-              },
-            },
-          },
-          {
-            type: "field",
-            mode: "props",
-            props: {
-              fieldLabel:
-                "CC Recipient Query (must return list of objects with property email)",
-              fieldName: "mailCcDataQueryId",
-              required: false,
-              fieldType: "combobox",
-              options: SystemDataQueries,
-              optionDisplayField: "queryName",
-              optionValueField: "id",
-              gridProps: {
-                hidden: true,
-              },
-            },
-          },
-        ],
-      },
-    },
-    {
-      type: "group",
-      props: {
-        label: "Periodical Configuration",
-        icon: "history",
-        style: { padding: 1, border: "0.5px dashed black", margin: 1 },
-        elements: [
-          {
-            type: "field",
-            mode: "props",
-            props: {
-              fieldLabel: "MAIL_TEMPLATE_PERIODICAL",
-              fieldName: "periodical",
-              required: false,
-              fieldType: "checkbox",
-            },
-          },
-          {
-            type: "field",
-            mode: "props",
-            props: {
-              fieldLabel: "MAIL_TEMPLATE_PERIOD_TYPE",
-              fieldName: "periodType",
-              options: SystemTimeIntervals,
-              optionDisplayField: "value",
-              optionValueField: "value",
-              required: false,
-              fieldType: "combobox",
-            },
-          },
-          {
-            type: "field",
-            mode: "props",
-            props: {
-              fieldLabel: "MAIL_TEMPLATE_PERIOD_VALUE",
-              fieldName: "periodValue",
-              required: false,
-              fieldType: "number",
-            },
-          },
-          {
-            type: "field",
-            mode: "props",
-            props: {
-              fieldLabel: "MAIL_TEMPLATE_START_SENDING_AT",
-              fieldName: "startSendingAt",
-              required: false,
-              fieldType: "datetime",
-            },
-          },
-        ],
-      },
-    },
-  ];
-
-  return (
-    <>
-      <MailRecipentsWindow>
-        <MailRecipientGrid
-          selectedRecord={selectedRecord}
-          callBkFn={() => {
-            setMailRecipientsWindowState(false);
-          }}
-        />
-      </MailRecipentsWindow>
-      <MailBodiesWindow>
-        <MailBodyGrid
-          selectedRecord={selectedRecord}
-          callBkFn={() => {
-            setMailRecipientsWindowState(false);
-          }}
-        />
-      </MailBodiesWindow>
-      <MailAttachmentWindow>
-        <MailAttachmentGrid
-          selectedRecord={selectedRecord}
-          callBkFn={() => {
-            setMailAttachmentWindowState(false);
-          }}
-        />
-      </MailAttachmentWindow>
-      <TemplateGrid
-        apiActions={apiActions}
-        data={data}
-        setData={setData}
-        editMode={{
-          editMode: "modal",
-          specs: {
-            modalWidth: 300,
-            modalTitle: "Mail Template",
-            modalIcon: "envelope",
-          },
-        }}
-        formElements={formElements}
-        keyColumnName={"id"}
-        gridTitle={t("MAIL_TEMPLATE_PLURAL")}
-        girdIcon="envelope"
-        rowActions={[
-          {
-            icon: "users",
-            label: "Recipients",
-            actionFn: async (data) => {
-              setSelectedRecord(data);
-              setMailRecipientsWindowState(true);
-            },
-          },
-          {
-            icon: { prefix: "fas", iconName: "envelope-open-text" },
-            label: "Mail Body",
-            actionFn: async (data) => {
-              setSelectedRecord(data);
-              setMailBodiesWindowState(true);
-            },
-          },
-          {
-            icon: "paperclip",
-            label: "Mail Attachments",
-            actionFn: async (data) => {
-              setSelectedRecord(data);
-              setMailAttachmentWindowState(true);
-            },
-          },
-        ]}
-        editAction={{
-          isEnabled: true,
-          authority: "MAIL_TEMPLATE_EDIT",
-          preActionValidation: (record) => {
-            if (record?.periodical === true && !record?.periodType) {
-              toast.error(
-                "You must specifiy the period type since this email is periodical"
-              );
-              return false;
-            }
-            if (record?.periodical === true && !record?.periodValue) {
-              toast.error(
-                "You must specifiy the period value since this email is periodical"
-              );
-              return false;
-            }
-            if (record?.periodical === true && !record?.startSendingAt) {
-              toast.error(
-                "You must specifiy the start sending time since this email is periodical"
-              );
-              return false;
-            }
-
-            return true;
-          },
-        }}
-        deleteAction={{ isEnabled: true, authority: "MAIL_TEMPLATE_DELETE" }}
-      />
-    </>
-  );
-};
-
-export default MailTemplateGrid;
+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 { toast } from "react-toastify";
+import MailRecipientGrid from "./MailRecipientGrid";
+import MailBodyGrid from "./MailBodyGrid";
+import MailAttachmentGrid from "./MailAttachmentGrid";
+
+const MailTemplateGrid: React.FC = () => {
+  const SystemDataQueries = useSelector(
+    (state: any) => state.commonStores.stores.SystemDataQueries.data
+  );
+  const SystemTimeIntervals = useSelector(
+    (state: any) => state.commonStores.stores.SystemTimeIntervals.data
+  );
+  const [selectedRecord, setSelectedRecord] = useState<any>(null);
+  const {
+    Window: MailRecipentsWindow,
+    setWindowState: setMailRecipientsWindowState,
+  } = useWindow({ windowTitle: "Mail Receipents", windowIcon: "users" });
+  const { Window: MailBodiesWindow, setWindowState: setMailBodiesWindowState } =
+    useWindow({
+      windowTitle: "Mail Bodies",
+      windowIcon: { prefix: "fas", iconName: "envelope-open-text" },
+    });
+  const {
+    Window: MailAttachmentWindow,
+    setWindowState: setMailAttachmentWindowState,
+  } = useWindow({
+    windowTitle: "Mail Attachment",
+    windowIcon: "paperclip",
+    width: 500,
+  });
+  const { t } = useTranslation();
+  const [data, setData] = useState([]);
+  const apiActions = useApiActions({
+    commonStoreKey: "SystemMailTemplates",
+    deleteById: "api/v1/dev/mailtemplate",
+    save: "api/v1/dev/mailtemplate",
+    findById: "api/v1/dev/mailtemplate",
+    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_TEMPLATE_MAIL_TEMPLATE_CODE",
+        fieldName: "mailTemplateCode",
+        required: true,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "MAIL_TEMPLATE_MAIL_TEMPLATE_NAME",
+        fieldName: "mailTemplateName",
+        required: true,
+        fieldType: "text",
+      },
+    },
+
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "MAIL_TEMPLATE_ENABLED",
+        fieldName: "enabled",
+        required: false,
+        fieldType: "checkbox",
+      },
+    },
+    {
+      type: "group",
+      props: {
+        label: "subject",
+        icon: "users",
+        style: { padding: 1, border: "0.5px dashed black", margin: 1 },
+        elements: [
+          {
+            type: "field",
+            mode: "props",
+            props: {
+              fieldLabel: "MAIL_TEMPLATE_MAIL_SUBJECT",
+              fieldName: "mailSubject",
+              required: true,
+              fieldType: "text",
+              gridProps: {
+                hidden: true,
+              },
+            },
+          },
+          {
+            type: "field",
+            mode: "props",
+            props: {
+              fieldLabel: "MAIL_TEMPLATE_SUBJECT_DATA_QUERY_ID",
+              fieldName: "subjectDataQueryId",
+              required: false,
+              fieldType: "combobox",
+              options: SystemDataQueries,
+              optionDisplayField: "queryName",
+              optionValueField: "id",
+              gridProps: {
+                hidden: true,
+              },
+            },
+          },
+        ],
+      },
+    },
+
+    {
+      type: "group",
+      props: {
+        label: "Recipients",
+        icon: "users",
+        style: { padding: 1, border: "0.5px dashed black", margin: 1 },
+        elements: [
+          {
+            type: "field",
+            mode: "props",
+            props: {
+              fieldLabel:
+                "To Recipient Query (must return list of objects with property email)",
+              fieldName: "mailToDataQueryId",
+              required: false,
+              fieldType: "combobox",
+              options: SystemDataQueries,
+              optionDisplayField: "queryName",
+              optionValueField: "id",
+              gridProps: {
+                hidden: true,
+              },
+            },
+          },
+          {
+            type: "field",
+            mode: "props",
+            props: {
+              fieldLabel:
+                "CC Recipient Query (must return list of objects with property email)",
+              fieldName: "mailCcDataQueryId",
+              required: false,
+              fieldType: "combobox",
+              options: SystemDataQueries,
+              optionDisplayField: "queryName",
+              optionValueField: "id",
+              gridProps: {
+                hidden: true,
+              },
+            },
+          },
+        ],
+      },
+    },
+    {
+      type: "group",
+      props: {
+        label: "Periodical Configuration",
+        icon: "history",
+        style: { padding: 1, border: "0.5px dashed black", margin: 1 },
+        elements: [
+          {
+            type: "field",
+            mode: "props",
+            props: {
+              fieldLabel: "MAIL_TEMPLATE_PERIODICAL",
+              fieldName: "periodical",
+              required: false,
+              fieldType: "checkbox",
+            },
+          },
+          {
+            type: "field",
+            mode: "props",
+            props: {
+              fieldLabel: "MAIL_TEMPLATE_PERIOD_TYPE",
+              fieldName: "periodType",
+              options: SystemTimeIntervals,
+              optionDisplayField: "value",
+              optionValueField: "value",
+              required: false,
+              fieldType: "combobox",
+            },
+          },
+          {
+            type: "field",
+            mode: "props",
+            props: {
+              fieldLabel: "MAIL_TEMPLATE_PERIOD_VALUE",
+              fieldName: "periodValue",
+              required: false,
+              fieldType: "number",
+            },
+          },
+          {
+            type: "field",
+            mode: "props",
+            props: {
+              fieldLabel: "MAIL_TEMPLATE_START_SENDING_AT",
+              fieldName: "startSendingAt",
+              required: false,
+              fieldType: "datetime",
+            },
+          },
+        ],
+      },
+    },
+  ];
+
+  return (
+    <>
+      <MailRecipentsWindow>
+        <MailRecipientGrid
+          selectedRecord={selectedRecord}
+          callBkFn={() => {
+            setMailRecipientsWindowState(false);
+          }}
+        />
+      </MailRecipentsWindow>
+      <MailBodiesWindow>
+        <MailBodyGrid
+          selectedRecord={selectedRecord}
+          callBkFn={() => {
+            setMailRecipientsWindowState(false);
+          }}
+        />
+      </MailBodiesWindow>
+      <MailAttachmentWindow>
+        <MailAttachmentGrid
+          selectedRecord={selectedRecord}
+          callBkFn={() => {
+            setMailAttachmentWindowState(false);
+          }}
+        />
+      </MailAttachmentWindow>
+      <TemplateGrid
+        apiActions={apiActions}
+        data={data}
+        setData={setData}
+        editMode={{
+          editMode: "modal",
+          specs: {
+            modalWidth: 300,
+            modalTitle: "Mail Template",
+            modalIcon: "envelope",
+          },
+        }}
+        formElements={formElements}
+        keyColumnName={"id"}
+        gridTitle={t("MAIL_TEMPLATE_PLURAL")}
+        girdIcon="envelope"
+        rowActions={[
+          {
+            icon: "users",
+            label: "Recipients",
+            actionFn: async (data) => {
+              setSelectedRecord(data);
+              setMailRecipientsWindowState(true);
+            },
+          },
+          {
+            icon: { prefix: "fas", iconName: "envelope-open-text" },
+            label: "Mail Body",
+            actionFn: async (data) => {
+              setSelectedRecord(data);
+              setMailBodiesWindowState(true);
+            },
+          },
+          {
+            icon: "paperclip",
+            label: "Mail Attachments",
+            actionFn: async (data) => {
+              setSelectedRecord(data);
+              setMailAttachmentWindowState(true);
+            },
+          },
+        ]}
+        editAction={{
+          isEnabled: true,
+          authority: "MAIL_TEMPLATE_EDIT",
+          preActionValidation: (record) => {
+            if (record?.periodical === true && !record?.periodType) {
+              toast.error(
+                "You must specifiy the period type since this email is periodical"
+              );
+              return false;
+            }
+            if (record?.periodical === true && !record?.periodValue) {
+              toast.error(
+                "You must specifiy the period value since this email is periodical"
+              );
+              return false;
+            }
+            if (record?.periodical === true && !record?.startSendingAt) {
+              toast.error(
+                "You must specifiy the start sending time since this email is periodical"
+              );
+              return false;
+            }
+
+            return true;
+          },
+        }}
+        deleteAction={{ isEnabled: true, authority: "MAIL_TEMPLATE_DELETE" }}
+      />
+    </>
+  );
+};
+
+export default MailTemplateGrid;