From f76b0d0e8f734a4466a3c96d44d9becf51a409a4 Mon Sep 17 00:00:00 2001
From: Saeid <saeidkhakbazan@gmail.com>
Date: Tue, 24 Sep 2019 18:11:52 +0330
Subject: [PATCH] add Modules

---
 public/mix-manifest.json              |  10 +-
 resources/js/Home/store/getters.js    |   2 -
 resources/js/Home/store/state.js      |   2 -
 resources/js/Home/views/AddModule.vue | 426 ++++++++++++++------------
 resources/js/Home/views/Home.vue      |   4 +-
 webpack.mix.js                        |   1 +
 6 files changed, 243 insertions(+), 202 deletions(-)

diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index a788539..c72b5d4 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=332517bc015408503b69",
-    "/js/vue/Home/app.js": "/js/vue/Home/app.js?id=8ec37859c1ba595d0aae",
-    "/js/vue/Modules/CRM/app.js": "/js/vue/Modules/CRM/app.js?id=6558558fe022ff1d5c88",
-    "/js/vue/Modules/Reservation/app.js": "/js/vue/Modules/Reservation/app.js?id=c29d16abdef963c3a3a3",
-    "/js/vue/User/app.js": "/js/vue/User/app.js?id=f6ab2099c3dbf024d0bf"
+    "/js/vue/Authentication/app.js": "/js/vue/Authentication/app.js?id=701c2edb7565e75246bc",
+    "/js/vue/Home/app.js": "/js/vue/Home/app.js?id=696f8230515488f2770f",
+    "/js/vue/Modules/CRM/app.js": "/js/vue/Modules/CRM/app.js?id=df3222da19579f98c4af",
+    "/js/vue/Modules/Reservation/app.js": "/js/vue/Modules/Reservation/app.js?id=704caf2cf99d4b813820",
+    "/js/vue/User/app.js": "/js/vue/User/app.js?id=d016a4dfdc71a81ff1f1"
 }
diff --git a/resources/js/Home/store/getters.js b/resources/js/Home/store/getters.js
index fab8971..02a61be 100644
--- a/resources/js/Home/store/getters.js
+++ b/resources/js/Home/store/getters.js
@@ -1,4 +1,2 @@
 export default {
-	getClientTypes: state => state.clientTypes,
-	getPhoneTypes: state => state.phoneTypes
 };
diff --git a/resources/js/Home/store/state.js b/resources/js/Home/store/state.js
index fd1f162..ce7bc92 100644
--- a/resources/js/Home/store/state.js
+++ b/resources/js/Home/store/state.js
@@ -1,4 +1,2 @@
 export default {
-    PaymentConfirmation: false,
-    TrialConfirmation: false,
 };
\ No newline at end of file
diff --git a/resources/js/Home/views/AddModule.vue b/resources/js/Home/views/AddModule.vue
index 14e62f9..4fb149d 100644
--- a/resources/js/Home/views/AddModule.vue
+++ b/resources/js/Home/views/AddModule.vue
@@ -1,215 +1,259 @@
 <template>
