impaktapps-ui-builder 0.0.382-alpha.1 → 0.0.382-alpha.1000

package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts

@@ -159,72 +159,74 @@ export const PageMasterUiSchema: any = {
                 },
               },
             },
-        {
-          type: "Control",
-          scope: "#/properties/elements",
-          options: {
-            widget: "Table",
-          },
-          config: {
-            main: {
-              disableAction: true,
-              disableSelection: true,
-              enableDrag: true,
-            }
-          },
-          elements: [
             {
-              accessorKey: "name",
+              type: "Control",
+              scope: "#/properties/elements",
+              options: {
+                widget: "Table",
+              },
+              config: {
+                main: {
+                  disableAction: true,
+                  disableSelection: true,
+                  enableDrag: true,
+                }
+              },
+              elements: [
+                {
+                  accessorKey: "name",
 
-              header: "Name",
-            },
-            {
-              accessorKey: "type",
+                  header: "Name",
+                },
+                {
+                  accessorKey: "type",
 
-              header: "Type",
-            },
-            {
-              header: "Edit",
-              field: "Reject_Records",
-              flex: 1,
-              widget: {
-                type: "Control",
-                scope: "#/properties/RejectButton",
-                options: {
-                  widget: "IconButton",
+                  header: "Type",
                 },
-                config: {
-                  main: {
-                    icon: "EditIcon",
-                    color: "primary",
-                    onClick: "Edit_Components",
-                    tooltipMessage: "Edit This Record",
+                {
+                  header: "Edit",
+                  field: "Reject_Records",
+                  flex: 1,
+                  widget: {
+                    type: "Control",
+                    scope: "#/properties/RejectButton",
+                    options: {
+                      widget: "IconButton",
+                    },
+                    config: {
+                      main: {
+                        icon: "EditIcon",
+                        color: "primary",
+                        onClick: "Edit_Components",
+                        tooltipMessage: "Edit This Record",
+                      },
+                    },
                   },
                 },
-              },
-            },
-            {
-              header: "Delete",
-              field: "Reject_Records",
-              flex: 1,
-              widget: {
-                type: "Control",
-                scope: "#/properties/RejectButton",
-                options: {
-                  widget: "IconButton",
-                },
-                config: {
-                  main: {
-                    icon: "RejectIcon",
-                    color: "error",
-                    onClick: "Delete_Components",
-                    tooltipMessage: "Reject This Record",
+                {
+                  header: "Delete",
+                  field: "Reject_Records",
+                  flex: 1,
+                  widget: {
+                    type: "Control",
+                    scope: "#/properties/RejectButton",
+                    options: {
+                      widget: "IconButton",
+                    },
+                    config: {
+                      main: {
+                        icon: "RejectIcon",
+                        color: "error",
+                        onClick: "deletePopUpComponent",
+                        tooltipMessage: "Reject This Record",
+                      },
+                    },
                   },
-                },
-              },
-            }
+                }
+              ]
+            },
           ]
-        }]},
+        },
         {
           type: "WrapperLayout",
           config: {
@@ -339,7 +341,7 @@ export const PageMasterUiSchema: any = {
                         icon: "RejectIcon",
                         color: "error",
                         tooltipMessage: "Reject This Record",
-                        onClick: "deleteEvent",
+                        onClick: "deletePopUpEvent",
                       },
                     },
                   },
@@ -350,6 +352,181 @@ export const PageMasterUiSchema: any = {
         
       ],
     },
