@asaleh37/ui-base 26.2.131 → 27.5.26

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

@@ -1,322 +1,322 @@
-import { useState } from "react";
-import TemplateGrid from "../../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
-import { useApiActions } from "../../../hooks";
-import {
-  FormElementProps,
-  FormValueChangeCallBk,
-} from "../../templates/DataEntryTemplates/DataEntryTypes";
-import { useTranslation } from "react-i18next";
-import { useSelector } from "react-redux";
-import { DATE_FORMAT, DATE_TIME_FORMAT } from "../../../util";
-
-const EntityParameterGrid: React.FC = () => {
-  const { t } = useTranslation();
-  const SystemParameterTypes = useSelector(
-    (state: any) => state.commonStores.stores.SystemParameterTypes.data,
-  );
-  const [data, setData] = useState([]);
-  const apiActions = useApiActions({
-    commonStoreKey: "SystemEntityParameters",
-    deleteById: "api/v1/dev/entityparameter",
-    save: "api/v1/dev/entityparameter",
-    findById: "api/v1/dev/entityparameter",
-    setData: setData,
-  });
-
-  const SystemDataQueries = useSelector(
-    (state: any) => state.commonStores.stores.SystemDataQueries.data,
-  );
-  const adjustFormAccordingFormValues: FormValueChangeCallBk = (
-    formValues: any,
-    formActions,
-    formManager,
-    fieldName,
-    newValue,
-    selectedRecord,
-  ) => {
-    if (fieldName) {
-      if (fieldName === "parameterType") {
-        if (newValue === "combobox") {
-          formManager.setValue("parameterValueFormat", null);
-          formActions.showField("parameterDataQueryId");
-          formActions.showField("parameterDataset");
-          formActions.showField("parameterDisplayField");
-          formActions.showField("comboboxValueDataType");
-          formActions.showField("parameterValueField");
-          formActions.hideField("parameterValueFormat");
-        } else {
-          formActions.hideField("parameterDataQueryId");
-          formActions.hideField("parameterDataset");
-          formActions.hideField("parameterDisplayField");
-          formActions.hideField("parameterValueField");
-          formActions.hideField("comboboxValueDataType");
-        }
-        if (newValue === "date" || newValue === "datetime") {
-          formActions.showField("parameterValueFormat");
-          if (newValue === "date") {
-            formManager.setValue("parameterValueFormat", DATE_FORMAT);
-          } else {
-            formManager.setValue("parameterValueFormat", DATE_TIME_FORMAT);
-          }
-        } else {
-          formActions.hideField("parameterValueFormat");
-          formManager.setValue("parameterValueFormat", null);
-        }
-      } else if (fieldName == "parameterDataQueryId") {
-        if (newValue != null && newValue != "") {
-          formManager.setValue("parameterDataset", null);
-          formActions.hideField("parameterDataset");
-        } else {
-          formActions.showField("parameterDataset");
-        }
-      } else if (fieldName == "parameterDataset") {
-        if (newValue != null && newValue != "") {
-          formManager.setValue("parameterDataQueryId", null);
-          formActions.hideField("parameterDataQueryId");
-        } else {
-          formActions.showField("parameterDataQueryId");
-        }
-      }
-    } else {
-      if (formValues?.parameterType === "combobox") {
-        formManager.setValue("parameterValueFormat", null);
-        formActions.showField("parameterDataQueryId");
-        formActions.showField("parameterDataset");
-        formActions.showField("parameterDisplayField");
-        formActions.showField("parameterValueField");
-        formActions.hideField("parameterValueFormat");
-      } else if (formValues?.parameterType === "date") {
-        formActions.hideField("parameterDataQueryId");
-        formActions.hideField("parameterDataset");
-        formActions.hideField("parameterDisplayField");
-        formActions.hideField("parameterValueField");
-        formActions.showField("parameterValueFormat");
-        formManager.setValue("parameterValueFormat", DATE_FORMAT);
-      } else if (formValues?.parameterType === "datetime") {
-        formActions.hideField("parameterDataQueryId");
-        formActions.hideField("parameterDataset");
-        formActions.hideField("parameterDisplayField");
-        formActions.hideField("parameterValueField");
-        formActions.showField("parameterValueFormat");
-        formManager.setValue("parameterValueFormat", DATE_TIME_FORMAT);
-      } else {
-        formManager.setValue("parameterValueFormat", null);
-        formActions.hideField("parameterDataQueryId");
-        formActions.hideField("parameterDataset");
-        formActions.hideField("parameterDisplayField");
-        formActions.hideField("parameterValueField");
-        formActions.hideField("parameterValueFormat");
-      }
-    }
-  };
-
-  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: "ENTITY_PARAMETER_PARAMETER_CODE",
-        fieldName: "parameterCode",
-        required: true,
-        fieldType: "text",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "ENTITY_PARAMETER_PARAMETER_LABEL",
-        fieldName: "parameterLabel",
-        required: true,
-        fieldType: "text",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "ENTITY_PARAMETER_PARAMETER_TYPE",
-        fieldName: "parameterType",
-        required: true,
-        fieldType: "combobox",
-        options: SystemParameterTypes,
-        comboboxValueDataType: "string",
-        optionDisplayField: "value",
-        optionValueField: "value",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "ENTITY_PARAMETER_PARAMETER_DATA_QUERY_ID",
-        fieldName: "parameterDataQueryId",
-        hidden: true,
-        required: false,
-        fieldType: "combobox",
-        options: SystemDataQueries,
-        optionDisplayField: "queryName",
-        optionValueField: "id",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "ENTITY_PARAMETER_PARAMETER_DATASET",
-        fieldName: "parameterDataset",
-        hidden: true,
-        required: false,
-        fieldType: "text",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "ENTITY_PARAMETER_PARAMETER_DISPLAY_FIELD",
-        fieldName: "parameterDisplayField",
-        hidden: true,
-        required: false,
-        fieldType: "text",
-      },
-    },
-
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "ENTITY_PARAMETER_PARAMETER_VALUE_FIELD",
-        fieldName: "parameterValueField",
-        hidden: true,
-        required: false,
-        fieldType: "text",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "Value Type",
-        fieldName: "comboboxValueDataType",
-        fieldType: "combobox",
-        options: [{ value: "string" }, { value: "number" }],
-        comboboxValueDataType: "string",
-        optionDisplayField: "value",
-        optionValueField: "value",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "ENTITY_PARAMETER_PARAMETER_VALUE_FORMAT",
-        fieldName: "parameterValueFormat",
-        required: false,
-        hidden: true,
-        fieldType: "text",
-      },
-    },
-    {
-      type: "field",
-      mode: "props",
-      props: {
-        fieldLabel: "ENTITY_PARAMETER_ENABLED",
-        fieldName: "enabled",
-        required: false,
-        fieldType: "checkbox",
-      },
-    },
-  ];
-
-  return (
-    <TemplateGrid
-      apiActions={apiActions}
-      data={data}
-      setData={setData}
-      editMode={{
-        editMode: "modal",
-        specs: {
-          modalTitle: "Entity Parameter",
-          modalIcon: "p",
-          modalWidth: 300,
-        },
-      }}
-      formElements={formElements}
-      keyColumnName={"id"}
-      gridTitle={t("ENTITY_PARAMETER_PLURAL")}
-      girdIcon="p"
-      formProps={{ formValuesChangeCallBk: adjustFormAccordingFormValues }}
-      editAction={{ isEnabled: true, authority: "ENTITY_PARAMETER_EDIT" }}
-      deleteAction={{ isEnabled: true, authority: "ENTITY_PARAMETER_DELETE" }}
-    />
-  );
-};
-
-export default EntityParameterGrid;
+import { useState } from "react";
+import TemplateGrid from "../../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
+import { useApiActions } from "../../../hooks";
+import {
+  FormElementProps,
+  FormValueChangeCallBk,
+} from "../../templates/DataEntryTemplates/DataEntryTypes";
+import { useTranslation } from "react-i18next";
+import { useSelector } from "react-redux";
+import { DATE_FORMAT, DATE_TIME_FORMAT } from "../../../util";
+
+const EntityParameterGrid: React.FC = () => {
+  const { t } = useTranslation();
+  const SystemParameterTypes = useSelector(
+    (state: any) => state.commonStores.stores.SystemParameterTypes.data,
+  );
+  const [data, setData] = useState([]);
+  const apiActions = useApiActions({
+    commonStoreKey: "SystemEntityParameters",
+    deleteById: "api/v1/dev/entityparameter",
+    save: "api/v1/dev/entityparameter",
+    findById: "api/v1/dev/entityparameter",
+    setData: setData,
+  });
+
+  const SystemDataQueries = useSelector(
+    (state: any) => state.commonStores.stores.SystemDataQueries.data,
+  );
+  const adjustFormAccordingFormValues: FormValueChangeCallBk = (
+    formValues: any,
+    formActions,
+    formManager,
+    fieldName,
+    newValue,
+    selectedRecord,
+  ) => {
+    if (fieldName) {
+      if (fieldName === "parameterType") {
+        if (newValue === "combobox") {
+          formManager.setValue("parameterValueFormat", null);
+          formActions.showField("parameterDataQueryId");
+          formActions.showField("parameterDataset");
+          formActions.showField("parameterDisplayField");
+          formActions.showField("comboboxValueDataType");
+          formActions.showField("parameterValueField");
+          formActions.hideField("parameterValueFormat");
+        } else {
+          formActions.hideField("parameterDataQueryId");
+          formActions.hideField("parameterDataset");
+          formActions.hideField("parameterDisplayField");
+          formActions.hideField("parameterValueField");
+          formActions.hideField("comboboxValueDataType");
+        }
+        if (newValue === "date" || newValue === "datetime") {
+          formActions.showField("parameterValueFormat");
+          if (newValue === "date") {
+            formManager.setValue("parameterValueFormat", DATE_FORMAT);
+          } else {
+            formManager.setValue("parameterValueFormat", DATE_TIME_FORMAT);
+          }
+        } else {
+          formActions.hideField("parameterValueFormat");
+          formManager.setValue("parameterValueFormat", null);
+        }
+      } else if (fieldName == "parameterDataQueryId") {
+        if (newValue != null && newValue != "") {
+          formManager.setValue("parameterDataset", null);
+          formActions.hideField("parameterDataset");
+        } else {
+          formActions.showField("parameterDataset");
+        }
+      } else if (fieldName == "parameterDataset") {
+        if (newValue != null && newValue != "") {
+          formManager.setValue("parameterDataQueryId", null);
+          formActions.hideField("parameterDataQueryId");
+        } else {
+          formActions.showField("parameterDataQueryId");
+        }
+      }
+    } else {
+      if (formValues?.parameterType === "combobox") {
+        formManager.setValue("parameterValueFormat", null);
+        formActions.showField("parameterDataQueryId");
+        formActions.showField("parameterDataset");
+        formActions.showField("parameterDisplayField");
+        formActions.showField("parameterValueField");
+        formActions.hideField("parameterValueFormat");
+      } else if (formValues?.parameterType === "date") {
+        formActions.hideField("parameterDataQueryId");
+        formActions.hideField("parameterDataset");
+        formActions.hideField("parameterDisplayField");
+        formActions.hideField("parameterValueField");
+        formActions.showField("parameterValueFormat");
+        formManager.setValue("parameterValueFormat", DATE_FORMAT);
+      } else if (formValues?.parameterType === "datetime") {
+        formActions.hideField("parameterDataQueryId");
+        formActions.hideField("parameterDataset");
+        formActions.hideField("parameterDisplayField");
+        formActions.hideField("parameterValueField");
+        formActions.showField("parameterValueFormat");
+        formManager.setValue("parameterValueFormat", DATE_TIME_FORMAT);
+      } else {
+        formManager.setValue("parameterValueFormat", null);
+        formActions.hideField("parameterDataQueryId");
+        formActions.hideField("parameterDataset");
+        formActions.hideField("parameterDisplayField");
+        formActions.hideField("parameterValueField");
+        formActions.hideField("parameterValueFormat");
+      }
+    }
+  };
+
+  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: "ENTITY_PARAMETER_PARAMETER_CODE",
+        fieldName: "parameterCode",
+        required: true,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ENTITY_PARAMETER_PARAMETER_LABEL",
+        fieldName: "parameterLabel",
+        required: true,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ENTITY_PARAMETER_PARAMETER_TYPE",
+        fieldName: "parameterType",
+        required: true,
+        fieldType: "combobox",
+        options: SystemParameterTypes,
+        comboboxValueDataType: "string",
+        optionDisplayField: "value",
+        optionValueField: "value",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ENTITY_PARAMETER_PARAMETER_DATA_QUERY_ID",
+        fieldName: "parameterDataQueryId",
+        hidden: true,
+        required: false,
+        fieldType: "combobox",
+        options: SystemDataQueries,
+        optionDisplayField: "queryName",
+        optionValueField: "id",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ENTITY_PARAMETER_PARAMETER_DATASET",
+        fieldName: "parameterDataset",
+        hidden: true,
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ENTITY_PARAMETER_PARAMETER_DISPLAY_FIELD",
+        fieldName: "parameterDisplayField",
+        hidden: true,
+        required: false,
+        fieldType: "text",
+      },
+    },
+
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ENTITY_PARAMETER_PARAMETER_VALUE_FIELD",
+        fieldName: "parameterValueField",
+        hidden: true,
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "Value Type",
+        fieldName: "comboboxValueDataType",
+        fieldType: "combobox",
+        options: [{ value: "string" }, { value: "number" }],
+        comboboxValueDataType: "string",
+        optionDisplayField: "value",
+        optionValueField: "value",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ENTITY_PARAMETER_PARAMETER_VALUE_FORMAT",
+        fieldName: "parameterValueFormat",
+        required: false,
+        hidden: true,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ENTITY_PARAMETER_ENABLED",
+        fieldName: "enabled",
+        required: false,
+        fieldType: "checkbox",
+      },
+    },
+  ];
+
+  return (
+    <TemplateGrid
+      apiActions={apiActions}
+      data={data}
+      setData={setData}
+      editMode={{
+        editMode: "modal",
+        specs: {
+          modalTitle: "Entity Parameter",
+          modalIcon: "p",
+          modalWidth: 300,
+        },
+      }}
+      formElements={formElements}
+      keyColumnName={"id"}
+      gridTitle={t("ENTITY_PARAMETER_PLURAL")}
+      girdIcon="p"
+      formProps={{ formValuesChangeCallBk: adjustFormAccordingFormValues }}
+      editAction={{ isEnabled: true, authority: "ENTITY_PARAMETER_EDIT" }}
+      deleteAction={{ isEnabled: true, authority: "ENTITY_PARAMETER_DELETE" }}
+    />
+  );
+};
+
+export default EntityParameterGrid;