-    <v-container fluid>
-        <div class="Tile Shadowed Padd-0 WM-Margin-B-10">
-            <wm-breadcrumbs LinkClass="WM-Link-Cyan" :items="breadcrumbItems"></wm-breadcrumbs>
-        </div>
-        <div class="Tile Shadowed">
-            <WM-PageTitle titleFaClass="black--text" color="black" titleFa=" افزودن بخش جدید " titleEn=" Add a New Section "></WM-PageTitle>
-            <div v-for="(module, index) in modules" :key="index">
-                <div :class="'ModuleItem '+module.color+'Border'">
-                    <div :class="'itrator En '+module.color+'--text'"> {{index+1}} </div>
-                    <v-layout row wrap class="WM-Margin-0">
-                        <v-flex lg4 class="Title">
-                            <div class="FA"> {{ module.nameFa }} </div>
-                            <div class="EN"> {{ module.nameEn }} </div>
-                        </v-flex>
-                        <v-flex lg4 class="Price">
-                            <div class="Old En" v-if="module.oldPrice"> {{ module.oldPrice }} </div>
-                            <div class="Main En"> {{ module.price }} <span class="Unit">IRT</span></div>
-                        </v-flex>
-                        <v-flex lg4 class="WM-Align-L">
-                            <v-tooltip top color="black">
+	<v-container fluid>
+		<div class="Tile Shadowed Padd-0 WM-Margin-B-10">
+			<wm-breadcrumbs LinkClass="WM-Link-Cyan" :items="breadcrumbItems"></wm-breadcrumbs>
+		</div>
+		<div class="Tile Shadowed">
+			<WM-PageTitle
+				titleFaClass="black--text"
+				color="black"
+				titleFa=" افزودن بخش جدید "
+				titleEn=" Add a New Section "
+			></WM-PageTitle>
+			<div v-for="(module, index) in getModules" :key="index">
+				<div :class="'ModuleItem '+module.color_class+'Border'">
+					<div :class="'itrator En '+module.color_class+'--text'">{{index+1}}</div>
+					<v-layout row wrap class="WM-Margin-0">
+						<v-flex lg4 class="Title">
+							<div class="FA">{{ module.title_fa }}</div>
+							<div class="EN">{{ module.title_en }}</div>
+						</v-flex>
+						<v-flex lg4 class="Price">
+							<div class="Old En" v-if="module.old_Price">{{ module.old_Price }}</div>
+							<div class="Main En">
+								{{ module.price }}
+								<span class="Unit">IRT</span>
+							</div>
+						</v-flex>
+						<v-flex lg4 class="WM-Align-L">
+							<v-tooltip top color="black">
+								<v-btn
+									small
+									outline
+									@click.native="$_openModal('role_permission/trial_confirmation'), SET_CURRENT_MODULE(module)"
+									slot="activator"
+									fab
+									:color="module.color_class"
+								>
+									<v-icon dark>fas fa-history</v-icon>
+								</v-btn>
+								<span>فعالسازی نسخه ی 15 روزه، آزمایشی</span>
+							</v-tooltip>
+							<!-- <v-tooltip top color="black">
                                 <v-btn
-                                    small
-                                    outline
-                                    @click.native="$store.state.TrialConfirmation = true"
+                                    @click.native="$_openModal('role_permission/payment_confirmation'), SET_CURRENT_MODULE(module)"
                                     slot="activator"
                                     fab
-                                    :color="module.color"
-                                >
-                                    <v-icon dark> fas fa-history </v-icon>
-                                </v-btn>
-                                <span> فعالسازی نسخه ی 15 روزه، آزمایشی </span>
-                            </v-tooltip>
-                            <v-tooltip top color="black">
-                                <v-btn
-                                    @click.native="$store.state.PaymentConfirmation = true"
-                                    slot="activator"
-                                    fab
-                                    :color="module.color"
+                                    :color="module.color_class"
                                     dark
                                 >
                                     <v-icon dark> fas fa-plus </v-icon>
                                 </v-btn>
                                 <span> خرید </span>
-                            </v-tooltip>
-                        </v-flex>
-                        <v-flex lg12 class="description RTL" v-if="module.descriptionTitle">
-                            <v-expansion-panel popout style="margin-bottom:0px;">
-                                <v-expansion-panel-content>
-                                    <template v-slot:header>
-                                        <v-flex lg12 class="text-lg-right Title"><v-icon> fas fa-align-right </v-icon> {{ module.descriptionTitle }} </v-flex>
-                                    </template>
-                                    <v-card>
-                                        <v-card-text style="padding:0px 40px 10px 40px">
-                                            <div class="WM-Tile" >
-                                                <v-layout row wrap class="WM-Margin-0">
-                                                    <v-flex lg12 class="text-lg-right zIndex99 Text" v-html="module.descriptionText">  </v-flex>
-                                                </v-layout>
-                                            </div>
-                                        </v-card-text>
-                                    </v-card>
-                                </v-expansion-panel-content>
-                            </v-expansion-panel>
-                        </v-flex>
-                    </v-layout>
-                </div>
-            </div>
-        </div>
+							</v-tooltip>-->
+						</v-flex>
+						<v-flex lg12 class="description RTL" v-if="module.description_title">
+							<v-expansion-panel popout style="margin-bottom:0px;">
+								<v-expansion-panel-content>
+									<template v-slot:header>
+										<v-flex lg12 class="text-lg-right Title">
+											<v-icon>fas fa-align-right</v-icon>
+											{{ module.description_title }}
+										</v-flex>
+									</template>
+									<v-card>
+										<v-card-text style="padding:0px 40px 10px 40px">
+											<div class="WM-Tile">
+												<v-layout row wrap class="WM-Margin-0">
+													<v-flex lg12 class="text-lg-right zIndex99 Text" v-html="module.description_text"></v-flex>
+												</v-layout>
+											</div>
+										</v-card-text>
+									</v-card>
+								</v-expansion-panel-content>
+							</v-expansion-panel>
+						</v-flex>
+					</v-layout>
+				</div>
+			</div>
+		</div>
 
