From 46bf74e9e2d0e42a605fd60967fcf3289cbb8de9 Mon Sep 17 00:00:00 2001 From: Surya Paolo Date: Wed, 23 Nov 2022 10:27:36 +0100 Subject: [PATCH] Animations, Policy, Toolbar Colors --- .env.development | 2 +- .env.example.production | 2 +- _ALL_SITES/riso.app/.env.development | 2 +- _ALL_SITES/riso.app/.env.production | 2 +- _ALL_SITES/riso.app/.env.test | 2 +- .../terradellavisione.app/.env.development | 2 +- src/App.ts | 46 +- src/App.vue | 2 +- src/common/shared_vuejs.ts | 98 ++- src/components/CImgPoster/CImgPoster.ts | 19 +- src/components/CImgPoster/CImgPoster.vue | 7 +- src/components/CMyEditElem/CMyEditElem.ts | 2 + src/components/CMyEditElem/CMyEditElem.vue | 252 +++--- src/components/CMyElem/CMyElem.vue | 106 ++- src/components/CMyFieldDb/CMyFieldDb.ts | 11 +- src/components/CMyFieldDb/CMyFieldDb.vue | 1 + src/components/CMyFieldRec/CMyFieldRec.ts | 2 +- src/components/CMyPageElem/CMyPageElem.ts | 14 +- src/components/CMyPageElem/CMyPageElem.vue | 48 +- src/components/CMyPageElem2/CMyPageElem2.ts | 6 +- src/components/CMyPageElem2/CMyPageElem2.vue | 61 +- src/components/CMyPopupEdit/CMyPopupEdit.ts | 5 +- src/components/CMyPopupEdit/CMyPopupEdit.vue | 758 +++++++++++++----- .../CSelectAnimation/CSelectAnimation.ts | 36 +- .../CSelectAnimation/CSelectAnimation.vue | 8 +- src/components/CSignUp/CSignUp.ts | 2 + src/components/CSignUp/CSignUp.vue | 21 +- .../LandingFooter/LandingFooter.scss | 24 +- src/components/LandingFooter/LandingFooter.ts | 12 + .../LandingFooter/LandingFooter.vue | 285 +++++-- src/components/MyFooter/MyFooter.ts | 3 + src/components/MyFooter/MyFooter.vue | 5 +- src/components/MyHeader/MyHeader.ts | 27 +- src/components/MyHeader/MyHeader.vue | 11 +- src/css/app.scss | 39 +- src/css/fonts/Baskervville-Italic.woff | Bin 0 -> 45548 bytes src/css/fonts/Baskervville-Regular.woff | Bin 0 -> 55540 bytes src/model/GlobalStore.ts | 52 +- src/root/policy/policy.ts | 10 +- src/root/policy/policy.vue | 19 +- src/rootgen/admin/confsite/confsite.ts | 23 + src/rootgen/admin/confsite/confsite.vue | 271 ++++++- src/statics/lang/it.js | 15 + src/store/Modules/costanti.ts | 1 + src/store/Modules/fieldsTable.ts | 112 +++ src/store/Modules/tools.ts | 47 +- src/store/UserStore.ts | 5 +- src/store/globalStore.ts | 4 + 48 files changed, 1852 insertions(+), 630 deletions(-) create mode 100644 src/css/fonts/Baskervville-Italic.woff create mode 100644 src/css/fonts/Baskervville-Regular.woff diff --git a/.env.development b/.env.development index c5ec2b2f..8cb9de1a 100755 --- a/.env.development +++ b/.env.development @@ -1,4 +1,4 @@ -APP_VERSION="0.5.27" +APP_VERSION="0.5.28" SERVICE_WORKER_FILE="service-worker.js" APP_ID="16" DIRECTORY_LOCAL="newfreeplanet" diff --git a/.env.example.production b/.env.example.production index 1566c622..6236468f 100755 --- a/.env.example.production +++ b/.env.example.production @@ -1,4 +1,4 @@ -APP_VERSION="0.5.27" +APP_VERSION="0.5.28" SERVICE_WORKER_FILE="service-worker.js" APP_ID="13" DIRECTORY_LOCAL=newfreeplanet diff --git a/_ALL_SITES/riso.app/.env.development b/_ALL_SITES/riso.app/.env.development index e647f0a7..c3a222af 100755 --- a/_ALL_SITES/riso.app/.env.development +++ b/_ALL_SITES/riso.app/.env.development @@ -1,4 +1,4 @@ -APP_VERSION="0.5.27" +APP_VERSION="0.5.28" SERVICE_WORKER_FILE="service-worker.js" APP_ID="13" DIRECTORY_LOCAL="newfreeplanet" diff --git a/_ALL_SITES/riso.app/.env.production b/_ALL_SITES/riso.app/.env.production index f1993400..12cf5900 100644 --- a/_ALL_SITES/riso.app/.env.production +++ b/_ALL_SITES/riso.app/.env.production @@ -1,4 +1,4 @@ -APP_VERSION="0.5.27" +APP_VERSION="0.5.28" SERVICE_WORKER_FILE="service-worker.js" APP_ID="13" DIRECTORY_LOCAL=newfreeplanet diff --git a/_ALL_SITES/riso.app/.env.test b/_ALL_SITES/riso.app/.env.test index 565cd05c..39998fb2 100755 --- a/_ALL_SITES/riso.app/.env.test +++ b/_ALL_SITES/riso.app/.env.test @@ -1,4 +1,4 @@ -APP_VERSION="0.5.27" +APP_VERSION="0.5.28" SERVICE_WORKER_FILE="service-worker.js" APP_ID="16" DIRECTORY_LOCAL=newfreeplanet diff --git a/_ALL_SITES/terradellavisione.app/.env.development b/_ALL_SITES/terradellavisione.app/.env.development index fbde70f6..1a8494ae 100755 --- a/_ALL_SITES/terradellavisione.app/.env.development +++ b/_ALL_SITES/terradellavisione.app/.env.development @@ -1,4 +1,4 @@ -APP_VERSION="0.5.27" +APP_VERSION="0.5.28" SERVICE_WORKER_FILE="service-worker.js" APP_ID="14" DIRECTORY_LOCAL="newfreeplanet" diff --git a/src/App.ts b/src/App.ts index c6d813c3..2b19303c 100755 --- a/src/App.ts +++ b/src/App.ts @@ -7,7 +7,7 @@ import { useUserStore } from '@store/UserStore' import { MyHeader } from '@/components/MyHeader' import { MyFooter } from '@/components/MyFooter' import { CFirstPageApp } from '@/components/CFirstPageApp' -import { computed } from 'vue' +import { computed, onMounted, ref, watch } from 'vue' import { CProvaPao } from '@/components/CProvaPao' import { tools } from '@store/Modules/tools' @@ -33,24 +33,59 @@ export default { const finishLoading = computed(() => globalStore.finishLoading) + const site = computed(() => globalStore.site) + + watch(() => finishLoading.value, (newval: boolean, oldval: boolean) => { + console.log('watch finished', newval) + if (newval) { + tools.updateFonts() + } + + }) + const listaRoutingNoLogin = ['/vreg?', '/offline'] function meta() { return { title: t('msg.myAppName'), keywords: [{ name: 'keywords', content: 'associazione shen, centro olistico lugo' }, - { name: 'description', content: t('msg.myAppDescription') }], + { name: 'description', content: t('msg.myAppDescription') }], // equiv: { 'http-equiv': 'Content-Type', 'content': 'text/html; charset=UTF-8' } } } + function isScrolledIntoView (el: any) { + let rect = el.getBoundingClientRect() + let elemTop = rect.top + let elemBottom = rect.bottom + + let isVisible = elemTop < window.innerHeight && elemBottom >= 0 + return isVisible + } + + function scroll() { + window.onscroll = () => { + let scrolledTo = document.querySelector('.replace-with-your-element') + + if (scrolledTo && isScrolledIntoView(scrolledTo)) { + console.log('scrolled') + } + } + } + + function mounted() { + scroll() + } + + + async function created() { try { if (process.env.DEV) { console.info('SESSIONE IN SVILUPPO ! (DEV)') // console.info(process.env) } - if ( tools.isTest() && !process.env.DEV) { + if (tools.isTest() && !process.env.DEV) { console.info('SESSIONE IN TEST ! (TEST)') } else { if (process.env.PROD) { @@ -77,6 +112,9 @@ export default { } else { globalStore.finishLoading = true } + + tools.updateFonts() + } catch (e) { globalStore.finishLoading = true } @@ -85,6 +123,8 @@ export default { // Check the verified_email } + onMounted(mounted) + created() return { diff --git a/src/App.vue b/src/App.vue index 995a23e6..e84d70bc 100755 --- a/src/App.vue +++ b/src/App.vue @@ -1,7 +1,7 @@