Form loader

public/mix-manifest.json

@@ -1,7 +1,7 @@
 {
-    "/js/vue/Authentication/app.js": "/js/vue/Authentication/app.js?id=c9ebdffec50d82145867",
+    "/js/vue/Authentication/app.js": "/js/vue/Authentication/app.js",
-    "/js/vue/Home/app.js": "/js/vue/Home/app.js?id=e2cd567ef427a1285194",
+    "/js/vue/Home/app.js": "/js/vue/Home/app.js",
-    "/js/vue/Modules/CRM/app.js": "/js/vue/Modules/CRM/app.js?id=21ca2c0fd50704c54125",
+    "/js/vue/Modules/CRM/app.js": "/js/vue/Modules/CRM/app.js",
-    "/js/vue/Modules/Reservation/app.js": "/js/vue/Modules/Reservation/app.js?id=ecddb140ee87bb6dfc7c",
+    "/js/vue/Modules/Reservation/app.js": "/js/vue/Modules/Reservation/app.js",
-    "/js/vue/User/app.js": "/js/vue/User/app.js?id=ba20da8154c5c04c0dd6"
+    "/js/vue/User/app.js": "/js/vue/User/app.js"
 }

resources/js/Global/components/FormLoader/Elements/wm-checkbox.vue

@@ -0,0 +1,22 @@
+<template>
+    <div>
+        <v-checkbox
+			:class="element.width" 
+			:label="element.label" 
+			:hibt="element.hint" 
+			:color="element.color" 
+			:append-icon="element.append_icon" 
+			:prepend-icon="element.prepend_icon" 
+			multiple="true"
+		></v-checkbox>
+    </div>
+</template>
+<script>
+export default {
+    props:{
+        element:{
+            type: Object
+        }
+    }
+}
+</script>

resources/js/Global/components/FormLoader/Elements/wm-form.vue

@@ -0,0 +1,9 @@
+<template>
+    <div>
+
+    </div>
+</template>
+<script>
+import Factory from '../FactoryPattern'
+export default {};
+</script>

resources/js/Global/components/FormLoader/Elements/wm-input.vue

@@ -0,0 +1,22 @@
+<template>
+    <div>
+        <v-text-field  
+			:label="element.label" 
+			:placeholder="element.placeholder" 
+			:hint="element.hint" 
+			:color="element.color" 
+			:append-icon="element.append_icon" 
+			:prepend-icon="element.prepend_icon" 
+			:class="element.width"
+		></v-text-field>
+    </div>
+</template>
+<script>
+export default {
+    props:{
+        element:{
+            type: Object
+        }
+    }
+}
+</script>

resources/js/Global/components/FormLoader/Elements/wm-radioButton.vue

@@ -0,0 +1,23 @@
+<template>
+    <div>
+        <v-radio-group>
+            <v-radio
+                :class="element.width" 
+                :label="element.label" 
+                :hibt="element.hint" 
+                :color="element.color" 
+                :append-icon="element.append_icon" 
+                :prepend-icon="element.prepend_icon" 
+            ></v-radio>
+        </v-radio-group>
+    </div>
+</template>
+<script>
+export default {
+    props:{
+        element:{
+            type: Object
+        }
+    }
+}
+</script>

resources/js/Global/components/FormLoader/Elements/wm-select.vue

@@ -0,0 +1,23 @@
+<template>
+    <div>
+        <v-autocomplete
+			:label="element.label" 
+			:placeholder="element.placeholder" 
+			:hint="element.hint" 
+			:color="element.color" 
+			:append-icon="element.append_icon" 
+			:prepend-icon="element.prepend_icon" 
+			:class="element.width"
+			:multiple="element.multiple"
+		></v-autocomplete>
+    </div>
+</template>
+<script>
+export default {
+    props:{
+        element:{
+            type: Object
+        }
+    }
+}
+</script>

resources/js/Global/components/FormLoader/Elements/wm-switch.vue

@@ -0,0 +1,21 @@
+<template>
+    <div>
+        <v-switch
+            :class="element.width" 
+            :label="element.label" 
+            :hibt="element.hint" 
+            :color="element.color" 
+            :append-icon="element.append_icon" 
+            :prepend-icon="element.prepend_icon"
+        ></v-switch>
+    </div>
+</template>
+<script>
+export default {
+    props:{
+        element:{
+            type: Object
+        }
+    }
+}
+</script>

resources/js/Global/components/FormLoader/Elements/wm-textarea.vue

@@ -0,0 +1,22 @@
+<template>
+    <div>
+        <v-textarea  
+			:label="element.label" 
+			:placeholder="element.placeholder" 
+			:hint="element.hint" 
+			:color="element.color" 
+			:append-icon="element.append_icon" 
+			:prepend-icon="element.prepend_icon" 
+			:class="element.width"
+		></v-textarea>
+    </div>
+</template>
+<script>
+export default {
+    props:{
+        element:{
+            type: Object
+        }
+    }
+}
+</script>