-        <!-- --------------------------------------------------------------------
+		<!-- --------------------------------------------------------------------
                                     Modals :: BEGIN
-        -------------------------------------------------------------------- -->
-        <template>
-            <div class="text-xs-center">
-                <wm-payment-confirmation></wm-payment-confirmation>
-                <wm-trial-confirmation></wm-trial-confirmation>
-            </div>
-        </template>
+		---------------------------------------------------------------------->
+		<template>
+			<div class="text-xs-center">
+				<!-- <wm-payment-confirmation></wm-payment-confirmation> -->
+				<wm-trial-confirmation></wm-trial-confirmation>
+			</div>
+		</template>
 
-        <!-- --------------------------------------------------------------------
+		<!-- --------------------------------------------------------------------
                                     Modals :: END
-        -------------------------------------------------------------------- -->
-
-    </v-container>
+		---------------------------------------------------------------------->
+	</v-container>
 </template>
 
 
 
 <script>
-    import PaymentConfirmation from "@Common/components/Misc/PaymentConfirmation.vue";
-    import TrialConfirmation from "@Common/components/Misc/TrialConfirmation.vue";
-
-    export default {
-        components: {
-            'wm-payment-confirmation'    :       PaymentConfirmation,
-            'wm-trial-confirmation'    :       TrialConfirmation,
-        },
-        props: {
-            color:     { default: 'grey darken-4' },
-        },
-        data() {
-            return {
-                breadcrumbItems: [
-                    {
-                        text: "",
-                        disabled: false,
-                        routeName: "Home",
-                        icon: "home"
-                    },
-                    {
-                        text: " افزودن بخش جدید ",
-                        disabled: true,
-                    }
-                ],
-                modules: [
-                    { nameFa: ' باشگاه مشتریان ', nameEn: ' Members Club ', price: '1,500,000',  id: 1, color:"red",
-                        descriptionTitle: ' باشگاه مشتریان در واقع بستری است برای اینکه بتوانید مشتریان خود را ثبت، آنها را مدیریت و با آنها ارتباط بر قرار کنید. ',
-                        descriptionText: ' امکانات مشتریان به طور خلاصه به شرح زیر می باشد: <div class="WM-Margin-R-10"> 1. ثبت و ویرایش اعضای باشگاه  <br> 2. امکان ثبت تاریخ تولد و ازدواج</div>   '
-                    },
-                    { nameFa: ' مدیریت ارتباط با مشتری ', nameEn: ' Customers Relationship Management ', price: '3,500,000', oldPrice: '3,000,000', id: 2, color:"orange" },
-                    { nameFa: ' مدیریت فروشگاه ', nameEn: ' Store Management ', price: '2,500,000', id: 3, color:"cyan"  },
-                    { nameFa: ' سیستم رزرو وقت ', nameEn: ' Reservations System ', price: '1,000,000', id: 4, color:"purple" },
-                ],
-            }
-        }
-    };
-
+// import PaymentConfirmation from "@Common/components/Misc/PaymentConfirmation.vue";
+import TrialConfirmation from "@Common/components/Misc/TrialConfirmation.vue";
+import { mapGetters, mapActions, mapMutations } from "vuex";
+export default {
+	components: {
+		// "wm-payment-confirmation": PaymentConfirmation,
+		"wm-trial-confirmation": TrialConfirmation
+	},
+	props: {
+		color: { default: "grey darken-4" }
+	},
+	data() {
+		return {
+			breadcrumbItems: [
+				{
+					text: "",
+					disabled: false,
+					routeName: "Home",
+					icon: "home"
+				},
+				{
+					text: " افزودن بخش جدید ",
+					disabled: true
+				}
+			],
+			modules: [
+				{
+					nameFa: " باشگاه مشتریان ",
+					nameEn: " Members Club ",
+					price: "1,500,000",
+					id: 1,
+					color: "red",
+					descriptionTitle:
+						" باشگاه مشتریان در واقع بستری است برای اینکه بتوانید مشتریان خود را ثبت، آنها را مدیریت و با آنها ارتباط بر قرار کنید. ",
+					descriptionText:
+						' امکانات مشتریان به طور خلاصه به شرح زیر می باشد: <div class="WM-Margin-R-10"> 1. ثبت و ویرایش اعضای باشگاه  <br> 2. امکان ثبت تاریخ تولد و ازدواج</div>   '
+				},
+				{
+					nameFa: " مدیریت ارتباط با مشتری ",
+					nameEn: " Customers Relationship Management ",
+					price: "3,500,000",
+					oldPrice: "3,000,000",
+					id: 2,
+					color: "orange"
+				},
+				{
+					nameFa: " مدیریت فروشگاه ",
+					nameEn: " Store Management ",
+					price: "2,500,000",
+					id: 3,
+					color: "cyan"
+				},
+				{
+					nameFa: " سیستم رزرو وقت ",
+					nameEn: " Reservations System ",
+					price: "1,000,000",
+					id: 4,
+					color: "purple"
+				}
+			]
+		};
+	},
+	computed: {
+        ...mapGetters("role_permission", ["getModules"])
+    },
+    methods: {
+        ...mapActions("role_permission", ["loadModules"]),
+        ...mapMutations("role_permission", ["SET_CURRENT_MODULE"]),
+    },
+    created() {
+        this.loadModules({ home_page: true });
+    }
+};
 </script>
 
 <style scoped lang="scss">
