changing the way of loading custom components

intrahealth · Sep 23, 2023 · 8c505d9 · 8c505d9
1 parent 960294f
commit 8c505d9
Show file tree

Hide file tree

Showing 5 changed files with 33 additions and 7 deletions.
diff --git a/dhis2App/js/app.b8525fb3.js b/dhis2App/js/app.b8525fb3.js
diff --git a/dhis2App/js/app.b8525fb3.js.map b/dhis2App/js/app.b8525fb3.js.map
diff --git a/gofr-backend/lib/gofr-backend-site/gui/js/app.b8525fb3.js b/gofr-backend/lib/gofr-backend-site/gui/js/app.b8525fb3.js
diff --git a/gofr-backend/lib/gofr-backend-site/gui/js/app.b8525fb3.js.map b/gofr-backend/lib/gofr-backend-site/gui/js/app.b8525fb3.js.map
diff --git a/gofr-gui/src/views/custom.vue b/gofr-gui/src/views/custom.vue
@@ -1,13 +1,33 @@
 <template>
-  <component :is="currentComponent"></component>
+  <component 
+    :is="currentComponent" 
+    :queries="this.$route.query" 
+  />
 </template>
 <script>
 export default {
-props: ["path", "component"],
-data() {
-  return {
-      currentComponent: () => import(`../../site/${this.$route.params.path}/${this.$route.params.component}.vue`)
+  props: ["component"],
+  data() {
+    return {
+        currentComponent: ""
+    }
+  },
+  created() {
+    let componentPath = ""
+    if(this.$route.query.path) {
+      let actualPath = this.$route.query.path.split('/')
+      for(let path of actualPath) {
+        if(!path) {
+          continue
+        }
+        componentPath += "/" + path
+      }
+    }
+    componentPath += "/" + this.$route.params.component
+    if(!componentPath.endsWith(".vue")) {
+      componentPath += ".vue"
+    }
+    this.currentComponent = () => import(`@/site${componentPath}`)
   }
 }
-}
-</script>>
+</script>