impaktapps-ui-builder 0.0.962 → 0.0.963-CopyComponent.10

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

@@ -127,6 +127,30 @@ export const PageMasterUiSchema: any = (theme) => {
                         },
                       }
                     },
+
+                    {
+                      widget: {
+                        type: "Control",
+                        scope: "#/properties/Paste_Icon",
+
+                        options: {
+                          widget: "IconButton",
+                        },
+                        config: {
+                          main: {
+                            // color: "info",
+                            onClick: "PasteComponent",
+                            size: "small",
+                            icon: "SendIcon",
+                            iconLabel: "Paste",
+                            styleDefault: true,
+                          },
+                          style: {
+                            mt: "6px",
+                          },
+                        },
+                      }
+                    },
                   ]
                 },
                 disableAction: true,
@@ -187,7 +211,30 @@ export const PageMasterUiSchema: any = (theme) => {
                     },
                   },
                 },
-              }
+              },
+
+              {
+                header: "Copy",
+                field: "Copy_Component",
+                flex: 1,
+                widget: {
+                  type: "Control",
+                  scope: "#/properties/CopyComponent",
+                  options: {
+                    widget: "IconButton",
+                  },
+                  config: {
+                    main: {
+                      icon: "FileCopyIcon",
+                      // color: "error",
+                      onClick: "CopyComponent",
+                      styleDefault: true,
+                    },
+                  },
+                },
+              },
+
+            
             ]
           },
           {
@@ -223,6 +270,30 @@ export const PageMasterUiSchema: any = (theme) => {
                         },
                       }
                     },
+
+                    {
+                      widget: {
+                        type: "Control",
+                        scope: "#/properties/Paste_Icon",
+
+                        options: {
+                          widget: "IconButton",
+                        },
+                        config: {
+                          main: {
+                            // color: "info",
+                            onClick: "PasteEvent",
+                            size: "small",
+                            icon: "SendIcon",
+                            iconLabel: "Paste",
+                            styleDefault: true,
+                          },
+                          style: {
+                            mt: "6px",
+                          },
+                        },
+                      }
+                    },
                   ]
                 },
 
@@ -284,6 +355,28 @@ export const PageMasterUiSchema: any = (theme) => {
                   },
                 },
               },
+
+              
+              {
+                header: "Copy",
+                field: "Copy_Event",
+                flex: 1,
+                widget: {
+                  type: "Control",
+                  scope: "#/properties/CopyEvent",
+                  options: {
+                    widget: "IconButton",
+                  },
+                  config: {
+                    main: {
+                      icon: "FileCopyIcon",
+                      // color: "error",
+                      onClick: "CopyEvent",
+                      styleDefault: true,
+                    },
+                  },
+                },
+              },
             ]
             // }]
           },

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

@@ -106,6 +106,30 @@ export const EventUiSchema: any = (theme) => {
                         },
                       }
                     },
+
+                    {
+                      widget: {
+                        type: "Control",
+                        scope: "#/properties/Paste_Icon",
+    
+                        options: {
+                          widget: "IconButton",
+                        },
+                        config: {
+                          main: {
+                            // color: "info",
+                            onClick: "PasteEvent",
+                            size: "small",
+                            icon: "SendIcon",
+                            iconLabel: "Paste",
+                            styleDefault: true,
+                          },
+                          style: {
+                            mt: "6px",
+                          },
+                        },
+                      }
+                    },
                   ]
                 },
                 disableAction: true,
@@ -166,6 +190,27 @@ export const EventUiSchema: any = (theme) => {
                   },
                 },
               },
+
+              {
+                header: "Copy",
+                field: "Copy_Event",
+                flex: 1,
+                widget: {
+                  type: "Control",
+                  scope: "#/properties/CopyEvent",
+                  options: {
+                    widget: "IconButton",
+                  },
+                  config: {
+                    main: {
+                      icon: "FileCopyIcon",
+                      // color: "error",
+                      onClick: "CopyEvent",
+                      styleDefault: true,
+                    },
+                  },
+                },
+              },
             ]
             // }]
           }

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

@@ -1,4 +1,4 @@
-import _ from "lodash";
+import _, { cloneDeep } from "lodash";
 import { ComponentSchema } from "../elements/UiSchema/Component/schema";
 import { componentBasicUiSchema } from "../elements/UiSchema/Component/uiSchema";
 import { CoreSection } from "../build/uischema/coreSection";
@@ -172,5 +172,154 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
       sessionStorage.setItem('rowId',rowId);
       store.updateDialog("popUpEventSection");
     },
