From 5679e9d2d2c0eba87f8101170175a90922084ba0 Mon Sep 17 00:00:00 2001
From: saeid_01 <saeidkhakbazan@gmail.com>
Date: Fri, 6 Sep 2019 19:50:46 +0430
Subject: [PATCH] Form loader

---
 public/mix-manifest.json                      | 10 +++---
 .../FormLoader/Elements/wm-checkbox.vue       | 22 ++++++++++++
 .../FormLoader/Elements/wm-form.vue           |  9 +++++
 .../FormLoader/Elements/wm-input.vue          | 22 ++++++++++++
 .../FormLoader/Elements/wm-radioButton.vue    | 23 +++++++++++++
 .../FormLoader/Elements/wm-select.vue         | 23 +++++++++++++
 .../FormLoader/Elements/wm-switch.vue         | 21 ++++++++++++
 .../FormLoader/Elements/wm-textarea.vue       | 22 ++++++++++++
 .../components/FormLoader/FactoryPattern.vue  | 26 ++++++++++++++
 .../Global/components/FormLoader/Wrapper.vue  | 34 +++++++++++++++++++
 resources/js/Global/components/Tiles/Tile.vue |  1 -
 resources/js/Global/mixins/global.js          |  9 +++--
 resources/js/Home/views/Home.vue              | 21 ++++++------
 13 files changed, 225 insertions(+), 18 deletions(-)
 create mode 100644 resources/js/Global/components/FormLoader/Elements/wm-checkbox.vue
 create mode 100644 resources/js/Global/components/FormLoader/Elements/wm-form.vue
 create mode 100644 resources/js/Global/components/FormLoader/Elements/wm-input.vue
 create mode 100644 resources/js/Global/components/FormLoader/Elements/wm-radioButton.vue
 create mode 100644 resources/js/Global/components/FormLoader/Elements/wm-select.vue
 create mode 100644 resources/js/Global/components/FormLoader/Elements/wm-switch.vue
 create mode 100644 resources/js/Global/components/FormLoader/Elements/wm-textarea.vue
 create mode 100644 resources/js/Global/components/FormLoader/FactoryPattern.vue
 create mode 100644 resources/js/Global/components/FormLoader/Wrapper.vue

diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index e59dd88..d71799b 100644
--- a/public/mix-manifest.json
+++ b/public/mix-manifest.json
@@ -1,7 +1,7 @@
 {
-    "/js/vue/Authentication/app.js": "/js/vue/Authentication/app.js?id=c9ebdffec50d82145867",
-    "/js/vue/Home/app.js": "/js/vue/Home/app.js?id=e2cd567ef427a1285194",
-    "/js/vue/Modules/CRM/app.js": "/js/vue/Modules/CRM/app.js?id=21ca2c0fd50704c54125",
-    "/js/vue/Modules/Reservation/app.js": "/js/vue/Modules/Reservation/app.js?id=ecddb140ee87bb6dfc7c",
-    "/js/vue/User/app.js": "/js/vue/User/app.js?id=ba20da8154c5c04c0dd6"
+    "/js/vue/Authentication/app.js": "/js/vue/Authentication/app.js",
+    "/js/vue/Home/app.js": "/js/vue/Home/app.js",
+    "/js/vue/Modules/CRM/app.js": "/js/vue/Modules/CRM/app.js",
+    "/js/vue/Modules/Reservation/app.js": "/js/vue/Modules/Reservation/app.js",
+    "/js/vue/User/app.js": "/js/vue/User/app.js"
 }
diff --git a/resources/js/Global/components/FormLoader/Elements/wm-checkbox.vue b/resources/js/Global/components/FormLoader/Elements/wm-checkbox.vue
new file mode 100644
index 0000000..a118308
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/resources/js/Global/components/FormLoader/Elements/wm-form.vue b/resources/js/Global/components/FormLoader/Elements/wm-form.vue
new file mode 100644
index 0000000..bc9a33f
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/resources/js/Global/components/FormLoader/Elements/wm-input.vue b/resources/js/Global/components/FormLoader/Elements/wm-input.vue
new file mode 100644
index 0000000..c779f47
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/resources/js/Global/components/FormLoader/Elements/wm-radioButton.vue b/resources/js/Global/components/FormLoader/Elements/wm-radioButton.vue
new file mode 100644
index 0000000..0f48e4f
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/resources/js/Global/components/FormLoader/Elements/wm-select.vue b/resources/js/Global/components/FormLoader/Elements/wm-select.vue
new file mode 100644
index 0000000..fa4ef07
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/resources/js/Global/components/FormLoader/Elements/wm-switch.vue b/resources/js/Global/components/FormLoader/Elements/wm-switch.vue
new file mode 100644
index 0000000..39fa8e4
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/resources/js/Global/components/FormLoader/Elements/wm-textarea.vue b/resources/js/Global/components/FormLoader/Elements/wm-textarea.vue
new file mode 100644
index 0000000..2bd0a2c
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/resources/js/Global/components/FormLoader/FactoryPattern.vue b/resources/js/Global/components/FormLoader/FactoryPattern.vue
new file mode 100644
index 0000000..93108a2
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/resources/js/Global/components/FormLoader/Wrapper.vue b/resources/js/Global/components/FormLoader/Wrapper.vue
new file mode 100644
index 0000000..e1ed0b5
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/resources/js/Global/components/Tiles/Tile.vue b/resources/js/Global/components/Tiles/Tile.vue
index 69babc2..cbe6a55 100644
--- a/resources/js/Global/components/Tiles/Tile.vue
+++ b/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,
diff --git a/resources/js/Global/mixins/global.js b/resources/js/Global/mixins/global.js
index 61ab213..867432e 100644
--- a/resources/js/Global/mixins/global.js
+++ b/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;
                 }
diff --git a/resources/js/Home/views/Home.vue b/resources/js/Home/views/Home.vue
index b62d9ae..64eb068 100644
--- a/resources/js/Home/views/Home.vue
+++ b/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:{
-        ...mapActions('role_permission', ['loadModules']),
+    methods: {
+        ...mapActions("role_permission", ["loadModules"])
     },
     created() {
-       this.loadModules(); 
-    },
+        this.loadModules({ home_page: true });
+    }
 };
 </script>