change back-end to node js
This commit is contained in:
Amir Mohamadi
@@ -0,0 +1,34 @@
|
||||
<template>
|
||||
<section class="customers-communication">
|
||||
<div class="container">
|
||||
<div class="panel">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-6">
|
||||
<div class="imgBox imgBox-reverse">
|
||||
<img src="~/assets/img/customersCommunication.jpg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<h2 class="title title-shape">{{staticData.t1}}</h2>
|
||||
<p>{{staticData.t2}}</p>
|
||||
<nuxt-link :to="{name: staticData.link.url}" class="btn btn-reverse-fill">{{staticData.link.txt}}</nuxt-link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
computed: {
|
||||
staticData() {
|
||||
if (this.$route.params.lang === 'fa') {
|
||||
return this.$store.state.staticData.customersCommunication.fa
|
||||
} else if (this.$route.params.lang === 'en') {
|
||||
return this.$store.state.staticData.customersCommunication.en
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,56 @@
|
||||
<template>
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-8 links">
|
||||
<logo/>
|
||||
<div class="box">
|
||||
<p><b>{{staticData.t1}}</b> <span>{{staticData.address}}</span></p>
|
||||
<hr>
|
||||
<p>
|
||||
<b>{{staticData.t2}}</b> <a :href="'tel:' + staticData.fax">{{staticData.tell}}</a>
|
||||
    -    
|
||||
<b>{{staticData.t3}}</b> <a :href="'tel:' + staticData.fax">{{staticData.fax}}</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-4 social">
|
||||
<ul class="social-links">
|
||||
<li>
|
||||
<a href="" target="_blank">
|
||||
<em class="fab fa-facebook-f"></em>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="" target="_blank">
|
||||
<em class="fab fa-twitter"></em>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="" target="_blank">
|
||||
<em class="fab fa-telegram-plane"></em>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<p>{{staticData.t5}}</p>
|
||||
<p><b>{{staticData.t4}}</b> <a :href="'mailto:' + staticData.email">{{staticData.email}}</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
computed: {
|
||||
staticData() {
|
||||
if (this.$route.params.lang === 'fa') {
|
||||
return this.$store.state.staticData.footer.fa
|
||||
} else if (this.$route.params.lang === 'en') {
|
||||
return this.$store.state.staticData.footer.en
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -0,0 +1,53 @@
|
||||
<template>
|
||||
<footer class="footer footer--home">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-8 links">
|
||||
<logo/>
|
||||
<div class="box">
|
||||
<p><b>{{staticData.t1}}</b> <span>{{staticData.address}}</span></p>
|
||||
<hr>
|
||||
<p><b>{{staticData.t2}}</b> <a :href="'tel:' + staticData.fax">{{staticData.tell}}</a></p>
|
||||
<p><b>{{staticData.t3}}</b> <a :href="'tel:' + staticData.fax">{{staticData.fax}}</a></p>
|
||||
<ul class="social-links">
|
||||
<li>
|
||||
<a href="" target="_blank">
|
||||
<em class="fab fa-facebook-f"></em>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="" target="_blank">
|
||||
<em class="fab fa-twitter"></em>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="" target="_blank">
|
||||
<em class="fab fa-telegram-plane"></em>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<p><b>{{staticData.t4}}</b> <a :href="'mailto:' + staticData.email">{{staticData.email}}</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-4 map">
|
||||
<img src="~/assets/img/footer-map.jpg" alt="">
|
||||
<p>{{staticData.t5}}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
computed: {
|
||||
staticData() {
|
||||
if (this.$route.params.lang === 'fa') {
|
||||
return this.$store.state.staticData.footer.fa
|
||||
} else if (this.$route.params.lang === 'en') {
|
||||
return this.$store.state.staticData.footer.en
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,86 @@
|
||||
<template>
|
||||
<header class="header">
|
||||
<div class="container-fluid">
|
||||
<nav class="row align-items-center">
|
||||
<div class="col-7 links">
|
||||
<div class="container-fluid">
|
||||
<ul class="row align-items-center">
|
||||
<nuxt-link :to="{name: staticData.home.url}" tag="li" exact class="col">
|
||||
<a class="logo">
|
||||
<logo/>
|
||||
</a>
|
||||
</nuxt-link>
|
||||
<nuxt-link :to="{name: staticData.home.url}" tag="li" exact class="col">
|
||||
<a>{{staticData.home.title}}</a>
|
||||
</nuxt-link>
|
||||
<nuxt-link :to="{name: staticData.about.url}" tag="li" exact class="col">
|
||||
<a>{{staticData.about.title}}</a>
|
||||
</nuxt-link>
|
||||
<nuxt-link :to="{name: staticData.services.url}" tag="li" exact class="col">
|
||||
<a>{{staticData.services.title}}</a>
|
||||
</nuxt-link>
|
||||
<nuxt-link :to="{name: staticData.products.url}" tag="li" exact class="col">
|
||||
<a>{{staticData.products.title}}</a>
|
||||
</nuxt-link>
|
||||
<nuxt-link :to="{name: staticData.contact.url}" tag="li" exact class="col">
|
||||
<a>{{staticData.contact.title}}</a>
|
||||
</nuxt-link>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-5 lag-switcher">
|
||||
<div class="container-fluid">
|
||||
<ul class="row flex-row-reverse align-items-center">
|
||||
<li>
|
||||
<div class="dropdown" @mouseenter="drop" @mouseleave="drop">
|
||||
<div class="title">
|
||||
<p v-if="this.$route.params.lang === 'fa'" class="current-lang">فا</p>
|
||||
<p v-else-if="this.$route.params.lang === 'en'" class="current-lang">EN</p>
|
||||
</div>
|
||||
<div class="dropMenu">
|
||||
<div class="drop-item">
|
||||
<nuxt-link :to="{to: this.$route.fullPath, params: {lang: 'fa'}}">فا</nuxt-link>
|
||||
</div>
|
||||
<div class="drop-item">
|
||||
<nuxt-link :to="{to: this.$route.fullPath, params: {lang: 'en'}}">EN</nuxt-link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
computed: {
|
||||
staticData() {
|
||||
if (this.$route.params.lang === 'fa') {
|
||||
return this.$store.state.staticData.header.fa
|
||||
} else if (this.$route.params.lang === 'en') {
|
||||
return this.$store.state.staticData.header.en
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
drop(target) {
|
||||
$(target.path).toggleClass('dropdown-active')
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
/////////////////////////////////////////////////////////// small header
|
||||
$(window).scroll(function (e) {
|
||||
if ($(window).scrollTop() > 50) {
|
||||
$('.header').addClass('header-small')
|
||||
} else {
|
||||
$('.header').removeClass('header-small')
|
||||
}
|
||||
})
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,24 @@
|
||||
<template>
|
||||
<div class="hero">
|
||||
<div class="bg"></div>
|
||||
<div class="txt">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<h2 class="col">{{title}}</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
title: {
|
||||
required: true,
|
||||
type: String
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -0,0 +1,9 @@
|
||||
<template>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
x="0px" y="0px" viewBox="0 0 47.3 36.1" style="enable-background:new 0 0 47.3 36.1;" xml:space="preserve">
|
||||
<rect fill="none" width="109" height="42"/>
|
||||
<path fill="#1B407C" d="M35.7,35.9l-6.6-13.3c0,0-2.3-4.6,2.8-4.9c0,0,5.2,0.2,6.6-1.4c0,0,2-3.9-1.8-5.1H23V11h0
|
||||
v16.9h5v8H5.2c0,0-5.2-0.9-5.2-7.6V3h14.9V0h8v3h13.7c0,0,9.7,0.5,10.2,10.1c0,0,1.3,8.7-9.2,11.3l6,11.4L35.7,35.9z M14.9,27.9V11
|
||||
H8v16.9H14.9z"/>
|
||||
</svg>
|
||||
</template>
|
||||
Reference in New Issue
Block a user