surya/freeplanet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

- Fix CImgTitle positioning

Browse Source 
- CPreloadImage
This commit is contained in:
Paolo Arena
2019-09-19 22:56:19 +02:00
parent 04f4a83d6c
commit 3459f00a3b
18 changed files with 208 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/BannerCookies/BannerCookies.ts
View File

@@ -12,7 +12,7 @@ import { Prop } from 'vue-property-decorator'
})
export default class BannerCookies extends Vue {
public $t
public $t: any
@Prop({ required: true }) public urlInfo: string
public elementId = 'id'

2
src/components/BannerCookies/BannerCookies.vue
View File

@@ -3,7 +3,7 @@
<div class="q-pa-md q-gutter-sm">
<transition appear name="slide-up" mode="out-in" :duration="2000">
<q-banner class="bg-primary text-white" transition-show="jump-down">
Usiamo i Cookie per una migliore prestazione web.
{{$t('cookies')}}
<template v-slot:action>
<q-btn v-if="disableDecline === false" flat color="white" label="Declina"
@click="decline"></q-btn>

12
src/components/CImgText/CImgText.scss
View File

@@ -33,24 +33,28 @@
@media (max-width: 1600px) {
.myclimg {
height: 550px !important;
max-height: 550px !important;
}
}
@media (max-width: 1000px) {
.myclimg {
height: 450px !important;
max-height: 450px !important;
}
}
@media (max-width: 800px) {
.myclimg {
height: 400px !important;
max-height: 400px !important;
}
}
@media (max-width: 718px) {
@media (max-width: 400px) {
.myclimg {
// height: inherit !important;
}
// PER VERSIONE MOBILE
.landing > section.padding_testo {
padding-top: 0.5rem;

1
src/components/CTitle/CTitle.ts
View File

@@ -12,6 +12,7 @@ import { Screen } from 'quasar'
export default class CTitle extends Vue {
@Prop({ required: false, default: '' }) public imgbackground: string
@Prop({ required: false, default: '' }) public imghead: string
@Prop({ required: false, default: '' }) public sizes: string
@Prop({ required: true }) public headtitle: string
get tools() {

2
src/components/CTitle/CTitle.vue
View File

@@ -1,7 +1,7 @@
<template>
<div>
<q-img v-if="imgbackground" :src="imgbackground"
:style="tools.styles_imgtitle()">
:style="tools.styles_imgtitle(sizes)">
<div class="absolute-bottom text-body1 text-center">
<h2 class="titletext">{{headtitle}}</h2>

4
src/components/Footer/Footer.ts
View File

@@ -27,6 +27,10 @@ export default class Footer extends Vue {
return tools
}
get mythis() {
return this
}
get TelegramSupport() {
return db_data.TELEGRAM_SUPPORT
}

52
src/components/Footer/Footer.vue
View File

@@ -10,12 +10,13 @@
<!--</span>-->
<FormNewsletter v-if="static_data.SHOW_NEWSLETTER" :idwebsite="tools.appid()" :locale="tools.getLocale()">
<FormNewsletter v-if="static_data.SHOW_NEWSLETTER" :idwebsite="tools.appid()"
:locale="tools.getLocale()">
</FormNewsletter>
<div class="q-mt-xs copyrights">
<p class="mycontacts_text" v-html="$t('homepage.copyrights')"></p>
</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">
@@ -28,13 +29,13 @@
<p class="mycontacts_text" v-html="$t('homepage.contacts')"></p>
</div>
<div class="landing__footer-icons row flex-center">
<a :href="FBPage" target="_blank">
<a v-if="!!FBPage" :href="FBPage" target="_blank">
<i aria-hidden="true" class="q-icon fab fa-facebook-f icon_contact links"> </i></a>
<a :href="InstagramPage" target="_blank">
<a v-if="!!InstagramPage" :href="InstagramPage" target="_blank">
<i aria-hidden="true" class="q-icon fab fa-instagram icon_contact links"> </i></a>
<a :href="TelegramSupport" target="_blank">
<a v-if="!!TelegramSupport" :href="TelegramSupport" target="_blank">
<i aria-hidden="true" class="q-icon fab fa-telegram icon_contact links"></i></a>
@@ -53,29 +54,22 @@
</div>
<div class="col-12 col-sm-4 q-pa-md" v-for="">
<a href="/"><span class="footer_link">Home</span></a><br />
<div v-for="myitemmenu in static_data.routes">
<div v-if="myitemmenu.infooter">
<div v-if="myitemmenu.solotitle">
<span class="footer_link">{{tools.getLabelByItem(myitemmenu, mythis)}}</span><br/>
</div>
<div v-else>
<router-link :to="myitemmenu.path">
<span class="footer_link"><span v-if="myitemmenu.level_child > 0">&nbsp;&nbsp;&nbsp;</span>
{{tools.getLabelByItem(myitemmenu, mythis)}}</span><br/>
</router-link>
</div>
<!--<a :href="myitemmenu.path"><span class="footer_link">{{tools.getLabelByItem(myitemmenu, mythis)}}</span></a><br/>-->
</div>
</div>
</div>
<!--
<div class="col-12 col-sm-4 q-pa-md">
<a href="/"><span class="footer_link">Home</span></a><br />
<a href="/chisiamo"><span class="footer_link">Chi Siamo</span></a><br />
<a href="/calendarioeventi"><span class="footer_link">Calendario Eventi</span></a><br />
<a href="/reiki/significato"><span class="footer_link">Reiki</span></a><br />
<a href="/reiki/seminari"><span class="footer_link"> - Seminari Reiki</span></a><br />
<a href="/reiki/trattamentiindividuali"><span class="footer_link"> - Trattamenti Individuali</span></a><br />
<a href="/reiki/seratereikigruppo"><span class="footer_link"> - Serate di Gruppo</span></a><br />
<a href="/shiatsu/significato"><span class="footer_link">Shiatsu</span></a><br />
<a href="/shiatsu/trattamentiindividuali"><span class="footer_link"> - Trattamenti Individuali</span></a><br />
<a href="/shiatsu/energyyoga"><span class="footer_link"> - Energy Yoga</span></a><br />
<a href="/fioridibach"><span class="footer_link">Fiori di Bach</span></a><br />
<a href="/scuolaoperatoreolistico"><span class="footer_link">Scuola Operatore Olistico</span></a><br />
<a href="/scuoladinaturopatia"><span class="footer_link">Scuola di Naturopatia</span></a><br />
<br /><a href="/policy"><span class="footer_link">Privacy Policy</span></a><br />
</div>
-->
</div>
</section>
<q-page-scroller position="bottom-right" :scroll-offset="850" :offset="[18, 18]" style="opacity: 0.3">

4
src/components/FormNewsletter/FormNewsletter.vue
View File

@@ -1,7 +1,7 @@
<template>
<div>
<div class="q-pa-md q-gutter-sm text-white">
<p class="news_title">Desideri ricevere la nostra Newsletter?</p>
<p class="news_title">{{$t('newsletter.title')}}</p>
<q-form
@submit="onSubmit"
@reset="onReset"
@@ -41,7 +41,7 @@
</q-input>
<a href="/policy"><span class="news_link">Privacy Policy</span></a>
<router-link to="/policy"><span class="news_link">Privacy Policy</span></router-link>
<q-toggle dark v-model="accept" :label="$t('newsletter.acceptlicense')"/>

1
src/components/index.ts
View File

@@ -8,6 +8,7 @@ export * from './CPage'
export * from './CTitle'
export * from './CImgText'
export * from './CImgTitle'
export * from './CPreloadImages'
export * from './CDate'
export * from './BannerCookies'
export * from './PagePolicy'