@asaleh37/ui-base 25.6.2-0.4 → 25.6.17-1

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

@@ -1,222 +1,222 @@
-import { useState } from "react";
-import TemplateGrid from "../../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
-import useApiActions from "../../templates/DataEntryTemplates/useApiActions";
-import { FormElementProps } from "../../templates/DataEntryTemplates/DataEntryTypes";
-import { useTranslation } from "react-i18next";
-
-const NotificationQueueGrid: React.FC = () => {
-	const { t } = useTranslation();
-	const [data, setData] = useState([]);
-    const apiActions = useApiActions({
-    	findAll: "api/v1/dev/notificationqueue/all",
-    	deleteById: "api/v1/dev/notificationqueue",
-    	save: "api/v1/dev/notificationqueue",
-		findById: "api/v1/dev/notificationqueue",
-    	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_QUEUE_IS_NOTIFIED",
-        				fieldName: "isNotified",
-        				required: false,
-        				fieldType: "checkbox",
-      				},
-    			},
-					    										{
-      				type: "field",
-      				mode: "props",
-      				props: {
-        				fieldLabel: "NOTIFICATION_QUEUE_NOTIFIED_TIME",
-        				fieldName: "notifiedTime",
-        				required: false,
-        				fieldType: "datetime",
-      				},
-    			},
-					    										{
-      				type: "field",
-      				mode: "props",
-      				props: {
-        				fieldLabel: "NOTIFICATION_QUEUE_SYSTEM_APPLICATION_ID",
-        				fieldName: "systemApplicationId",
-        				required: false,
-        				fieldType: "number",
-      				},
-    			},
-					    						    			{
-      				type: "field",
-      				mode: "props",
-      				props: {
-        				fieldLabel: "NOTIFICATION_QUEUE_USERNAME",
-        				fieldName: "username",
-        				required: false,
-        				fieldType: "text",
-      				},
-    			},			
-					    						    			{
-      				type: "field",
-      				mode: "props",
-      				props: {
-        				fieldLabel: "NOTIFICATION_QUEUE_NOTIFICATION_ACTION",
-        				fieldName: "notificationAction",
-        				required: false,
-        				fieldType: "text",
-      				},
-    			},			
-					    						    			{
-      				type: "field",
-      				mode: "props",
-      				props: {
-        				fieldLabel: "NOTIFICATION_QUEUE_NOTIFICATION_ACTION_PAYLOAD",
-        				fieldName: "notificationActionPayload",
-        				required: false,
-        				fieldType: "text",
-      				},
-    			},			
-					    						    			{
-      				type: "field",
-      				mode: "props",
-      				props: {
-        				fieldLabel: "NOTIFICATION_QUEUE_NOTIFICATION_AR_TEXT",
-        				fieldName: "notificationArText",
-        				required: false,
-        				fieldType: "text",
-      				},
-    			},			
-					    						    			{
-      				type: "field",
-      				mode: "props",
-      				props: {
-        				fieldLabel: "NOTIFICATION_QUEUE_NOTIFICATION_EN_TEXT",
-        				fieldName: "notificationEnText",
-        				required: false,
-        				fieldType: "text",
-      				},
-    			},			
-					    						    			{
-      				type: "field",
-      				mode: "props",
-      				props: {
-        				fieldLabel: "NOTIFICATION_QUEUE_NOTIFICATION_ICON",
-        				fieldName: "notificationIcon",
-        				required: false,
-        				fieldType: "text",
-      				},
-    			},			
-					    						    			{
-      				type: "field",
-      				mode: "props",
-      				props: {
-        				fieldLabel: "NOTIFICATION_QUEUE_NOTIFICATION_ICON_COLOR",
-        				fieldName: "notificationIconColor",
-        				required: false,
-        				fieldType: "text",
-      				},
-    			},			
-					    										{
-      				type: "field",
-      				mode: "props",
-      				props: {
-        				fieldLabel: "NOTIFICATION_QUEUE_NOTIFICATION_ID",
-        				fieldName: "notificationId",
-        				required: false,
-        				fieldType: "number",
-      				},
-    			},
-					    						    			{
-      				type: "field",
-      				mode: "props",
-      				props: {
-        				fieldLabel: "NOTIFICATION_QUEUE_NOTIFICATION_TEXT_COLOR",
-        				fieldName: "notificationTextColor",
-        				required: false,
-        				fieldType: "text",
-      				},
-    			},			
-					    		];
-
-	return (
-    	<TemplateGrid
-      		apiActions={apiActions}
-      		data={data}
-      		setData={setData}
-      		editMode={{ editMode: "row"}}
-      		formElements={formElements}
-			keyColumnName={"id"}
-      		gridTitle={t("NOTIFICATION_QUEUE_PLURAL")}
-      		girdIcon="table-cells"
-      		editAction={{ isEnabled: true, authority: "NOTIFICATION_QUEUE_EDIT" }}
-      		deleteAction={{ isEnabled: true, authority: "NOTIFICATION_QUEUE_DELETE" }}
-    	/>
-  );
-};
-
-export default NotificationQueueGrid;
+import { useState } from "react";
+import TemplateGrid from "../../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
+import useApiActions from "../../templates/DataEntryTemplates/useApiActions";
+import { FormElementProps } from "../../templates/DataEntryTemplates/DataEntryTypes";
+import { useTranslation } from "react-i18next";
+
+const NotificationQueueGrid: React.FC = () => {
+	const { t } = useTranslation();
+	const [data, setData] = useState([]);
+    const apiActions = useApiActions({
+    	findAll: "api/v1/dev/notificationqueue/all",
+    	deleteById: "api/v1/dev/notificationqueue",
+    	save: "api/v1/dev/notificationqueue",
+		findById: "api/v1/dev/notificationqueue",
+    	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_QUEUE_IS_NOTIFIED",
+        				fieldName: "isNotified",
+        				required: false,
+        				fieldType: "checkbox",
+      				},
+    			},
+					    										{
+      				type: "field",
+      				mode: "props",
+      				props: {
+        				fieldLabel: "NOTIFICATION_QUEUE_NOTIFIED_TIME",
+        				fieldName: "notifiedTime",
+        				required: false,
+        				fieldType: "datetime",
+      				},
+    			},
+					    										{
+      				type: "field",
+      				mode: "props",
+      				props: {
+        				fieldLabel: "NOTIFICATION_QUEUE_SYSTEM_APPLICATION_ID",
+        				fieldName: "systemApplicationId",
+        				required: false,
+        				fieldType: "number",
+      				},
+    			},
+					    						    			{
+      				type: "field",
+      				mode: "props",
+      				props: {
+        				fieldLabel: "NOTIFICATION_QUEUE_USERNAME",
+        				fieldName: "username",
+        				required: false,
+        				fieldType: "text",
+      				},
+    			},			
+					    						    			{
+      				type: "field",
+      				mode: "props",
+      				props: {
+        				fieldLabel: "NOTIFICATION_QUEUE_NOTIFICATION_ACTION",
+        				fieldName: "notificationAction",
+        				required: false,
+        				fieldType: "text",
+      				},
+    			},			
+					    						    			{
+      				type: "field",
+      				mode: "props",
+      				props: {
+        				fieldLabel: "NOTIFICATION_QUEUE_NOTIFICATION_ACTION_PAYLOAD",
+        				fieldName: "notificationActionPayload",
+        				required: false,
+        				fieldType: "text",
+      				},
+    			},			
+					    						    			{
+      				type: "field",
+      				mode: "props",
+      				props: {
+        				fieldLabel: "NOTIFICATION_QUEUE_NOTIFICATION_AR_TEXT",
+        				fieldName: "notificationArText",
+        				required: false,
+        				fieldType: "text",
+      				},
+    			},			
+					    						    			{
+      				type: "field",
+      				mode: "props",
+      				props: {
+        				fieldLabel: "NOTIFICATION_QUEUE_NOTIFICATION_EN_TEXT",
+        				fieldName: "notificationEnText",
+        				required: false,
+        				fieldType: "text",
+      				},
+    			},			
+					    						    			{
+      				type: "field",
+      				mode: "props",
+      				props: {
+        				fieldLabel: "NOTIFICATION_QUEUE_NOTIFICATION_ICON",
+        				fieldName: "notificationIcon",
+        				required: false,
+        				fieldType: "text",
+      				},
+    			},			
+					    						    			{
+      				type: "field",
+      				mode: "props",
+      				props: {
+        				fieldLabel: "NOTIFICATION_QUEUE_NOTIFICATION_ICON_COLOR",
+        				fieldName: "notificationIconColor",
+        				required: false,
+        				fieldType: "text",
+      				},
+    			},			
+					    										{
+      				type: "field",
+      				mode: "props",
+      				props: {
+        				fieldLabel: "NOTIFICATION_QUEUE_NOTIFICATION_ID",
+        				fieldName: "notificationId",
+        				required: false,
+        				fieldType: "number",
+      				},
+    			},
+					    						    			{
+      				type: "field",
+      				mode: "props",
+      				props: {
+        				fieldLabel: "NOTIFICATION_QUEUE_NOTIFICATION_TEXT_COLOR",
+        				fieldName: "notificationTextColor",
+        				required: false,
+        				fieldType: "text",
+      				},
+    			},			
+					    		];
+
+	return (
+    	<TemplateGrid
+      		apiActions={apiActions}
+      		data={data}
+      		setData={setData}
+      		editMode={{ editMode: "row"}}
+      		formElements={formElements}
+			keyColumnName={"id"}
+      		gridTitle={t("NOTIFICATION_QUEUE_PLURAL")}
+      		girdIcon="table-cells"
+      		editAction={{ isEnabled: true, authority: "NOTIFICATION_QUEUE_EDIT" }}
+      		deleteAction={{ isEnabled: true, authority: "NOTIFICATION_QUEUE_DELETE" }}
+    	/>
+  );
+};
+
+export default NotificationQueueGrid;