impaktapps-ui-builder 0.0.963-CopyComponent.1 → 0.0.963-CopyComponent.11

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[4].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

@@ -102,29 +102,42 @@ export default (funcParams: funcParamsProps) => {
       store.updateDialog("popUpPageMasterEvent");
     },
 
-    CopyComponent: function(){
-      const rowId = dynamicData.path.split(".")[1];
-      const path = store.searchParams?.get("path");
-      const id = store.searchParams?.get("id");
 
-      const formData = getFormdataFromSessionStorage(path);
-      sessionStorage.setItem('copiedComponent',formData);
+    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 formData =  getFormdataFromSessionStorage(updatedPath)
-      const insertComponentPath = formData.elements.length;
+    // 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 finalPath = `${updatedPath}.elements[${insertComponentPath}]`;
 
-      const copiedData = sessionStorage.getItem('copiedComponent');
-      saveFormdataInSessionStorage(copiedData, finalPath);
-      sessionStorage.removeItem('copiedComponent')
+    //   // const copiedData = sessionStorage.getItem('copiedComponent');
+    //   const copiedData = JSON.parse(sessionStorage.getItem("copiedComponent"));
+    //   saveFormdataInSessionStorage(copiedData, finalPath);
+    //   sessionStorage.removeItem('copiedComponent');
 
-    }
+    //   this.setPage();
+    // }
   }
 };