-    .ModuleItem {
-        position: relative;
-        padding: 10px;
-        border: 1px solid #eeeeee;
-        margin-bottom: 10px;
-    }
-    .ModuleItem.redBorder {
-        border-right:2px solid #ee3552;
-    }
-    .ModuleItem.orangeBorder {
-        border-right:2px solid #ff6b57;
-    }
-    .ModuleItem.cyanBorder {
-        border-right:2px solid #32c5d2;
-    }
-    .ModuleItem.purpleBorder {
-        border-right:2px solid #ac3773;
-    }
-    .ModuleItem .itrator {
-        position: absolute;
-        font-size: 60px;
-        right: -5px;
-        bottom: -25px;
-        opacity: 0.1;
-        font-family: "Montserrat-ExtraBold";
-        z-index: 100;
-    }
-    .ModuleItem .Title {
-        text-align: right;
-    }
-    .ModuleItem .FA {
-        font-size: 26px;
-    }
-    .ModuleItem .EN {
-        font-size: 12px;
-        letter-spacing: 5px;
-        text-transform: uppercase;
-        color: #9a9a9a
-    }
-    .ModuleItem .Price {
-        text-align: left;
-        padding-top: 10px;
-    }
-    .ModuleItem .Price .Main {
-        font-size: 26px;
-        // font-family: "Montserrat-ExtraBold";
-    }
-    .ModuleItem .Price .Old {
-        font-size: 12px;
-        color: #ee3552;
-        text-decoration: line-through;
-        margin-bottom: -10px;
-        margin-left: 0px;
-    }
+.ModuleItem {
+	position: relative;
+	padding: 10px;
+	border: 1px solid #eeeeee;
+	margin-bottom: 10px;
+}
+.ModuleItem.redBorder {
+	border-right: 2px solid #ee3552;
+}
+.ModuleItem.orangeBorder {
+	border-right: 2px solid #ff6b57;
+}
+.ModuleItem.cyanBorder {
+	border-right: 2px solid #32c5d2;
+}
+.ModuleItem.purpleBorder {
+	border-right: 2px solid #ac3773;
+}
+.ModuleItem .itrator {
+	position: absolute;
+	font-size: 60px;
+	right: -5px;
+	bottom: -25px;
+	opacity: 0.1;
+	font-family: "Montserrat-ExtraBold";
+	z-index: 100;
+}
+.ModuleItem .Title {
+	text-align: right;
+}
+.ModuleItem .FA {
+	font-size: 26px;
+}
+.ModuleItem .EN {
+	font-size: 12px;
+	letter-spacing: 5px;
+	text-transform: uppercase;
+	color: #9a9a9a;
+}
+.ModuleItem .Price {
+	text-align: left;
+	padding-top: 10px;
+}
+.ModuleItem .Price .Main {
+	font-size: 26px;
+	// font-family: "Montserrat-ExtraBold";
+}
+.ModuleItem .Price .Old {
+	font-size: 12px;
+	color: #ee3552;
+	text-decoration: line-through;
+	margin-bottom: -10px;
+	margin-left: 0px;
+}
 
