hamid.zarghami1@gmail.com
133 lines
4.4 KiB
Vue
133 lines
4.4 KiB
Vue
<template>
|
|
<div class="offCanvas">
|
|
<div class="scrollable">
|
|
<div class="nav--links">
|
|
<ul>
|
|
<li>
|
|
<nuxt-link :to="{name: 'index'}">صفحه اصلی</nuxt-link>
|
|
</li>
|
|
<li>
|
|
<nuxt-link :to="{name: 'menu'}">منو</nuxt-link>
|
|
</li>
|
|
<li>
|
|
<nuxt-link :to="{name: 'cateringmenu'}">منو کترینگ</nuxt-link>
|
|
</li>
|
|
<li>
|
|
<nuxt-link :to="{name: 'subscriber-affairs'}">امور مشترکین</nuxt-link>
|
|
</li>
|
|
<li>
|
|
<nuxt-link :to="{name: 'about'}">درباره ما</nuxt-link>
|
|
</li>
|
|
<li>
|
|
<nuxt-link :to="{name: 'gallery'}">گالری تصاویر</nuxt-link>
|
|
</li>
|
|
<li>
|
|
<nuxt-link :to="{name: 'social-responsibility'}">مسئولیت اجتماعی</nuxt-link>
|
|
</li>
|
|
<li>
|
|
<nuxt-link :to="{name: 'franchise'}">فرانچایز</nuxt-link>
|
|
</li>
|
|
<li>
|
|
<nuxt-link :to="{name: 'contact'}">تماس با ما</nuxt-link>
|
|
</li>
|
|
<li>
|
|
<nuxt-link :to="{name:'applanding2'}">دانلود اپلیکیشن</nuxt-link>
|
|
</li>
|
|
<li>
|
|
<nuxt-link :to="{name:'qrlanding'}">شبکه های اجتماعی</nuxt-link>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="social">
|
|
<ul v-if="storeInfo && storeInfo.socials">
|
|
<li v-if="storeInfo.socials.whatsaap">
|
|
<a :href="storeInfo.socials.whatsaap" target="_blank">
|
|
<IconsWhatsApp/>
|
|
</a>
|
|
</li>
|
|
<li v-if="storeInfo.socials.twitter">
|
|
<a :href="storeInfo.socials.twitter" target="_blank">
|
|
<IconsTweeter/>
|
|
</a>
|
|
</li>
|
|
<li v-if="storeInfo.socials.facebook">
|
|
<a :href="storeInfo.socials.facebook" target="_blank">
|
|
<IconsFacebook/>
|
|
</a>
|
|
</li>
|
|
<li v-if="storeInfo.socials.instagram">
|
|
<a :href="storeInfo.socials.instagram" target="_blank">
|
|
<IconsInstagram/>
|
|
</a>
|
|
</li>
|
|
<li v-if="storeInfo.socials.googlePlus">
|
|
<a :href="storeInfo.socials.googlePlus" target="_blank">
|
|
<IconsGooglePlus/>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="copyRight">
|
|
<h4>© COPYRIGHT BY BARG RESTAURANT</h4>
|
|
<p>DESIGNED AND DEVELOPED BY <a href="https://danakcorp.com" target="_blank">DANAK CORPORATION</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data(){
|
|
return{
|
|
storeInfo : null
|
|
}
|
|
},
|
|
mounted() {
|
|
//////////////////////////////////////////////////////////////////////////
|
|
const offCanvasTL = this.$gsap.timeline({
|
|
paused: true,
|
|
onStart: () => {
|
|
this.$store.commit('global_vars/changeOffCanvas', true)
|
|
$('.offCanvas').css({display: 'block'})
|
|
$('.hamburger--btn .bars').addClass('close')
|
|
$('.hamburger--btn').addClass('hamburger--close--btn')
|
|
setTimeout(function () {
|
|
$('body').addClass('offCanvas--active')
|
|
}, 200)
|
|
},
|
|
onReverseComplete: () => {
|
|
this.$store.commit('global_vars/changeOffCanvas', false)
|
|
$('.offCanvas').css({display: 'none'})
|
|
$('.hamburger--btn .bars').removeClass('close')
|
|
$('.hamburger--btn').removeClass('hamburger--close--btn')
|
|
$('body').removeClass('offCanvas--active')
|
|
}
|
|
})
|
|
|
|
offCanvasTL
|
|
.to($('.offCanvas'), {bottom: 0, duration: 0.3})
|
|
.from($(".offCanvas .nav--links ul li"), {y: 30, opacity: 0, scale: 0.9, stagger: 0.05, duration: 0.3})
|
|
.from($(".offCanvas .social ul"), {y: 30, opacity: 0, scale: 0.9, duration: 0.3}, '-=0.3')
|
|
.from($(".offCanvas .copyRight h4"), {y: 30, opacity: 0, scale: 0.9, duration: 0.3}, '-=0.2')
|
|
.from($(".offCanvas .copyRight p"), {y: 30, opacity: 0, scale: 0.9, duration: 0.3}, '-=0.2')
|
|
|
|
$('.hamburger--btn').click(() => {
|
|
if (!this.$store.state.global_vars.offCanvas) {
|
|
offCanvasTL.timeScale(1).play()
|
|
} else {
|
|
offCanvasTL.timeScale(2).reverse()
|
|
}
|
|
})
|
|
},
|
|
async fetch() {
|
|
try {
|
|
const storeInfo = await this.$axios.get(`/api/public/storeInfo/`)
|
|
this.storeInfo = storeInfo.data
|
|
} catch (e) {
|
|
console.log('footer ******' , e.message)
|
|
}
|
|
},
|
|
}
|
|
|
|
</script>
|