+
+    {
+      type: "Control",
+      scope: "#/properties/popUpPageMasterEvent",
+      options: {
+        widget: "PopUp"
+      },
+      config: {
+        layout: {
+          xs: 12,
+          sm: 12,
+          md: 12,
+          lg: 12,
+        },
+        main: {
+        },
+      },
+      elements:
+        [
+          {
+            type: "Control",
+            scope: "#/properties/label",
+            options: {
+              widget: "Box",
+            },
+            config: {
+              layout: 12,
+              main: {
+                heading: "Are you sure you want to delete ?",
+              },
+              style:{
+                marginTop: "-40px"
+              }
+            },
+          },
+          {
+            type: "Control",
+            scope: "#/properties/EmptyBox",
+            options: {
+              widget: "EmptyBox",
+            },
+            config: {
+              main:{},
+              layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 },
+            },
+          },
+          {
+            type: "Control",
+            scope: "#/properties/ConfirmDeleteEventButton",
+            options: {
+              widget: "Button",
+            },
+            config: {
+              layout: 3,
+              main: {
+                name: "Yes",
+                startIcon: "ApproveIcon",
+                variant: "contained",
+                color: "info",
+                type: "text",
+                onClick: "deleteEvent",
+                size: "small",
+              },
+            },
+          },
+          {
+            type: "Control",
+            scope: "#/properties/CancelDeleteEventButton",
+            options: {
+              widget: "Button",
+            },
+            config: {
+              layout: 3,
+              main: {
+                name: "No",
+                startIcon: "ApproveIcon",
+                variant: "contained",
+                color: "info",
+                type: "text",
+                onClick: "deletePopUpEvent",
+                size: "small",
+              },
+            },
+          },
+        ]
+      },
+
+    {
+      type: "Control",
+      scope: "#/properties/popUpPageMasterComponent",
+      options: {
+        widget: "PopUp"
+      },
+      config: {
+        layout: {
+          xs: 12,
+          sm: 12,
+          md: 12,
+          lg: 12,
+        },
+        main: {
+        },
+      },
+      elements:
+        [
+          {
+            type: "Control",
+            scope: "#/properties/label",
+            options: {
+              widget: "Box",
+            },
+            config: {
+              layout: 12,
+              main: {
+                heading: "Are you sure you want to delete ?",
+              },
+              style:{
+                marginTop: "-40px"
+              }
+            },
+          },
+          {
+            type: "Control",
+            scope: "#/properties/EmptyBox",
+            options: {
+              widget: "EmptyBox",
+            },
+            config: {
+              main:{},
+              layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 },
+            },
+          },
+          {
+            type: "Control",
+            scope: "#/properties/ConfirmDeleteCompButton",
+            options: {
+              widget: "Button",
+            },
+            config: {
+              layout: 3,
+              main: {
+                name: "Yes",
+                startIcon: "ApproveIcon",
+                variant: "contained",
+                color: "info",
+                type: "text",
+                onClick: "Delete_Components",
+                size: "small",
+              },
+            },
+          },
+          {
+            type: "Control",
+            scope: "#/properties/CancelDeleteCompButton",
+            options: {
+              widget: "Button",
+            },
+            config: {
+              layout: 3,
+              main: {
+                name: "No",
+                startIcon: "ApproveIcon",
+                variant: "contained",
+                color: "info",
+                type: "text",
+                onClick: "deletePopUpComponent",
+                size: "small",
+              },
+            },
+          },
+        ]
+    },
+    
+    
+    
     {
       type: "Control",
       scope: "#/properties/btn",

package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts

@@ -228,7 +228,7 @@ export const EventUiSchema: any = {
                         icon: "RejectIcon",
                         color: "error",
                         tooltipMessage: "Reject This Record",
-                        onClick: "deleteEvent",
+                        onClick: "deletePopUpEvent",
                       },
                     },
                   },
@@ -238,6 +238,92 @@ export const EventUiSchema: any = {
         }
       ],
     },
+    {
+      type: "Control",
+      scope: "#/properties/popUpEvent",
+      options: {
+        widget: "PopUp"
+      },
+      config: {
+        layout: {
+          xs: 12,
+          sm: 12,
+          md: 12,
+          lg: 12,
+        },
+        main: {
+        },
+      },
+      elements:
+        [
+          {
+            type: "Control",
+            scope: "#/properties/label",
+            options: {
+              widget: "Box",
+            },
+            config: {
+              layout: 12,
+              main: {
+                heading: "Are you sure you want to delete ?",
+              },
+              style:{
+                marginTop: "-40px"
+              }
+            },
+          },
+          {
+            type: "Control",
+            scope: "#/properties/EmptyBox",
+            options: {
+              widget: "EmptyBox",
+            },
+            config: {
+              main:{},
+              layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 },
+            },
+          },
+          {
+            type: "Control",
+            scope: "#/properties/ConfirmDeleteEventButton",
+            options: {
+              widget: "Button",
+            },
+            config: {
+              layout: 3,
+              main: {
+                name: "Yes",
+                startIcon: "ApproveIcon",
+                variant: "contained",
+                color: "info",
+                type: "text",
+                onClick: "deleteEvent",
+                size: "small",
+              },
+            },
+          },
+          {
+            type: "Control",
+            scope: "#/properties/CancelDeleteEventButton",
+            options: {
+              widget: "Button",
+            },
+            config: {
+              layout: 3,
+              main: {
+                name: "No",
+                startIcon: "ApproveIcon",
+                variant: "contained",
+                color: "info",
+                type: "text",
+                onClick: "deletePopUpEvent",
+                size: "small",
+              },
+            },
+          },
+        ]
+      },
+
     {
       type: "Control",
       scope: "#/properties/proc",

package/src/impaktapps-ui-builder/builder/services/component.ts

@@ -104,20 +104,28 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
         store.navigate(`/Component?path=${`elements[${rowId}]`}&id=${id}`)
       }
     },