resources/js/Global/components/FormLoader/FactoryPattern.vue

@@ -0,0 +1,26 @@
+<template>
+    <div>
+        <component v-bind:is="element.type" :options="element" ></component>
+    </div>
+</template>
+<script>
+import Vue from 'vue'
+
+const requireElement = require.context('./Elements', true, /\.vue$/);
+requireElement.keys().forEach(fileName => {
+  // Replace ./ and .vue
+    const elementName = fileName.replace(/(\.\/|\.vue)/g, '')
+    Vue.component(elementName,
+        () => import(`./Elements/${elementName}.vue`)
+    )
+});
+
+export default {
+    props:{
+        element:{
+            type: Object,
+            required: true
+        }
+    },
+}
+</script>

resources/js/Global/components/FormLoader/Wrapper.vue

@@ -0,0 +1,34 @@
+<template>
+    <div>
+        <element-factory v-for="(element, key) in elements" :element="element" :key="key"></element-factory>
+    </div>
+</template>
+<script>
+import Factory from './FactoryPattern'
+export default {
+    components:{
+        'element-factory' : Factory
+    },
+    data: () => ({
+        elements:[
+            {type:"wm-input", },
+            {type: "wm-form", children: [
+                {type:"wm-select", },
+                {type:"wm-form", children: [
+                    {type: "wm-input"},
+                    {type: "wm-checkbox"},
+                ]},
+                {type:"wm-input", },
+            ]},
+            {type:"wm-select", },
+            {type:"wm-checkbox", },
+        ]
+    }),
+    props:{
+        // elements: {
+        //     type: Array,
+        //     required: true
+        // }
+    }
+}
+</script>

resources/js/Global/components/Tiles/Tile.vue

@@ -49,7 +49,6 @@ export default {
         }
     },
     data: function () {
-        console.log( ( this.RouteType == 'Route' ) ? 'router-link' : 'a' );
         return {
             TagType: ( this.RouteType == 'Route' ) ? 'router-link' : 'a',
             RouteAddress: ( this.RouteType == 'Route' ) ? this.Route : false,

resources/js/Global/mixins/global.js

@@ -2,6 +2,7 @@ import { mapActions } from "vuex";
 import globalStore from "@Global/store";
 import authStore from "@Core/store";
 import permissionList from "@Global/utils/Permissions/list";
+import { UserService } from "@Global/services/storage.services";
 const global = {
     methods: {
         $_getPath(subPath) {
@@ -29,16 +30,20 @@ const global = {
             let currentModule = globalStore.state.common.current_module;
             let permissions = authStore.state.auth.permissions;
             let multiPermission = permission.split("|");
+            let siteOwner = !!UserService.get().is_owner;
             for (const iterator of multiPermission) {
-                if (iterator == '') {
+                if (iterator == "") {
                     return true;
                 }
                 permission = permissionList[iterator];
                 if (
+                    siteOwner ||
                     owner ||
                     (permission &&
                         permissions[currentModule] &&
-                        Object.values(permissions[currentModule]).includes(permission))
+                        Object.values(permissions[currentModule]).includes(
+                            permission
+                        ))
                 ) {
                     return true;
                 }

resources/js/Home/views/Home.vue

@@ -11,7 +11,6 @@
                     :TileClass="module.title_class"
                     :TitleEn="module.title_en"
                     :TitleFa="module.title_fa"
-                    :Desc="module.description"
                     :GradientBegin="module.gradient_begin"
                     :GradientEnd="module.gradient_end"
                     :ImageURL="module.img_url"
@@ -24,6 +23,7 @@
                 <v-icon dark>fas fa-plus</v-icon>
             </v-btn>
         </router-link>
+        <wm-wrapper></wm-wrapper>
     </v-container>
 </template>
 
@@ -31,22 +31,23 @@
 
 <script>
 import Tile from "@Global/components/Tiles/Tile";
-import { mapGetters, mapActions } from 'vuex';
+import Wrapper from "@Global/components/FormLoader/Wrapper";
+import { mapGetters, mapActions } from "vuex";
 export default {
-    data: () => ({
+    data: () => ({}),
-    }),
     components: {
-        "wm-tile": Tile
+        "wm-tile": Tile,
+        "wm-wrapper": Wrapper,
     },
     computed: {
-        ...mapGetters("role_permission", ["getModules"]),
+        ...mapGetters("role_permission", ["getModules"])
     },
-    methods:{
+    methods: {
-        ...mapActions('role_permission', ['loadModules']),
+        ...mapActions("role_permission", ["loadModules"])
     },
     created() {
-       this.loadModules(); 
+        this.loadModules({ home_page: true });
-    },
+    }
 };
 </script>