+
+
+    CopyComponent: function(){
+      const schema = cloneDeep(store.schema);
+      const uiSchema = cloneDeep(store.uiSchema);
+      // schema.properties.CopyComponent.disabled = true;
+       
+
+      
+      const rowId = dynamicData.path.split(".")[1];
+      const parentPathOfCopiedComponent = store.searchParams?.get("path");
+      const copiedComponentPath = parentPathOfCopiedComponent ? `${parentPathOfCopiedComponent}.elements[${rowId}]`  : `elements[${rowId}]`;
+
+      
+      const formData = getFormdataFromSessionStorage(copiedComponentPath);
+
+      uiSchema.elements[5].config.main.heading = formData.name;
+
+
+      sessionStorage.setItem('copiedConfig',JSON.stringify(formData));
+
+      // store.setSchema(schema);
+      store.setUiSchema(uiSchema);
+    },
+
+    PasteComponent: function(){
+      // const schema = cloneDeep(store.schema);
+
+      const path = store.searchParams?.get("path");
+      const formData =  getFormdataFromSessionStorage(path)
+      const insertComponentPath = formData.elements.length;
+      const finalPath = `${path}.elements[${insertComponentPath}]`;
+      const copiedData = JSON.parse(sessionStorage.getItem("copiedConfig"));
+      if(!copiedData.elements){
+        store.setNotify({
+          FailMessage: "Pasting not Valid",
+          Fail: true,
+        });
+      }
+      else{
+        saveFormdataInSessionStorage(copiedData, finalPath);
+        sessionStorage.removeItem('copiedConfig');
+
+        // schema.properties.CopyComponent.disabled = false;
+
+        this.setPage();
+      }
+    },
+
+
+    CopyEvent: function(){
+      const rowId = dynamicData.path.split(".")[1];
+      const path = store.searchParams?.get("path");
+      const updatedPath = path ? `${path}.events[${rowId}]`  : `events[${rowId}]`;
+
+      const formData = getFormdataFromSessionStorage(updatedPath);
+      sessionStorage.setItem('copiedConfig',JSON.stringify(formData));
+    },
+
+    PasteEvent: function(){
+      const path = store.searchParams?.get("path");
+      const formData =  getFormdataFromSessionStorage(path)
+      const insertComponentPath = formData.events.length;
+
+      const finalPath = `${path}.events[${insertComponentPath}]`;
+
+      const copiedData = JSON.parse(sessionStorage.getItem("copiedConfig"));
+      if(!copiedData.events){
+        store.setNotify({
+          FailMessage: "Pasting not Valid",
+          Fail: true,
+        });
+      }
+      else{
+        saveFormdataInSessionStorage(copiedData, finalPath);
+        sessionStorage.removeItem('copiedConfig');
+        this.setPage();
+      }
+    }
+
+
+
+
+
+
+
+
+    // CopyComponent: function(){
+    //   const rowId = dynamicData.path.split(".")[1];
+    //   const path = store.searchParams?.get("path");
+    
+    //   // const updatedPath = `${path}.elements[${rowId}]`;
+    //   const updatedPath = path ? `${path}.elements[${rowId}]`  : `elements[${rowId}]`;
+
+    //   const formData = getFormdataFromSessionStorage(updatedPath);
+    //   // sessionStorage.setItem('copiedComponent',formData);
+    //   sessionStorage.setItem('copiedComponent',JSON.stringify(formData));
+
+    // },
+    
+    // PasteComponent: function(){
+    //   const path = store.searchParams?.get("path");
+    //   const rowId = dynamicData.path.split(".")[1];
+    //   // const updatedPath = `${path}.elements[${rowId}]`;
+    //   const updatedPath = path ? `${path}.elements[${rowId}]`  : `elements[${rowId}]`;
+    //   const formData =  getFormdataFromSessionStorage(updatedPath)
+    //   const insertComponentPath = formData.elements.length;
+
+    //   const finalPath = `${updatedPath}.elements[${insertComponentPath}]`;
+
+    //   // const copiedData = sessionStorage.getItem('copiedComponent');
+    //   const copiedData = JSON.parse(sessionStorage.getItem("copiedComponent"));
+    //   saveFormdataInSessionStorage(copiedData, finalPath);
+    //   sessionStorage.removeItem('copiedComponent');
+    //   this.setPage();
+
+    // },
+
+    
+
+    // CopyEvent: function(){
+    //   const rowId = dynamicData.path.split(".")[1];
+    //   const path = store.searchParams?.get("path");
+    
+    //   // const updatedPath = `${path}.elements[${rowId}]`;
+    //   const updatedPath = path ? `${path}.events[${rowId}]`  : `events[${rowId}]`;
+
+    //   const formData = getFormdataFromSessionStorage(updatedPath);
+    //   // sessionStorage.setItem('copiedComponent',formData);
+    //   sessionStorage.setItem('copiedComponent',JSON.stringify(formData));
+    // },
+
+    // PasteEvent: function(){
+    //   const path = store.searchParams?.get("path");
+    //   const rowId = dynamicData.path.split(".")[1];
+    //   // const updatedPath = `${path}.elements[${rowId}]`;
+    //   const updatedPath = path ? `${path}.elements[${rowId}]`  : `elements[${rowId}]`;
+    //   const formData =  getFormdataFromSessionStorage(updatedPath)
+    //   const insertComponentPath = formData.elements.length;
+
+    //   const finalPath = `${updatedPath}.events[${insertComponentPath}]`;
+
+    //   // const copiedData = sessionStorage.getItem('copiedComponent');
+    //   const copiedData = JSON.parse(sessionStorage.getItem("copiedComponent"));
+    //   saveFormdataInSessionStorage(copiedData, finalPath);
+    //   sessionStorage.removeItem('copiedComponent');
+    //   this.setPage();
+    // }
+
   }
 };

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

