impaktapps-ui-builder 0.0.412-mtreemap.3 → 0.0.412-mtreemap.31

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

@@ -1,6 +1,6 @@
 import _, { isEmpty } from "lodash";
 import { doDownload, downloadFile } from "./downloadFile";
-import { asyncOperation, executeEvents, executeRefreshHandler } from "./events";
+import { executeEvents, executeRefreshHandler } from "./events";
 import { handlersProps } from "./interface";
 let compType: string;
 let eventGroups: any = {};
@@ -89,6 +89,116 @@ export default (funcParams: funcParamsProps) => {
       }
       const config = pageData?.config;
       const uiSchema = pageData?.uiSchema;
+      window.localStorage.setItem("pageName", config.label);
+      window.dispatchEvent(new Event('pageNameChanged'))
+      const theme = funcParams?.store?.theme?.myTheme;
+      uiSchema.elements.push(
+
+        {
+          type: "HorizontalLayout",
+          config: {
+            main: {
+              direction: 'row'
+            },
+            style: {
+              flexDirection: "row",
+              position: "absolute",
+              bottom: 0,
+              marginBottom: '-8px',
+              height: 'fit-content',
+              overflow: 'hidden',
+              zIndex: 1000,
+              width: 'inherit'
+            }
+          },
+          elements: [
+            {
+
+              type: "Control",
+              scope: "#/properties/FooterText",
+              options: {
+                widget: "Box",
+              },
+              config: {
+                main: {
+                  heading: "Copywriter@ACT21.IO"
+                },
+                style: {
+                  color: theme?.palette?.text.disabled || "#AFAFAF",
+                  fontSize: '12px',
+                  textAlign: 'center',
+                  lineHeight: 1,
+                  width: 'fit-content',
+                  left: '50%',
+                  position: 'relative',
+                  margin: 0,
+                  flexGrow: 1,
+                  height: 0
+                }
+              },
+            },
+            {
+              type: "Control",
+              scope: "#/properties/backIcon",
+              options: {
+                widget: "Box",
+              },
+              config: {
+                main: {
+                  iconName: 'PrevIcon',
+                  onClick: "backHandler",
+                  width: 'fit-content',
+                },
+                style: {
+                  fill: theme.palette.primary.main,
+                  width: 20,
+                  height: 0,
+                  margin: 0,
+                  top: 0,
+                  right: '82px',
+                  position: 'absolute',
+                  fontSize: '12px',
+                  cursor: 'pointer',
+                  ':hover': {
+                    fill: theme.palette.primary.dark,
+                  }
+                }
+              }
+            },
+            {
+              type: "Control",
+              scope: "#/properties/text",
+
+              options: {
+                widget: "Box",
+              },
+              config: {
+                main: {
+                  heading: "Previous Page",
+                  onClick: "backHandler"
+                },
+                style: {
+                  textAlign: 'left',
+                  lineHeight: 1,
+                  height: 0,
+                  width: 'fit-content',
+                  color: theme.palette.primary.main,
+                  fontSize: "12px",
+                  cursor: 'pointer',
+                  marginLeft: '2px',
+                  marginRight: 0,
+                  top: 3,
+                  right: '12px',
+                  position: 'absolute',
+                  ':hover': {
+                    color: theme.palette.primary.dark,
+                  }
+                }
+              },
+            },
+          ]
+        }
+      );
       const schema = pageData?.schema ?? { type: "object", properties: {} };
       eventGroups = {}
       eventGroups = extractEvents(config);
@@ -101,10 +211,8 @@ export default (funcParams: funcParamsProps) => {
       await executeRefreshHandler({
         config: {}, componentName: "",
         store: funcParams.store, dynamicData: funcParams.dynamicData, userValue: funcParams.userValue, service: funcParams.service,
-        serviceHolder: this, eventGroups,formDataHolder
+        serviceHolder: this, eventGroups, formDataHolder
       })
-     const jsonres =  await fetch('https://jsonplaceholder.typicode.com/todos/1');
-     const result = await jsonres.json()
       funcParams.store.setSchema(
         (pre: any) => {
           return {