@ -4,57 +4,68 @@
< wm -breadcrumbs LinkClass = "WM-Link-Cyan" :items ="breadcrumbItems" > < / w m - b r e a d c r u m b s >
< / div >
< div class = "Tile Shadowed" >
< WM -PageTitle titleFaClass = "black--text" color = "black" titleFa = " افزودن بخش جدید " titleEn = " Add a New Section " > < / W M - P a g e T i t l e >
< 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 >
< WM -PageTitle
titleFaClass = "black--text"
color = "black"
titleFa = " افزودن بخش جدید "
titleEn = " Add a New Section "
> < / W M - P a g e T i t l e >
< div v-for ="(module, index) in getAllModules" :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 . nameFa } } < / div >
< div class = "EN" > { { module . nameEn } } < / div >
< div class = "FA" > { { module . title _fa } } < / div >
< div class = "EN" > { { module . title _en } } < / div >
< / v - f l e x >
< 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 >
< div class = "Old En" v-if ="module.old_price" > {{ Intl.NumberFormat ( ) .format ( module.old_price ) }} < / div >
< div class = "Main En" >
{ { Intl . NumberFormat ( ) . format ( module . price ) } }
< span class = "Unit" > IRT < / span >
< / div >
< / v - f l e x >
< v -flex lg4 class = "WM-Align-L" >
< v -tooltip top color = "black" >
< v -btn
small
outline
@ click . native = "$store.state.TrialConfirmation = true "
@ click . native = "$_openModal('role_permission/trial_confirmation'), SET_CURRENT_MODULE(module) "
slot = "activator"
fab
: color = "module.color "
: color = "module.color _class "
>
< v -icon dark > fas fa - history < / v - i c o n >
< / v - b t n >
< span > فعالسازی نسخه ی 15 روزه ، آزمایشی < / span >
< / v - t o o l t i p >
< v -tooltip top color = "black" >
<!-- < v -tooltip top color = "black" >
< v -btn
@ click . native = "$ store.state.PaymentConfirmation = true "
@ click . native = "$ _openModal('role_permission/payment_confirmation'), SET_CURRENT_ALL_MODULE(module) "
slot = "activator"
fab
: color = "module.color "
: color = "module.color _class "
dark
>
< v -icon dark > fas fa - plus < / v - i c o n >
< / v - b t n >
< span > خرید < / span >
< / v - t o o l t i p >
< / v - t o o l t i p > - - >
< / v - f l e x >
< v -flex lg12 class = "description RTL" v-if ="module.description T itle">
< v -flex lg12 class = "description RTL" v-if ="module.description _t itle">
< 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 - i c o n > { { m o d u l e . d e s c r i p t i o n T i t l e } } < / v - f l e x >
< v -flex lg12 class = "text-lg-right Title" >
< v -icon > fas fa - align - right < / v - i c o n >
{ { module . description _title } }
< / v - f l e x >
< / 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 -flex lg12 class = "text-lg-right zIndex99 Text" v-html ="module.description "> < / v-flex >
< / v - l a y o u t >
< / div >
< / v - c a r d - t e x t >
@ -72,7 +83,7 @@
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- >
< template >
< div class = "text-xs-center" >
< wm -payment -confirmation > < / w m - p a y m e n t - c o n f i r m a t i o n >
<!-- < wm -payment -confirmation > < / w m - p a y m e n t - c o n f i r m a t i o n > - - >
< wm -trial -confirmation > < / w m - t r i a l - c o n f i r m a t i o n >
< / div >
< / template >
@ -80,23 +91,22 @@
<!-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
Modals : : END
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- >
< / v - c o n t a i n e r >
< / template >
< script >
import PaymentConfirmation from "@Common/components/Misc/PaymentConfirmation.vue" ;
/ / i m p o r t P a y m e n t C o n f i r m a t i o n f r o m " @ C o m m o n / c o m p o n e n t s / M i s c / P a y m e n t C o n f i r m a t i o n . v u e " ;
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 ,
/ / " w m - p a y m e n t - c o n f i r m a t i o n " : P a y m e n t C o n f i r m a t i o n ,
"wm-trial-confirmation" : TrialConfirmation
} ,
props : {
color : { default : 'grey darken-4' } ,
color : { default : "grey darken-4" }
} ,
data ( ) {
return {
@ -109,22 +119,57 @@
} ,
{
text : " افزودن بخش جدید " ,
disabled : true ,
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 : " 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" } ,
] ,
{
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" , [ "getAllModules" ] )
} ,
methods : {
... mapActions ( "role_permission" , [ "loadAllModules" ] ) ,
... mapMutations ( "role_permission" , [ "SET_CURRENT_MODULE" ] ) ,
} ,
created ( ) {
this . loadAllModules ( { home _page : true } ) ;
}
} ;
< / script >
< style scoped lang = "scss" >
@ -165,7 +210,7 @@
font - size : 12 px ;
letter - spacing : 5 px ;
text - transform : uppercase ;
color : # 9 a9a9a
color : # 9 a9a9a ;
}
. ModuleItem . Price {
text - align : left ;
@ -211,5 +256,4 @@
font - size : 14 px ;
color : # 6 d6d6d ;
}
< / style >