317 lines
11 KiB
Vue
Executable File
317 lines
11 KiB
Vue
Executable File
<template>
|
|
<div>
|
|
<section v-if="site && site.contacts" class="landing__footer" :style="`background: `+ getBackColorText + `!important;`">
|
|
<div class="row justify-between items-start q-col-gutter-xs">
|
|
<div class="col-12 col-sm-4">
|
|
<!--<span v-html="t('homepage.footer.description')">-->
|
|
<!--</span>-->
|
|
|
|
<CFacebookFrame
|
|
v-if="getValDb('FBPAGE_IMG', false)"
|
|
myclass="text-center"
|
|
:fbimage="getValDb('FBPAGE_IMG', false)"
|
|
:urlfbpage="getValDb('FBPAGE_FRAME', false)"
|
|
:title="getValDb('FBPAGE_TITLE', false)"
|
|
>
|
|
</CFacebookFrame>
|
|
|
|
<div class="">
|
|
<div v-if="!!site.contacts && !!site.contacts.address">
|
|
<p class="mycontacts_title q-mt-sm">
|
|
{{ $t('footer.titleaddress') }}
|
|
</p>
|
|
<p class="mycontacts_address">
|
|
{{ site.contacts.address }}
|
|
</p>
|
|
</div>
|
|
|
|
<div class="landing__footer-icons row flex-center margin_buttons">
|
|
<a
|
|
v-if="!!site.contacts.facebook"
|
|
:href="site.contacts.facebook"
|
|
target="_blank"
|
|
>
|
|
<i
|
|
aria-hidden="true"
|
|
class="q-icon fab fa-facebook-f icon_contact links"
|
|
>
|
|
</i
|
|
></a>
|
|
|
|
<a
|
|
v-if="!!site.contacts.instagram"
|
|
:href="site.contacts.instagram"
|
|
target="_blank"
|
|
>
|
|
<i
|
|
aria-hidden="true"
|
|
class="q-icon fab fa-instagram icon_contact links"
|
|
>
|
|
</i
|
|
></a>
|
|
|
|
<a v-if="!!TwitterPage()" :href="TwitterPage()" target="_blank">
|
|
<i
|
|
aria-hidden="true"
|
|
class="q-icon fab fa-twitter icon_contact links"
|
|
>
|
|
</i
|
|
></a>
|
|
|
|
<a
|
|
v-if="!!TelegramSupport()"
|
|
:href="TelegramSupport()"
|
|
target="_blank"
|
|
>
|
|
<span class="text-h5 text-white">Supporto Tecnico: </span>
|
|
<i
|
|
aria-hidden="true"
|
|
class="q-icon fab fa-telegram icon_contact links"
|
|
></i
|
|
></a>
|
|
|
|
<a v-if="!!ChatWhatsapp()" :href="ChatWhatsapp()" target="_blank">
|
|
<i
|
|
aria-hidden="true"
|
|
class="q-icon fab fa-whatsapp icon_contact links"
|
|
></i
|
|
></a>
|
|
|
|
<a
|
|
v-if="!!Telegram_UsernameHttp()"
|
|
:href="Telegram_UsernameHttp()"
|
|
target="_blank"
|
|
>
|
|
<i
|
|
aria-hidden="true"
|
|
class="q-icon fab fa-telegram icon_contact links"
|
|
></i
|
|
></a>
|
|
|
|
<!--<a href="" target="_blank"><i aria-hidden="true" class="q-icon fab fa-github"> </i></a>-->
|
|
<!--<a href="https://twitter.com/" target="_blank"><i aria-hidden="true" class="q-icon fab fa-twitter"> </i></a>-->
|
|
<!--<a href="https://discord.gg/5TDhbDg" target="_blank"><i aria-hidden="true"-->
|
|
<!--class="q-icon fab fa-discord"> </i></a><a-->
|
|
<!--href="https://forum.quasar-framework.org/" target="_blank"><i aria-hidden="true"-->
|
|
<!--class="q-icon fas fa-comments"> </i></a><a-->
|
|
<!--href="https://www.patreon.com/quasarframework" target="_blank"><i aria-hidden="true"-->
|
|
<!--class="q-icon fab fa-patreon"> </i></a>-->
|
|
</div>
|
|
</div>
|
|
|
|
<div v-if="site.contacts.map" class="text-center">
|
|
<span v-html="getValDb('MAP_TITLE', false)"></span>
|
|
<br />
|
|
<a :href="site.contacts.map" target="_blank" class="footer_link"
|
|
>Apri Mappa</a
|
|
>
|
|
</div>
|
|
|
|
<!--<div class="q-mt-xs copyrights">-->
|
|
<!--<p class="mycontacts_text" v-html="t('homepage.copyrights')"></p>-->
|
|
<!--</div>-->
|
|
</div>
|
|
<div class="col-12 col-sm-4">
|
|
<p class="mycontacts_title q-mt-sm">{{ $t('homepage.titlecontatti') }}:</p>
|
|
<div class="text-center q-my-sm">
|
|
<div class="q-mt-xs mycontacts">
|
|
<div class="mycontacts_text">
|
|
<div class="row margin_buttons_footer">
|
|
<div class="row justify-center margin_buttons_x">
|
|
<q-btn
|
|
v-if="site.contacts.cell"
|
|
fab-mini
|
|
icon="fas fa-phone"
|
|
color="blue-grey-6"
|
|
type="a"
|
|
size="sm"
|
|
target="__blank"
|
|
>
|
|
</q-btn>
|
|
|
|
|
|
<div v-if="!!site.contacts.cell" class="mycontacts_cell">
|
|
{{ site.contacts.cell }}
|
|
</div>
|
|
</div>
|
|
<div class="row justify-center margin_buttons_x">
|
|
<q-btn
|
|
v-if="site.contacts.email"
|
|
fab-mini
|
|
icon="fas fa-envelope"
|
|
color="blue-grey-6"
|
|
type="a"
|
|
size="sm"
|
|
:href="tools.getemailto(site.contacts.email)"
|
|
target="__blank"
|
|
>
|
|
</q-btn>
|
|
|
|
<a
|
|
class="mycontacts_email"
|
|
v-if="!!site.contacts.email"
|
|
:href="tools.getemailto(site.contacts.email)"
|
|
target="_blank"
|
|
>{{ site.contacts.email }}</a
|
|
><br />
|
|
</div>
|
|
|
|
<div v-if="!!site.contacts.info2" class="mycontacts_email">{{site.contacts.info2}}</div>
|
|
</div>
|
|
<br />
|
|
<div style="margin-bottom: 20px"></div>
|
|
<div
|
|
v-for="(rec, index) in getarrValDb(
|
|
'CONTACTS_EMAIL_CELL',
|
|
false
|
|
)"
|
|
:key="index"
|
|
class="mycontacts_text margin_buttons_footer"
|
|
style="margin-bottom: 0"
|
|
>
|
|
<div>{{ rec.name }}: {{ rec.phone }}</div>
|
|
<div>
|
|
<i
|
|
v-if="rec.email"
|
|
aria-hidden="true"
|
|
class="q-icon fas fa-envelope q-ma-sm"
|
|
></i>
|
|
<a :href="`mailto:` + rec.email" class="links">{{
|
|
rec.email
|
|
}}</a>
|
|
</div>
|
|
|
|
<div class="row justify-center margin_buttons_footer">
|
|
<q-btn
|
|
v-if="rec.email"
|
|
fab-mini
|
|
icon="fas fa-envelope"
|
|
color="blue-grey-6"
|
|
type="a"
|
|
size="sm"
|
|
:href="tools.getemailto(rec.email)"
|
|
target="__blank"
|
|
>
|
|
</q-btn>
|
|
<q-btn
|
|
v-if="!!rec.wa && tools.getHttpForWhatsapp(rec.wa)"
|
|
fab-mini
|
|
icon="fab fa-whatsapp"
|
|
color="green"
|
|
type="a"
|
|
size="sm"
|
|
:href="tools.getHttpForWhatsapp(rec.wa)"
|
|
target="__blank"
|
|
>
|
|
</q-btn>
|
|
|
|
<q-btn
|
|
v-if="tools.getHttpForTelegram(rec.usertelegram)"
|
|
fab-mini
|
|
icon="fab fa-telegram"
|
|
color="blue"
|
|
type="a"
|
|
size="sm"
|
|
:href="tools.getHttpForTelegram(rec.usertelegram)"
|
|
target="__blank"
|
|
>
|
|
</q-btn>
|
|
</div>
|
|
</div>
|
|
<span v-if="getValDb('CALL_WORKING_DAYS', false)"
|
|
><br />orari per chiamate:<br />
|
|
<span v-html="getValDb('CALL_WORKING_DAYS', false)"></span
|
|
></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<FormNewsletter
|
|
v-if="static_data.functionality.SHOW_NEWSLETTER"
|
|
:idwebsite="tools.appid()"
|
|
:locale="toolsext.getLocale()"
|
|
>
|
|
</FormNewsletter>
|
|
|
|
<p class="text-center">
|
|
<router-link
|
|
v-if="site.policy && site.policy.show"
|
|
to="/policy"
|
|
custom
|
|
v-slot="{ navigate }"
|
|
>
|
|
<span
|
|
class="footer_link"
|
|
@click="navigate"
|
|
@keypress.enter="navigate"
|
|
role="link"
|
|
>{{ $t('privacy_policy') }}</span
|
|
></router-link
|
|
>
|
|
</p>
|
|
</div>
|
|
|
|
<div class="col-12 col-sm-4 q-pa-md">
|
|
<p style="text-align: center">
|
|
<logo></logo>
|
|
</p>
|
|
<div v-for="(myitemmenu, ind) in static_data.routes" :key="ind">
|
|
<div v-if="myitemmenu.infooter && tools.visumenu(myitemmenu)">
|
|
<div v-if="myitemmenu.solotitle">
|
|
<span class="footer_link">{{
|
|
tools.getLabelByItem(myitemmenu)
|
|
}}</span
|
|
><br />
|
|
</div>
|
|
<div v-else>
|
|
<router-link :to="myitemmenu.path" custom v-slot="{ navigate }">
|
|
<span
|
|
class="footer_link"
|
|
@click="navigate"
|
|
@keypress.enter="navigate"
|
|
role="link"
|
|
><span v-if="myitemmenu.level_child > 0"
|
|
> </span
|
|
>
|
|
{{ tools.getLabelByItem(myitemmenu) }}</span
|
|
><br />
|
|
</router-link>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<q-page-sticky
|
|
v-if="site.whatsapp_home"
|
|
position="bottom-right"
|
|
:offset="[18, 78]"
|
|
>
|
|
<q-btn
|
|
fab
|
|
icon="fab fa-whatsapp"
|
|
color="green"
|
|
type="a"
|
|
:href="ChatWhatsapp()"
|
|
target="__blank"
|
|
class="mybtn_sticky"
|
|
/>
|
|
</q-page-sticky>
|
|
<q-page-scroller
|
|
position="bottom-right"
|
|
:scroll-offset="850"
|
|
:offset="[18, 18]"
|
|
style="opacity: 0.3"
|
|
>
|
|
<q-btn fab icon="keyboard_arrow_up" color="accent" />
|
|
</q-page-scroller>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts" src="./LandingFooter.ts">
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
@import './LandingFooter.scss';
|
|
</style>
|