@@ -1,7 +1,7 @@
 import { EventSchema } from "../elements/UiSchema/event/schema";
 import { EventUiSchema } from "../elements/UiSchema/event/uiSchema";
 import Component from "./component";
-import { okHandler, saveFormdataInSessionStorage, saveHandler } from "./utils";
+import { okHandler, saveFormdataInSessionStorage, saveHandler, getFormdataFromSessionStorage } from "./utils";
 import { APISection } from "../build/uischema/apiSection";
 import { getRadioInputField, getSelectField, getTextArea } from "../build/uischema/buildPropertiesSection";
 import { refreshSectionUiSchema } from "../build/uischema/refresh";
@@ -138,6 +138,30 @@ export default (
       const rowId = dynamicData.path.split(".")[1];
       sessionStorage.setItem('rowId',rowId);
       store.updateDialog("popUpEvent");
-    }
+    },
+
+    CopyEvent: Component(store, dynamicData, submitHandler, service).CopyEvent, 
+    PasteEvent: Component(store, dynamicData, submitHandler, service).PasteEvent, 
+
+    // CopyEvent: function(){
+    //   const rowId = dynamicData.path.split(".")[1];
+    //   const path = store.searchParams?.get("path");
+    //   const updatedPath = path ? `${path}.events[${rowId}]`  : `events[${rowId}]`;
+
+    //   const formData = getFormdataFromSessionStorage(updatedPath);
+    //   sessionStorage.setItem('copiedConfig',JSON.stringify(formData));
+    // },
+
+    // PasteEvent: function(){
+    //   const path = store.searchParams?.get("path");
+    //   const formData =  getFormdataFromSessionStorage(path)
+    //   const insertComponentPath = formData.events.length;
+
+    //   const finalPath = `${path}.events[${insertComponentPath}]`;
+    //   const copiedData = JSON.parse(sessionStorage.getItem("copiedConfig"));
+    //   saveFormdataInSessionStorage(copiedData, finalPath);
+    //   sessionStorage.removeItem('copiedConfig');
+    //   this.setPage();
+    // }
   }
 };

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

@@ -101,5 +101,43 @@ export default (funcParams: funcParamsProps) => {
       sessionStorage.setItem('rowId',rowId);
       store.updateDialog("popUpPageMasterEvent");
     },
+
+
+    CopyComponent:  Component(store, dynamicData, submitHandler, service).CopyComponent,
+
+    PasteComponent: Component(store, dynamicData, submitHandler, service).PasteComponent,
+
+    CopyEvent: Component(store, dynamicData, submitHandler, service).CopyEvent, 
+    PasteEvent: Component(store, dynamicData, submitHandler, service).PasteEvent, 
+
+
+    // CopyComponent: function(){
+    //   const rowId = dynamicData.path.split(".")[1];
+    //   const path = store.searchParams?.get("path");
+    //   const id = store.searchParams?.get("id");
+    //   const updatedPath = path ? `${path}.elements[${rowId}]`  : `elements[${rowId}]`;
+
+    //   const formData = getFormdataFromSessionStorage(updatedPath);
+    //   sessionStorage.setItem('copiedComponent',JSON.stringify(formData));
+
+    // },
+    
+    // PasteComponent: function(){
+    //   const path = store.searchParams?.get("path");
+    //   const rowId = dynamicData.path.split(".")[1];
+    //   // const updatedPath = `${path}.elements[${rowId}]`;
+    //   const updatedPath = path ? `${path}.elements[${rowId}]`  : `elements[${rowId}]`;
+    //   const formData =  getFormdataFromSessionStorage(updatedPath)
+    //   const insertComponentPath = formData.elements.length;
+
+    //   const finalPath = `${updatedPath}.elements[${insertComponentPath}]`;
+
+    //   // const copiedData = sessionStorage.getItem('copiedComponent');
+    //   const copiedData = JSON.parse(sessionStorage.getItem("copiedComponent"));
+    //   saveFormdataInSessionStorage(copiedData, finalPath);
+    //   sessionStorage.removeItem('copiedComponent');
+
+    //   this.setPage();
+    // }
   }
 };