@asaleh37/ui-base 26.2.131 → 27.5.26

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

@@ -1,435 +1,435 @@
-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 } from "../../../hooks";
-import { useSelector } from "react-redux";
-import { Box } from "@mui/material";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import useInterval from "../../../hooks/useInterval";
-
-const NotificationGrid: React.FC = () => {
-  const { t } = useTranslation();
-  const [data, setData] = useState([]);
-  const SystemTimeIntervals = useSelector(
-    (state: any) => state.commonStores.stores.SystemTimeIntervals.data
-  );
-  const SystemDataQueries = useSelector(
-    (state: any) => state.commonStores.stores.SystemDataQueries.data
-  );
-  const apiActions = useApiActions({
-    findAll: "api/v1/dev/notification/all",
-    deleteById: "api/v1/dev/notification",
-    save: "api/v1/dev/notification",
-    findById: "api/v1/dev/notification",
-    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: "NOTIFICATION_NOTIFICATION_CODE",
-        fieldName: "notificationCode",
-        required: true,
-        fieldType: "text",
-      },
-    },
-
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel:
-          "Notification Data Query ( will be passed a parameter call last_run_time represents last check time)",
-        fieldName: "notificationQueryId",
-        required: true,
-        fieldType: "combobox",
-        options: SystemDataQueries,
-        optionDisplayField: "queryName",
-        gridProps: {
-          hidden: true,
-        },
-        optionValueField: "id",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel:
-          "Users to notify Query (must have username property in the result set)",
-        fieldName: "usersToNotifyQueryId",
-        required: false,
-        fieldType: "combobox",
-        options: SystemDataQueries,
-        optionDisplayField: "queryName",
-        gridProps: {
-          hidden: true,
-        },
-        optionValueField: "id",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "NOTIFICATION_AUTHORITY_TO_NOTIFY",
-        fieldName: "authorityToNotify",
-        required: false,
-        gridProps: {
-          hidden: true,
-        },
-        fieldType: "text",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "Interval Type",
-        fieldName: "intervalType",
-        fieldType: "combobox",
-        comboboxValueDataType: "string",
-        options: SystemTimeIntervals,
-        gridProps: {
-          hidden: true,
-        },
-        optionDisplayField: "value",
-        optionValueField: "value",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "Interval Value (minmum value 20 seconds)",
-        fieldName: "intervalValue",
-        gridProps: {
-          hidden: true,
-        },
-        fieldType: "number",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "Start Notifing Date",
-        fieldName: "startNotificationFrom",
-        gridProps: {
-          hidden: true,
-        },
-        fieldType: "datetime",
-      },
-    },
-
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "NOTIFICATION_SYSTEM_APPLICATION_ID",
-        fieldName: "systemApplicationId",
-        hidden: true,
-        gridProps: { hidden: true },
-        required: false,
-        fieldType: "number",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "NOTIFICATION_NOTIFICATION_ICON",
-        fieldName: "notificationIcon",
-        required: true,
-        fieldType: "text",
-        gridProps: {
-          muiProps: {
-            renderCell: (params: any) => {
-              return (
-                <Box
-                  sx={{
-                    display: "flex",
-                    alignItems: "center",
-                    color: params?.row?.notificationIconColor,
-                    justifyContent: "center",
-                    height: "100%",
-                  }}
-                >
-                  {params?.row?.notificationIcon ? (
-                    <FontAwesomeIcon icon={params.row.notificationIcon} />
-                  ) : (
-                    <></>
-                  )}
-                </Box>
-              );
-            },
-          },
-        },
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "NOTIFICATION_NOTIFICATION_AR_TEXT",
-        fieldName: "notificationArText",
-        required: true,
-        fieldType: "text",
-        gridProps: {
-          muiProps: {
-            renderCell: (params: any) => {
-              return (
-                <Box
-                  sx={{
-                    display: "flex",
-                    alignItems: "center",
-                    color: params?.row?.notificationTextColor,
-                    justifyContent: "center",
-                    height: "100%",
-                  }}
-                >
-                  {params?.row?.notificationArText}
-                </Box>
-              );
-            },
-          },
-        },
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "NOTIFICATION_NOTIFICATION_EN_TEXT",
-        fieldName: "notificationEnText",
-        required: true,
-        fieldType: "text",
-        gridProps: {
-          muiProps: {
-            renderCell: (params: any) => {
-              return (
-                <Box
-                  sx={{
-                    display: "flex",
-                    alignItems: "center",
-                    color: params?.row?.notificationTextColor,
-                    justifyContent: "center",
-                    height: "100%",
-                  }}
-                >
-                  {params?.row?.notificationEnText}
-                </Box>
-              );
-            },
-          },
-        },
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "Last Runtime",
-        disabled: true,
-        fieldName: "lastIntervalRun",
-        fieldType: "datetime",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "Last Successful Runtime",
-        fieldName: "lastSuccessfulRun",
-        disabled: true,
-        fieldType: "datetime",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "Last Run Message",
-        fieldName: "lastRunMessage",
-        disabled: true,
-        fieldType: "text",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "NOTIFICATION_NOTIFICATION_TEXT_COLOR",
-        fieldName: "notificationTextColor",
-        required: false,
-        gridProps: {
-          hidden: true,
-        },
-        fieldType: "text",
-      },
-    },
-
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "NOTIFICATION_NOTIFICATION_ICON_COLOR",
-        fieldName: "notificationIconColor",
-        required: false,
-        gridProps: {
-          hidden: true,
-        },
-        fieldType: "text",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "NOTIFICATION_NOTIFICATION_ACTION",
-        fieldName: "notificationAction",
-        required: false,
-        fieldType: "combobox",
-        comboboxValueDataType: "string",
-        options: [{ value: "NAVIGATION" }],
-        optionDisplayField: "value",
-        optionValueField: "value",
-        gridProps: {
-          hidden: true,
-        },
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel:
-          "Action Payload (must be a rout in case of NAVIGATION with parameter values betweem @@)",
-        fieldName: "notificationActionPayload",
-        required: false,
-        fieldType: "text",
-        gridProps: {
-          hidden: true,
-        },
-      },
-    },
-
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel:
-          "Organization Id Field on the Notification Query result set if it supports it",
-        fieldName: "organizationIdField",
-        required: false,
-        fieldType: "text",
-        gridProps: {
-          hidden: true,
-        },
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "NOTIFICATION_IS_ACTIVE",
-        fieldName: "isActive",
-        required: false,
-        fieldType: "checkbox",
-      },
-    },
-  ];
-
-  return (
-    <TemplateGrid
-      apiActions={apiActions}
-      data={data}
-      setData={setData}
-      editMode={{
-        editMode: "modal",
-        specs: {
-          modalIcon: "bell",
-          modalTitle: "System Notification",
-          modalWidth: "300",
-        },
-      }}
-      formElements={formElements}
-      keyColumnName={"id"}
-      gridTitle={t("NOTIFICATION_PLURAL")}
-      girdIcon="bell"
-      editAction={{ isEnabled: true, authority: "NOTIFICATION_EDIT" }}
-      deleteAction={{ isEnabled: true, authority: "NOTIFICATION_DELETE" }}
-    />
-  );
-};
-
-export default NotificationGrid;
+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 } from "../../../hooks";
+import { useSelector } from "react-redux";
+import { Box } from "@mui/material";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import useInterval from "../../../hooks/useInterval";
+
+const NotificationGrid: React.FC = () => {
+  const { t } = useTranslation();
+  const [data, setData] = useState([]);
+  const SystemTimeIntervals = useSelector(
+    (state: any) => state.commonStores.stores.SystemTimeIntervals.data
+  );
+  const SystemDataQueries = useSelector(
+    (state: any) => state.commonStores.stores.SystemDataQueries.data
+  );
+  const apiActions = useApiActions({
+    findAll: "api/v1/dev/notification/all",
+    deleteById: "api/v1/dev/notification",
+    save: "api/v1/dev/notification",
+    findById: "api/v1/dev/notification",
+    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: "NOTIFICATION_NOTIFICATION_CODE",
+        fieldName: "notificationCode",
+        required: true,
+        fieldType: "text",
+      },
+    },
+
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel:
+          "Notification Data Query ( will be passed a parameter call last_run_time represents last check time)",
+        fieldName: "notificationQueryId",
+        required: true,
+        fieldType: "combobox",
+        options: SystemDataQueries,
+        optionDisplayField: "queryName",
+        gridProps: {
+          hidden: true,
+        },
+        optionValueField: "id",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel:
+          "Users to notify Query (must have username property in the result set)",
+        fieldName: "usersToNotifyQueryId",
+        required: false,
+        fieldType: "combobox",
+        options: SystemDataQueries,
+        optionDisplayField: "queryName",
+        gridProps: {
+          hidden: true,
+        },
+        optionValueField: "id",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "NOTIFICATION_AUTHORITY_TO_NOTIFY",
+        fieldName: "authorityToNotify",
+        required: false,
+        gridProps: {
+          hidden: true,
+        },
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "Interval Type",
+        fieldName: "intervalType",
+        fieldType: "combobox",
+        comboboxValueDataType: "string",
+        options: SystemTimeIntervals,
+        gridProps: {
+          hidden: true,
+        },
+        optionDisplayField: "value",
+        optionValueField: "value",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "Interval Value (minmum value 20 seconds)",
+        fieldName: "intervalValue",
+        gridProps: {
+          hidden: true,
+        },
+        fieldType: "number",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "Start Notifing Date",
+        fieldName: "startNotificationFrom",
+        gridProps: {
+          hidden: true,
+        },
+        fieldType: "datetime",
+      },
+    },
+
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "NOTIFICATION_SYSTEM_APPLICATION_ID",
+        fieldName: "systemApplicationId",
+        hidden: true,
+        gridProps: { hidden: true },
+        required: false,
+        fieldType: "number",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "NOTIFICATION_NOTIFICATION_ICON",
+        fieldName: "notificationIcon",
+        required: true,
+        fieldType: "text",
+        gridProps: {
+          muiProps: {
+            renderCell: (params: any) => {
+              return (
+                <Box
+                  sx={{
+                    display: "flex",
+                    alignItems: "center",
+                    color: params?.row?.notificationIconColor,
+                    justifyContent: "center",
+                    height: "100%",
+                  }}
+                >
+                  {params?.row?.notificationIcon ? (
+                    <FontAwesomeIcon icon={params.row.notificationIcon} />
+                  ) : (
+                    <></>
+                  )}
+                </Box>
+              );
+            },
+          },
+        },
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "NOTIFICATION_NOTIFICATION_AR_TEXT",
+        fieldName: "notificationArText",
+        required: true,
+        fieldType: "text",
+        gridProps: {
+          muiProps: {
+            renderCell: (params: any) => {
+              return (
+                <Box
+                  sx={{
+                    display: "flex",
+                    alignItems: "center",
+                    color: params?.row?.notificationTextColor,
+                    justifyContent: "center",
+                    height: "100%",
+                  }}
+                >
+                  {params?.row?.notificationArText}
+                </Box>
+              );
+            },
+          },
+        },
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "NOTIFICATION_NOTIFICATION_EN_TEXT",
+        fieldName: "notificationEnText",
+        required: true,
+        fieldType: "text",
+        gridProps: {
+          muiProps: {
+            renderCell: (params: any) => {
+              return (
+                <Box
+                  sx={{
+                    display: "flex",
+                    alignItems: "center",
+                    color: params?.row?.notificationTextColor,
+                    justifyContent: "center",
+                    height: "100%",
+                  }}
+                >
+                  {params?.row?.notificationEnText}
+                </Box>
+              );
+            },
+          },
+        },
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "Last Runtime",
+        disabled: true,
+        fieldName: "lastIntervalRun",
+        fieldType: "datetime",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "Last Successful Runtime",
+        fieldName: "lastSuccessfulRun",
+        disabled: true,
+        fieldType: "datetime",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "Last Run Message",
+        fieldName: "lastRunMessage",
+        disabled: true,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "NOTIFICATION_NOTIFICATION_TEXT_COLOR",
+        fieldName: "notificationTextColor",
+        required: false,
+        gridProps: {
+          hidden: true,
+        },
+        fieldType: "text",
+      },
+    },
+
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "NOTIFICATION_NOTIFICATION_ICON_COLOR",
+        fieldName: "notificationIconColor",
+        required: false,
+        gridProps: {
+          hidden: true,
+        },
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "NOTIFICATION_NOTIFICATION_ACTION",
+        fieldName: "notificationAction",
+        required: false,
+        fieldType: "combobox",
+        comboboxValueDataType: "string",
+        options: [{ value: "NAVIGATION" }],
+        optionDisplayField: "value",
+        optionValueField: "value",
+        gridProps: {
+          hidden: true,
+        },
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel:
+          "Action Payload (must be a rout in case of NAVIGATION with parameter values betweem @@)",
+        fieldName: "notificationActionPayload",
+        required: false,
+        fieldType: "text",
+        gridProps: {
+          hidden: true,
+        },
+      },
+    },
+
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel:
+          "Organization Id Field on the Notification Query result set if it supports it",
+        fieldName: "organizationIdField",
+        required: false,
+        fieldType: "text",
+        gridProps: {
+          hidden: true,
+        },
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "NOTIFICATION_IS_ACTIVE",
+        fieldName: "isActive",
+        required: false,
+        fieldType: "checkbox",
+      },
+    },
+  ];
+
+  return (
+    <TemplateGrid
+      apiActions={apiActions}
+      data={data}
+      setData={setData}
+      editMode={{
+        editMode: "modal",
+        specs: {
+          modalIcon: "bell",
+          modalTitle: "System Notification",
+          modalWidth: "300",
+        },
+      }}
+      formElements={formElements}
+      keyColumnName={"id"}
+      gridTitle={t("NOTIFICATION_PLURAL")}
+      girdIcon="bell"
+      editAction={{ isEnabled: true, authority: "NOTIFICATION_EDIT" }}
+      deleteAction={{ isEnabled: true, authority: "NOTIFICATION_DELETE" }}
+    />
+  );
+};
+
+export default NotificationGrid;