-    .v-expansion-panel--inset .v-expansion-panel__container--active,
-    .v-expansion-panel--popout .v-expansion-panel__container--active {
-        border: 1px solid #eeeeee !important;
-        border-right:2px solid #000 !important;
-        box-shadow: none;
-    }
-    .v-expansion-panel__container {
-        transition: 0.2s;
-        border: 1px solid transparent !important;
-        border-right:2px solid transparent !important;
-    }
-    .v-expansion-panel__container:hover {
-        border: 1px solid #eeeeee !important;
-        border-right:2px solid #000 !important;
-    }
-
-    .ModuleItem .description .Title {
-        font-size: 16px;
-        color: #000;
-    }
-    .ModuleItem .description .v-icon {
-        margin-left: 5px;
-        line-height: 27px;
-    }
-    .ModuleItem .description .Text {
-        font-size: 14px;
-        color: #6d6d6d;
-    }
+.v-expansion-panel--inset .v-expansion-panel__container--active,
+.v-expansion-panel--popout .v-expansion-panel__container--active {
+	border: 1px solid #eeeeee !important;
+	border-right: 2px solid #000 !important;
+	box-shadow: none;
+}
+.v-expansion-panel__container {
+	transition: 0.2s;
+	border: 1px solid transparent !important;
+	border-right: 2px solid transparent !important;
+}
+.v-expansion-panel__container:hover {
+	border: 1px solid #eeeeee !important;
+	border-right: 2px solid #000 !important;
+}
 
+.ModuleItem .description .Title {
+	font-size: 16px;
+	color: #000;
+}
+.ModuleItem .description .v-icon {
+	margin-left: 5px;
+	line-height: 27px;
+}
+.ModuleItem .description .Text {
+	font-size: 14px;
+	color: #6d6d6d;
+}
 </style>
diff --git a/resources/js/Home/views/Home.vue b/resources/js/Home/views/Home.vue
index db0604d..63349c2 100644
--- a/resources/js/Home/views/Home.vue
+++ b/resources/js/Home/views/Home.vue
@@ -18,11 +18,11 @@
                 ></wm-tile>
             </a>
         </v-layout>
-        <!-- <router-link :to="{name: 'AddModule'}">
+        <router-link :to="{name: 'AddModule'}">
             <v-btn large fab color="cyan" fixed bottom left dark style="left:5%">
                 <v-icon dark>fas fa-plus</v-icon>
             </v-btn>
-        </router-link> -->
+        </router-link>
     </v-container>
 </template>
 
diff --git a/webpack.mix.js b/webpack.mix.js
index 157f640..b276fd4 100644
--- a/webpack.mix.js
+++ b/webpack.mix.js
@@ -16,6 +16,7 @@ mix.webpackConfig({
         alias: {
             '@JS': path.resolve(__dirname, 'resources/js'),
             '@Global': path.resolve(__dirname, 'resources/js/Global'),
+            '@Home': path.resolve(__dirname, 'resources/js/Home'),
         },
     },
     output: {