-    deleteComponents: function () {
+    deleteComponents: function (shouldUpdateDialog: boolean = true) {
       const path = store.searchParams?.get("path");
-      const rowId = dynamicData.path.split(".")[1];
+      const rowId = localStorage.getItem('rowId');
       store.formData.elements.splice(rowId, 1);
       const response = saveFormdataInLocalStorage(store.ctx.core.data, path)
       const data = path ? _.get(response, path) : response;
       store.setFormdata(data);
+      if(shouldUpdateDialog){
+        store.updateDialog("popUpComponentSection");
+      }
+      localStorage.removeItem('rowId');
     },
-    deleteEvent: function () {
+    deleteEvent: function (shouldUpdateDialog: boolean = true) {
       const path = store.searchParams?.get("path");
-      const rowId = dynamicData.path.split(".")[1];
+      const rowId = localStorage.getItem('rowId');
       store.formData.events.splice(rowId, 1);
       const response = saveFormdataInLocalStorage(store.ctx.core.data, path)
       store.setFormdata(_.get(response, path));
+      if(shouldUpdateDialog){
+        store.updateDialog("popUpEventSection")
+      }
+      localStorage.removeItem('rowId');
     },
     widgetAddClickHandler: function () {
       if (!Array.isArray(store.formData.elements)) {
@@ -152,6 +160,16 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
     backHandler: function () {
       store.navigate(-1)
     },
+    deletePopUpComponent: function(){
+      const rowId = dynamicData.path.split(".")[1];
+      localStorage.setItem('rowId',rowId);
+      store.updateDialog("popUpComponentSection");
+    },
+    deletePopUpEvent: function(){
+      const rowId = dynamicData.path.split(".")[1];
+      localStorage.setItem('rowId',rowId);
+      store.updateDialog("popUpEventSection");
+    },
   }
 };
 

package/src/impaktapps-ui-builder/builder/services/event.ts

@@ -89,9 +89,17 @@ export default (
       this.setPage()
 
     },
-    deleteEvent: Component(store, dynamicData, submitHandler, service).deleteEvent,
+    deleteEvent: async function () {
+      await Component(store, dynamicData, submitHandler, service).deleteEvent(false);
+      store.updateDialog("popUpEvent");
+    },
     backHandler: function () {
       store.navigate(-1)
     },
+    deletePopUpEvent: function(){
+      const rowId = dynamicData.path.split(".")[1];
+      localStorage.setItem('rowId',rowId);
+      store.updateDialog("popUpEvent");
+    }
   }
 };

package/src/impaktapps-ui-builder/builder/services/pageMaster.ts

@@ -55,7 +55,11 @@ export default (funcParams: funcParamsProps) => {
     },
     saveHandler: async ()=> await saveHandler(store,service,submitHandler),
     Edit_Components: Component(store, dynamicData, submitHandler, service).editComponents,
-    Delete_Components: Component(store, dynamicData, submitHandler, service).deleteComponents,
+    
+    Delete_Components: async function() {
+      await Component(store, dynamicData, submitHandler, service).deleteComponents(false);
+      store.updateDialog("popUpPageMasterComponent");
+    },
     eventAddHandler: function () {
       const id = store.searchParams?.get("id");
       if (!Array.isArray(store.formData.events)) {
@@ -73,10 +77,22 @@ export default (funcParams: funcParamsProps) => {
       store.navigate(`/ComponentEvents?path=${finalPath}&id=${id}`)
     },
     deleteEvent: function () {
-      const rowId = dynamicData.path.split(".")[1];
+      const rowId = localStorage.getItem('rowId');
       store.formData.events.splice(rowId, 1);
       const response = saveFormdataInLocalStorage(store.ctx.core.data)
       store.setFormdata(response);
+      store.updateDialog("popUpPageMasterEvent");
+      localStorage.removeItem('rowId');
+    },
+    deletePopUpComponent: function(){
+      const rowId = dynamicData.path.split(".")[1];
+      localStorage.setItem('rowId',rowId);
+      store.updateDialog("popUpPageMasterComponent");
+    },
+    deletePopUpEvent: function(){
+      const rowId = dynamicData.path.split(".")[1];
+      localStorage.setItem('rowId',rowId);
+      store.updateDialog("popUpPageMasterEvent");
     },
   }
 };

package/src/impaktapps-ui-builder/runtime/services/service.ts

@@ -73,13 +73,12 @@ export default (funcParams: funcParamsProps) => {
         serviceHolder: this, eventGroups
       }
       funcParams.store.setSchema(
-        // (pre: any) => {
-        //   return {
-        //     ...funcParams.schema, properties:
-        //       { ...funcParams.schema.properties, ...pre.properties, }
-        //   }
-        // }
-        funcParams.schema
+        (pre: any) => {
+          return {
+            ...funcParams.schema, properties:
+              { ...funcParams.schema.properties, ...pre.properties, }
+          }
+        }
       )
       funcParams.uiSchema.elements.push(notifyUiSchema);
       funcParams.store.setUiSchema(funcParams.uiSchema);