sito Terra Della Visione...3
Pagina Operatori
This commit is contained in:
Paolo Arena
@@ -2,6 +2,7 @@ import { defineComponent, ref } from 'vue'
|
||||
|
||||
import { CCardDiscipline } from '../CCardDiscipline'
|
||||
import { useGlobalStore } from '@store/globalStore'
|
||||
import { tools } from '@store/Modules/tools'
|
||||
|
||||
export default defineComponent({
|
||||
name: 'CCardCarousel',
|
||||
@@ -11,15 +12,26 @@ export default defineComponent({
|
||||
type: Array,
|
||||
required: true,
|
||||
},
|
||||
directory: {
|
||||
type: String,
|
||||
required: false,
|
||||
default: '',
|
||||
}
|
||||
},
|
||||
setup() {
|
||||
setup(props, { emit }) {
|
||||
|
||||
const globalStore = useGlobalStore()
|
||||
const slidedisc = ref(0)
|
||||
|
||||
function getimgdisc(disc: any) {
|
||||
return props.directory + tools.getimgev(disc)
|
||||
}
|
||||
|
||||
return {
|
||||
slidedisc,
|
||||
globalStore,
|
||||
tools,
|
||||
getimgdisc,
|
||||
}
|
||||
},
|
||||
})
|
||||
|
||||
@@ -12,9 +12,9 @@
|
||||
<q-item
|
||||
clickable v-ripple
|
||||
:to="disc.linkpage">
|
||||
<q-item-section avatar v-if="tools.getimgev(disc)">
|
||||
<q-item-section avatar v-if="getimgdisc(disc)">
|
||||
<q-avatar>
|
||||
<img :src="tools.getimgev(disc)" :alt="disc.label">
|
||||
<img :src="getimgdisc(disc)" :alt="disc.label">
|
||||
</q-avatar>
|
||||
</q-item-section>
|
||||
<q-item-section>{{ disc.label }}</q-item-section>
|
||||
@@ -71,11 +71,11 @@
|
||||
<q-carousel-slide
|
||||
v-for="(myrec, index) in myarr"
|
||||
:key="index"
|
||||
:img-src="myrec.img_small"
|
||||
:img-src="directory + myrec.img_small"
|
||||
:alt="myrec.label"
|
||||
:name="index">
|
||||
<div class="row q-ma-xs">
|
||||
<CCardDiscipline :discipline="myrec" mystyle="height: 500px" autoplay.sync="globalStore.autoplaydisc">
|
||||
<CCardDiscipline :directory=directory :discipline="myrec" mystyle="height: 500px" autoplay.sync="globalStore.autoplaydisc">
|
||||
|
||||
</CCardDiscipline>
|
||||
</div>
|
||||
|
||||
@@ -19,6 +19,11 @@ export default defineComponent({
|
||||
Type: Object as PropType<IDiscipline>,
|
||||
required: true,
|
||||
},
|
||||
directory: {
|
||||
type: String,
|
||||
required: false,
|
||||
default: '',
|
||||
},
|
||||
mystyle: {
|
||||
type: String,
|
||||
required: false,
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="my-card-shadow yes_shadow" style="opacity: 1 !important;">
|
||||
<q-card class="my-card-discipline text-center inset-shadow" :style="mystyle">
|
||||
<q-img :src="`public/` + discipline.img_small" class="myimg" :alt="discipline.label">
|
||||
<q-img :src="directory + discipline.img_small" class="myimg" :alt="discipline.label">
|
||||
<div class="absolute-bottom text-spacetrans">
|
||||
<q-btn rounded :to="discipline.linkpage">
|
||||
<div class="text-h5 disc__title shadow-max">{{ discipline.label }}</div>
|
||||
@@ -32,6 +32,7 @@
|
||||
</q-card-section>
|
||||
|
||||
<q-btn
|
||||
v-if="discipline.linkpage"
|
||||
class="q-mb-md" rounded size="md" color="primary" :to="discipline.linkpage"
|
||||
:label="$t('cal.readall')"></q-btn>
|
||||
</q-card>
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
</div>-->
|
||||
<div>
|
||||
<!-- display an myevent -->
|
||||
<q-dialog v-model="displayEvent">
|
||||
<q-dialog v-model="displayEvent" :maximized="$q.screen.lt.sm">
|
||||
<q-card v-if="myevent" class="dialog_card">
|
||||
<q-toolbar class="bg-primary text-white">
|
||||
<!--<q-toolbar :class="tools.displayClasses(myevent)"-->
|
||||
|
||||
463
src/components/CFundRaising/CFundRaising.scss
Executable file
463
src/components/CFundRaising/CFundRaising.scss
Executable file
@@ -0,0 +1,463 @@
|
||||
li {
|
||||
color: darkgreen !important;
|
||||
}
|
||||
|
||||
.testo-banda {
|
||||
//background: -webkit-gradient(linear, left top, left bottom, from(#3144f0), to(transparent));
|
||||
//background: linear-gradient(180deg, #3144f0, transparent);
|
||||
//background: rgba(0, 0, 0, .6)
|
||||
}
|
||||
|
||||
$grayshadow: #555;
|
||||
|
||||
$textcol: blue;
|
||||
$textcol_scuro: darkblue;
|
||||
|
||||
p {
|
||||
margin: 0 0 1.25rem;
|
||||
//text-shadow: .125rem .125rem .25rem $grayshadow;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.mycard {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.landing {
|
||||
}
|
||||
|
||||
.landing_background {
|
||||
background: #000 url(../../../public/images/foto1.jpg) no-repeat 50% fixed;
|
||||
background-size: cover
|
||||
}
|
||||
|
||||
.landing > section {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
//padding: 0 16px
|
||||
}
|
||||
|
||||
.intro {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: stretch;
|
||||
/* flex-flow: row nowrap; */
|
||||
|
||||
padding: 1.25rem 0 1.25rem 0;
|
||||
margin: .125rem;
|
||||
|
||||
* {
|
||||
width: 100%;
|
||||
flex: 1;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
&__associazione {
|
||||
min-width: 350px;
|
||||
}
|
||||
|
||||
&__comeassociarsi{
|
||||
min-width: 350px;
|
||||
}
|
||||
}
|
||||
|
||||
.subtitle {
|
||||
font-weight: 600;
|
||||
text-align: center;
|
||||
letter-spacing: 0.125rem;
|
||||
text-transform: uppercase;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.landing > section.padding {
|
||||
padding: 5.62rem 1rem;
|
||||
}
|
||||
|
||||
.landing > section.padding_testo {
|
||||
padding-top: 1.25rem;
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
|
||||
.landing > section.padding_gallery {
|
||||
padding-top: 3.125rem;
|
||||
padding-bottom: 5.625rem;
|
||||
}
|
||||
|
||||
.landing > section > div {
|
||||
position: relative;
|
||||
max-width: 1240px;
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.landing__toolbar {
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent));
|
||||
background: linear-gradient(180deg, #000, transparent);
|
||||
padding: 0 !important
|
||||
}
|
||||
|
||||
.landing__toolbar .q-btn {
|
||||
border-radius: 0 0 .315rem .315rem;
|
||||
-ms-flex-item-align: stretch;
|
||||
align-self: stretch
|
||||
}
|
||||
|
||||
.landing__hero {
|
||||
min-height: 50vh
|
||||
}
|
||||
|
||||
.landing__header {
|
||||
height: 18vh
|
||||
}
|
||||
|
||||
.landing__arrow {
|
||||
bottom: 1.5rem;
|
||||
opacity: .4
|
||||
}
|
||||
|
||||
.landing__front {
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(15%, rgba(0, 0, 0, .6)));
|
||||
background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .6) 15%)
|
||||
}
|
||||
|
||||
.landing__logo {
|
||||
width: 9.40rem;
|
||||
height: 9.40rem;
|
||||
margin-top: 1.315rem;
|
||||
//-webkit-animation: logo-rotate 240s linear infinite;
|
||||
//animation: logo-rotate 240s linear infinite
|
||||
}
|
||||
|
||||
.landing__features .q-icon {
|
||||
font-size: 4rem
|
||||
}
|
||||
|
||||
h4 {
|
||||
line-height: 1.5;
|
||||
text-shadow: .25rem .25rem .5rem $grayshadow;
|
||||
}
|
||||
|
||||
.landing__features h4, .landing__features h6 {
|
||||
margin: 1rem 0
|
||||
}
|
||||
|
||||
.landing__features p {
|
||||
opacity: .7;
|
||||
font-size: 1rem;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.landing__footer {
|
||||
//background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, rgba(0, 0, 0, .1)), to(#000));
|
||||
background: linear-gradient(180deg, rgba(0, 0, 0, .8) 95%, #FFF);
|
||||
padding-top: 4.5rem !important;
|
||||
padding-bottom: 4.5rem !important;
|
||||
padding-left: 1.25rem;
|
||||
padding-right: 1.25rem;
|
||||
color: #9f9f9f;
|
||||
}
|
||||
|
||||
.icon_contact:hover {
|
||||
color: blue;
|
||||
border-color: white;
|
||||
border-width: .0625rem;
|
||||
}
|
||||
|
||||
.landing__footer .doc-link {
|
||||
color: $textcol;
|
||||
}
|
||||
|
||||
.landing__footer .doc-link:hover {
|
||||
opacity: .8
|
||||
}
|
||||
|
||||
.landing__swirl-bg {
|
||||
background-repeat: no-repeat !important;
|
||||
background-position: top;
|
||||
background-size: contain !important;
|
||||
background-image: url(../../../public/images/landing_first_section.png) !important
|
||||
}
|
||||
|
||||
.feat-descr {
|
||||
font-size: 1.15rem;
|
||||
}
|
||||
|
||||
.feat-descr:hover {
|
||||
transition: opacity 0.5s ease-in-out;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.q-col-gutter-sm {
|
||||
padding: 3.125rem 3.125rem;
|
||||
//margin-left: -48px
|
||||
}
|
||||
|
||||
body.mobile .landing {
|
||||
//background: unset
|
||||
}
|
||||
|
||||
body.mobile .landing:before {
|
||||
content: "";
|
||||
position: fixed;
|
||||
top: 0;
|
||||
height: 100vh;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: -1;
|
||||
//background: #000 url(../../public/images/cover.jpg) 50%;
|
||||
|
||||
background-size: cover
|
||||
}
|
||||
|
||||
/*
|
||||
@-webkit-keyframes logo-rotate {
|
||||
to {
|
||||
-webkit-transform: rotate(-1turn);
|
||||
transform: rotate(-1turn)
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes logo-rotate {
|
||||
to {
|
||||
-webkit-transform: rotate(-1turn);
|
||||
transform: rotate(-1turn)
|
||||
}
|
||||
}
|
||||
*/
|
||||
|
||||
.home {
|
||||
//background-color: rgb(250, 250, 250);
|
||||
padding: 3.125rem;
|
||||
display: flex;
|
||||
//flex-wrap: nowrap;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.btn-start {
|
||||
margin: 3.125rem;
|
||||
}
|
||||
|
||||
.shadow {
|
||||
//color: white;
|
||||
text-shadow: 0.125rem 0.125rem 0.25rem $grayshadow;
|
||||
}
|
||||
|
||||
.shadow-max {
|
||||
//color: white;
|
||||
text-shadow: .25rem .25rem .5rem $grayshadow;
|
||||
}
|
||||
|
||||
.text-h1 {
|
||||
font-size: 6rem;
|
||||
font-weight: 300;
|
||||
line-height: 6rem;
|
||||
letter-spacing: -.01562em;
|
||||
}
|
||||
|
||||
.text-h2 {
|
||||
font-size: 3.75rem;
|
||||
font-weight: 300;
|
||||
line-height: 3.75rem;
|
||||
letter-spacing: -.00833em;
|
||||
}
|
||||
|
||||
.text-weight-bold {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.text-vers{
|
||||
font-size: 0.75rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.75rem;
|
||||
letter-spacing: .00937em;
|
||||
text-shadow: .25rem .25rem .5rem $grayshadow;
|
||||
}
|
||||
|
||||
.homep-cover-img-1 {
|
||||
background: #000 url(../../../public/images/foto1.jpg) no-repeat 50% fixed;
|
||||
//transition: background-image 1s ease-in-out;
|
||||
}
|
||||
|
||||
.homep-cover-img-2 {
|
||||
background: #000 url(../../../public/images/foto2.jpg) no-repeat 50% fixed;
|
||||
//transition: background-image 1s ease-in-out;
|
||||
}
|
||||
|
||||
.homep-cover-img-3 {
|
||||
background: #000 url(../../../public/images/foto3.jpg) no-repeat 50% fixed;
|
||||
//transition: background-image 1s ease-in-out;
|
||||
}
|
||||
|
||||
.homep-cover-img.hide-filter:before {
|
||||
opacity: 0
|
||||
}
|
||||
|
||||
.landing__footer-icons {
|
||||
font-size: 1.75rem
|
||||
}
|
||||
|
||||
.landing__footer-icons a {
|
||||
margin: 0 .5rem .5rem;
|
||||
text-decoration: none;
|
||||
outline: 0;
|
||||
color: $textcol;
|
||||
transition: color .28s
|
||||
}
|
||||
|
||||
.landing__footer-icons a:hover {
|
||||
color: $textcol_scuro;
|
||||
}
|
||||
|
||||
.doc-img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.mylist {
|
||||
padding: 0.75rem;
|
||||
border-radius: 16px; border: 2px solid #00f7ff;
|
||||
}
|
||||
|
||||
.clgutter {
|
||||
margin-top: 1.25rem;
|
||||
padding: .62rem;
|
||||
}
|
||||
|
||||
.carousel_img_3 {
|
||||
//background-image: url(../../public/images/cibo_sano.jpg);
|
||||
background-size: cover !important;
|
||||
background-position: 50% center !important;
|
||||
background-repeat: no-repeat !important;
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 718px) {
|
||||
// PER VERSIONE MOBILE
|
||||
|
||||
.landing__hero {
|
||||
text-align: center
|
||||
}
|
||||
.landing__header {
|
||||
height: 2vh
|
||||
}
|
||||
.clgutter {
|
||||
margin-top: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.landing__hero .text-h1 {
|
||||
font-size: 3rem;
|
||||
line-height: 3.05rem;
|
||||
margin-bottom: 1.5rem
|
||||
}
|
||||
|
||||
.landing > section.padding {
|
||||
padding: 2.5rem 1rem;
|
||||
}
|
||||
|
||||
.landing > section.padding_testo {
|
||||
padding-top: 1.25rem;
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
|
||||
.landing > section.padding_gallery {
|
||||
padding-top: 3.125rem;
|
||||
padding-bottom: 5.625rem;
|
||||
}
|
||||
|
||||
.landing__features h4, .landing__features h6 {
|
||||
margin: 1.25rem 0
|
||||
}
|
||||
|
||||
h4 {
|
||||
line-height: 1.4;
|
||||
text-shadow: 0.25rem 0.25rem 0.5rem $grayshadow;
|
||||
}
|
||||
|
||||
.landing .feature-item {
|
||||
text-align: center;
|
||||
margin-top: 1.25rem;
|
||||
}
|
||||
.landing__hero-content {
|
||||
padding-bottom: 3.5rem;
|
||||
}
|
||||
.landing__hero-btns {
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center
|
||||
}
|
||||
|
||||
.q-col-gutter-sm {
|
||||
padding: .625rem .315rem;
|
||||
}
|
||||
|
||||
.text-subtitle1 {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
.text-vers{
|
||||
font-size: 0.6rem;
|
||||
}
|
||||
|
||||
.carousel_img_3 {
|
||||
//background-image: url(../../public/images/cibo_sano.jpg);
|
||||
background-size: 620px 620px !important;
|
||||
background-position: 50% top !important;
|
||||
background-repeat: no-repeat !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.custom-caption {
|
||||
text-align: center;
|
||||
padding: .75rem;
|
||||
color: $textcol;
|
||||
background-color: rgba(0, 0, 0, .3);
|
||||
}
|
||||
|
||||
.mycontacts {
|
||||
color: gray;
|
||||
letter-spacing: 0.078rem;
|
||||
}
|
||||
|
||||
.mycontacts_title {
|
||||
text-shadow: 0.125rem 0.125rem 0.125rem #555;
|
||||
font-weight: bold;
|
||||
color: #999;
|
||||
letter-spacing: 0.125rem;
|
||||
}
|
||||
|
||||
.mycontacts_text {
|
||||
color: #999;
|
||||
letter-spacing: 0.093rem;
|
||||
}
|
||||
|
||||
|
||||
|
||||
li {
|
||||
color: white !important;
|
||||
font-size: 18px;
|
||||
@media (max-width: 600px) {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
ul li::before {
|
||||
content: '\2713';
|
||||
color: #aefff5 !important;
|
||||
display: inline-block;
|
||||
width: 1em;
|
||||
margin-left: 20px;
|
||||
margin-right: 5px;
|
||||
@media (max-width: 600px) {
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
137
src/components/CFundRaising/CFundRaising.ts
Executable file
137
src/components/CFundRaising/CFundRaising.ts
Executable file
@@ -0,0 +1,137 @@
|
||||
import { defineComponent, ref, computed, PropType, toRef, onMounted, onBeforeUnmount } from 'vue'
|
||||
import { useUserStore } from '@store/UserStore'
|
||||
import { useRouter } from 'vue-router'
|
||||
import { useGlobalStore } from '@store/globalStore'
|
||||
import { useI18n } from '@/boot/i18n'
|
||||
import { tools } from '@store/Modules/tools'
|
||||
import { Footer, Logo } from '@components'
|
||||
|
||||
|
||||
export default defineComponent({
|
||||
name: 'CFundRaising',
|
||||
components: {Logo, Footer},
|
||||
props: {},
|
||||
setup() {
|
||||
const { t } = useI18n();
|
||||
const $router = useRouter()
|
||||
const visibile = ref(false)
|
||||
const cardvisible = ref('hidden')
|
||||
const displaycard = ref('block')
|
||||
const firstClassSection = ref('fade homep-cover-img animate-fade homep-cover-img-1')
|
||||
const polling: any = ref()
|
||||
const slide = ref('first')
|
||||
const animare = ref(0)
|
||||
|
||||
function initprompt() {
|
||||
window.addEventListener('beforeinstallprompt', (event) => {
|
||||
// console.log('******************************** beforeinstallprompt fired')
|
||||
event.preventDefault()
|
||||
// console.log('§§§§§§§§§§§§§§§§§§§§ IMPOSTA DEFERRED PROMPT !!!!!!!!!!!!!!!!! ')
|
||||
// #Todo++ IMPOSTA DEFERRED PROMPT
|
||||
return false
|
||||
})
|
||||
}
|
||||
|
||||
function created() {
|
||||
initprompt()
|
||||
|
||||
animare.value = process.env.DEV ? 0 : 8000
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
let primo = true
|
||||
const mytime = 10000
|
||||
polling.value = setInterval(() => {
|
||||
firstClassSection.value = `landing_background fade homep-cover-img ${primo ? 'homep-cover-img-2' : 'homep-cover-img-1'}`
|
||||
primo = !primo
|
||||
|
||||
// console.log('this.firstClassSection', this.firstClassSection)
|
||||
}, mytime)
|
||||
})
|
||||
|
||||
function appname() {
|
||||
return t('msg.myAppName')
|
||||
}
|
||||
|
||||
onBeforeUnmount(() => {
|
||||
console.log('beforeDestroy')
|
||||
clearInterval(polling.value)
|
||||
})
|
||||
|
||||
function meta() {
|
||||
return {
|
||||
keywords: { name: 'keywords', content: 'Quasar website' },
|
||||
// meta tags
|
||||
meta: {
|
||||
mykey: { name: 'mykey', content: 'Key 1' },
|
||||
description: { name: 'description', content: 'Page 1' },
|
||||
keywords: { name: 'keywords', content: 'Quasar website' },
|
||||
equiv: { 'http-equiv': 'Content-Type', content: 'text/html; charset=UTF-8' },
|
||||
},
|
||||
}
|
||||
}
|
||||
|
||||
function mystilecard() {
|
||||
return {
|
||||
visibility: cardvisible.value,
|
||||
display: displaycard.value,
|
||||
}
|
||||
}
|
||||
|
||||
function getenv(myvar: any) {
|
||||
try {
|
||||
return process.env[myvar]
|
||||
} catch (e) {
|
||||
return ''
|
||||
}
|
||||
}
|
||||
|
||||
function getPermission() {
|
||||
return Notification.permission
|
||||
}
|
||||
|
||||
function NotServiceWorker() {
|
||||
return (!('serviceWorker' in navigator))
|
||||
}
|
||||
|
||||
function PagLogin() {
|
||||
$router.replace('/signin')
|
||||
}
|
||||
|
||||
function PagReg() {
|
||||
$router.replace('/signup')
|
||||
}
|
||||
|
||||
function openCreatePostModal() {
|
||||
console.log('APERTO ! openCreatePostModal')
|
||||
|
||||
visibile.value = !visibile.value
|
||||
|
||||
if (visibile.value) {
|
||||
displaycard.value = 'block'
|
||||
cardvisible.value = 'visible'
|
||||
} else {
|
||||
displaycard.value = 'block'
|
||||
cardvisible.value = 'hidden'
|
||||
}
|
||||
}
|
||||
|
||||
created()
|
||||
|
||||
return {
|
||||
t,
|
||||
appname,
|
||||
meta,
|
||||
mystilecard,
|
||||
getenv,
|
||||
getPermission,
|
||||
NotServiceWorker,
|
||||
PagLogin,
|
||||
PagReg,
|
||||
openCreatePostModal,
|
||||
slide,
|
||||
tools,
|
||||
animare,
|
||||
}
|
||||
},
|
||||
})
|
||||
28
src/components/CFundRaising/CFundRaising.vue
Executable file
28
src/components/CFundRaising/CFundRaising.vue
Executable file
@@ -0,0 +1,28 @@
|
||||
<template>
|
||||
<q-page class="text-white">
|
||||
|
||||
<div class="landing">
|
||||
|
||||
<section class="bg-primary">
|
||||
<div class=" row justify-between items-start q-col-gutter-sm">
|
||||
<div class="col-12">
|
||||
<div class="feature-item"><i
|
||||
aria-hidden="true"
|
||||
class="q-icon fas fa-hands-holding"> </i>
|
||||
<div class="text-big" v-html="t('homepage.freesostieni.title')"></div>
|
||||
<p class="feat-descr" v-html="t('homepage.freesostieni.descr')"></p></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<Footer></Footer>
|
||||
</div>
|
||||
</q-page>
|
||||
</template>
|
||||
|
||||
<script lang="ts" src="./CFundRaising.ts">
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import './CFundRaising.scss';
|
||||
</style>
|
||||
1
src/components/CFundRaising/index.ts
Executable file
1
src/components/CFundRaising/index.ts
Executable file
@@ -0,0 +1 @@
|
||||
export {default as CFundRaising} from './CFundRaising.vue'
|
||||
@@ -461,7 +461,6 @@
|
||||
<div class="tdclass">
|
||||
<div :class="getclrow(props.row)">
|
||||
|
||||
|
||||
<CMyPopupEdit
|
||||
:table="mytable"
|
||||
:canEdit="canEdit"
|
||||
@@ -529,6 +528,7 @@
|
||||
:canEdit="true"
|
||||
:canModify="tools.canModifyThisRec(rowclicksel, tablesel)"
|
||||
:disable="disabilita()"
|
||||
:isInModif="mycol.isInModif"
|
||||
view="field"
|
||||
:mycol="mycol"
|
||||
:showall="true"
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
<template>
|
||||
<div>
|
||||
<div v-if="mypath && !!rec">
|
||||
|
||||
<div class="q-ma-sm q-gutter-sm q-pa-xs">
|
||||
<div v-if="!!rec.img1" class="text-center">
|
||||
<q-img :src="``+ rec.img1" class="img"></q-img>
|
||||
@@ -29,6 +30,7 @@
|
||||
|
||||
</div>
|
||||
<div v-else>
|
||||
|
||||
<div v-if="!!title">
|
||||
<CTitle
|
||||
v-if="imgbackground" :imgbackground="imgbackground"
|
||||
|
||||
@@ -191,7 +191,13 @@ export default defineComponent({
|
||||
|
||||
const myImgGall = ref(<IImgGallery[]>[{}])
|
||||
|
||||
const col = ref(<IColGridTable> { name: 'test', fieldtype: 0, showWhen: costanti.showWhen.NewRec + costanti.showWhen.InEdit + costanti.showWhen.InView, visible: true, maxlength: props.mycol ? props.mycol.maxlength : 0 })
|
||||
const col = ref(<IColGridTable>{
|
||||
name: 'test',
|
||||
fieldtype: 0,
|
||||
showWhen: costanti.showWhen.NewRec + costanti.showWhen.InEdit + costanti.showWhen.InView,
|
||||
visible: true,
|
||||
maxlength: props.mycol ? props.mycol.maxlength : 0
|
||||
})
|
||||
|
||||
const { setValDb, getValDb } = MixinBase()
|
||||
const { getMyUsername } = MixinUsers()
|
||||
@@ -204,7 +210,7 @@ export default defineComponent({
|
||||
|
||||
|
||||
const myrow = computed(() => {
|
||||
return props.rec && props.isrec ? props.rec : props.row
|
||||
return props.rec && props.isrec ? props.rec : props.row
|
||||
})
|
||||
|
||||
function crea() {
|
||||
@@ -253,7 +259,7 @@ export default defineComponent({
|
||||
})
|
||||
|
||||
|
||||
function isFieldDb(){
|
||||
function isFieldDb() {
|
||||
return props.type !== 0
|
||||
}
|
||||
|
||||
@@ -369,7 +375,7 @@ export default defineComponent({
|
||||
list: []
|
||||
}
|
||||
}
|
||||
}else if (col.value.fieldtype === costanti.FieldType.listobj) {
|
||||
} else if (col.value.fieldtype === costanti.FieldType.listobj) {
|
||||
if (myvalue.value === '' || myvalue.value === undefined) {
|
||||
// console.log('set default myvalue.value ')
|
||||
myvalue.value = [{
|
||||
@@ -426,7 +432,7 @@ export default defineComponent({
|
||||
// console.log('SaveValueInt', newVal, valinitial)
|
||||
|
||||
if (isFieldDb()) {
|
||||
savefield(newVal, valinitial, $q);
|
||||
savefield(newVal, valinitial, $q)
|
||||
} else {
|
||||
// Update value in table memory
|
||||
if (props.subfield !== '') {
|
||||
@@ -581,7 +587,7 @@ export default defineComponent({
|
||||
if (col.link)
|
||||
mylink = col.link.replace(col.name, val)
|
||||
if (col.tipovisu === costanti.TipoVisu.LINK && col.link) {
|
||||
return "<a href='"+mylink+"'>" + val + '</a>'
|
||||
return "<a href='" + mylink + "'>" + val + '</a>'
|
||||
} else if (col.tipovisu === costanti.TipoVisu.BUTTON && col.link) {
|
||||
return ''
|
||||
}
|
||||
@@ -642,9 +648,10 @@ export default defineComponent({
|
||||
if (fieldsTable.tableForUsers.includes(props.table)) {
|
||||
return 'Profilo'
|
||||
} else {
|
||||
return fieldsTable.getTitleImgByTable(props.table);
|
||||
return fieldsTable.getTitleImgByTable(props.table)
|
||||
}
|
||||
}
|
||||
|
||||
function getDirectoryGall() {
|
||||
let ris = ''
|
||||
let username = myrow.value.hasOwnProperty('username') ? myrow.value['username'] : ''
|
||||
@@ -659,11 +666,13 @@ export default defineComponent({
|
||||
}
|
||||
if (fieldsTable.tableForUsers.includes(props.table)) {
|
||||
ris = 'profile/' + username + '/' + props.table
|
||||
}else if (props.table === 'users') {
|
||||
} else if (props.table === 'users') {
|
||||
ris = 'profile/' + userStore.my.username
|
||||
}else if (props.table === 'mygroups') {
|
||||
} else if (props.table === 'mygroups') {
|
||||
if (myrow.value.hasOwnProperty('groupname'))
|
||||
ris = 'mygroups/' + myrow.value['groupname']
|
||||
} else if (!!myrow.value && !!myrow.value.directory) {
|
||||
ris = myrow.value.directory
|
||||
} else {
|
||||
ris = props.table
|
||||
}
|
||||
@@ -674,7 +683,7 @@ export default defineComponent({
|
||||
function uploaded(info: any) {
|
||||
|
||||
if (info.files) {
|
||||
myvalue.value = tools.geturlrelativeprofile()+ '/' + getMyUsername() + '/' + info.files[0].name
|
||||
myvalue.value = tools.geturlrelativeprofile() + '/' + getMyUsername() + '/' + info.files[0].name
|
||||
console.log('uploaded', myvalue.value)
|
||||
savefield(myvalue.value, '', $q)
|
||||
}
|
||||
@@ -702,7 +711,8 @@ export default defineComponent({
|
||||
if (!!col.field_extra1) {
|
||||
try {
|
||||
title = tools.getValue(row, col.field_extra1, col.subfield_extra1!)
|
||||
}catch (e){}
|
||||
} catch (e) {
|
||||
}
|
||||
}
|
||||
|
||||
return title
|
||||
|
||||
@@ -1,20 +1,20 @@
|
||||
<template>
|
||||
<span>
|
||||
<q-dialog v-model="showuserdetails" v-if="myop">
|
||||
<q-dialog v-model="showuserdetails" v-if="myop" :maximized="$q.screen.lt.sm">
|
||||
<q-card class="dialog_card">
|
||||
<q-toolbar class="bg-primary text-white">
|
||||
<q-toolbar-title>
|
||||
{{ myop.name }} {{ myop.surname }}
|
||||
{{ myop.name }} {{ myop.surname ? myop.surname : '' }}
|
||||
</q-toolbar-title>
|
||||
<q-btn flat round color="white" icon="close" v-close-popup></q-btn>
|
||||
</q-toolbar>
|
||||
<q-card-section class="text-center inset-shadow">
|
||||
<div style="width: 200px; float: left;">
|
||||
<q-img :src="`images/` + myop.img" class="myimg" :alt="`${myop.name} ${myop.surname}`">
|
||||
</q-img>
|
||||
</div>
|
||||
<div class="column justify-center" style="min-width: 280px">
|
||||
<q-img
|
||||
:src="`images/` + myop.img" class="img_effetto_3d" :alt="`${myop.name} ${myop.surname}`">
|
||||
</q-img>
|
||||
|
||||
<div class="text-h6 text-trans">{{ myop.name }} {{ myop.surname }}</div>
|
||||
<div class="title_shadow">{{ myop.name }} {{ myop.surname ? myop.surname : '' }}</div>
|
||||
<div class="text-subtitle-carica text-trans">{{ myop.qualification }}</div>
|
||||
<div class="text-subtitle-carica">{{ myop.disciplines }}</div>
|
||||
<div v-if="myop.certifications" class="text-subtitle-certificato">{{ myop.certifications }}</div>
|
||||
@@ -59,6 +59,7 @@
|
||||
|
||||
<br>
|
||||
<div class="op__storia" v-html="myop.info"></div>
|
||||
</div>
|
||||
|
||||
</q-card-section>
|
||||
<q-card-actions align="center">
|
||||
|
||||
95
src/components/COperators/COperators.scss
Executable file
95
src/components/COperators/COperators.scss
Executable file
@@ -0,0 +1,95 @@
|
||||
$heightBtn: 100%;
|
||||
$grayshadow: #555;
|
||||
|
||||
.text-subtitle-carica {
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.75rem;
|
||||
letter-spacing: .00937em;
|
||||
text-shadow: .1rem .1rem .1rem $grayshadow;
|
||||
}
|
||||
|
||||
.text-subtitle-certificato {
|
||||
font-size: 0.75rem;
|
||||
line-height: 1rem;
|
||||
}
|
||||
|
||||
@media (max-width: 718px) {
|
||||
// PER VERSIONE MOBILE
|
||||
.text-subtitle-carica {
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.op {
|
||||
text-align: center !important;
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.75rem;
|
||||
letter-spacing: .00937em;
|
||||
text-shadow: .1rem .1rem .1rem $grayshadow;
|
||||
|
||||
&__cell {
|
||||
font-size: 1rem;
|
||||
color: red;
|
||||
}
|
||||
|
||||
&__email {
|
||||
font-size: 1rem;
|
||||
color: #3b5998;
|
||||
}
|
||||
|
||||
&__email a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&__facebook a {
|
||||
font-size: 1rem;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&__storia {
|
||||
margin-top: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
text-align: justify;
|
||||
}
|
||||
}
|
||||
|
||||
.myimg {
|
||||
border-radius: 300px !important;
|
||||
}
|
||||
|
||||
.q-img {
|
||||
&__image {
|
||||
border-radius: 300px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.myflex {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.mybase {
|
||||
color: black;
|
||||
font-size: 0.75rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.25rem;
|
||||
letter-spacing: 0.03333em;
|
||||
|
||||
&__teacher {
|
||||
margin-top: 5px;
|
||||
|
||||
&-content {
|
||||
color: darkblue;
|
||||
}
|
||||
|
||||
&-content:hover {
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
49
src/components/COperators/COperators.ts
Executable file
49
src/components/COperators/COperators.ts
Executable file
@@ -0,0 +1,49 @@
|
||||
import { computed, defineComponent, ref, watch } from 'vue'
|
||||
|
||||
import { tools } from '@store/Modules/tools'
|
||||
import { CMyAvatar } from '../CMyAvatar'
|
||||
import MixinOperator from '../../mixins/mixin-operator'
|
||||
import MixinUsers from '../../mixins/mixin-users'
|
||||
import { useGlobalStore } from '@store/globalStore'
|
||||
|
||||
|
||||
export default defineComponent({
|
||||
name: 'CMyTeacher',
|
||||
components: { CMyAvatar },
|
||||
props: {
|
||||
myop: {
|
||||
type: Object,
|
||||
required: true,
|
||||
},
|
||||
},
|
||||
setup(props) {
|
||||
|
||||
const globalStore = useGlobalStore()
|
||||
const showuserdetails = ref(false)
|
||||
const autoplaydiscsaved = ref(0)
|
||||
const tab = ref('one')
|
||||
|
||||
const mydir = ref('images/')
|
||||
|
||||
watch(() => showuserdetails, (value: any, old: any) => {
|
||||
if (!showuserdetails.value) {
|
||||
globalStore.autoplaydisc = autoplaydiscsaved.value
|
||||
}
|
||||
})
|
||||
|
||||
function executeclick(event: any) {
|
||||
console.log('executeclick')
|
||||
showuserdetails.value = true
|
||||
|
||||
autoplaydiscsaved.value = globalStore.autoplaydisc
|
||||
globalStore.autoplaydisc = 0
|
||||
}
|
||||
return {
|
||||
tab,
|
||||
executeclick,
|
||||
showuserdetails,
|
||||
tools,
|
||||
mydir,
|
||||
}
|
||||
},
|
||||
})
|
||||
63
src/components/COperators/COperators.vue
Executable file
63
src/components/COperators/COperators.vue
Executable file
@@ -0,0 +1,63 @@
|
||||
<template>
|
||||
<div v-if="myop">
|
||||
<div class="q-pa-md">
|
||||
<div class="column justify-center" style="min-width: 300px">
|
||||
<q-img
|
||||
:src="mydir + myop.img" class="img_effetto_3d" :alt="`${myop.name} ${myop.surname}`">
|
||||
</q-img>
|
||||
<div class="q-ma-sm title_shadow">{{ myop.name }} {{ myop.surname ? myop.surname : '' }}</div>
|
||||
|
||||
<div v-if="myop.qualification" class="text-subtitle-carica text-trans">{{ myop.qualification }}</div>
|
||||
<div v-if="myop.disciplines" class="text-subtitle-carica">{{ myop.disciplines }}</div>
|
||||
<div v-if="myop.cell" class="op__cell">
|
||||
<q-icon v-if="myop.cell" class="flex-icon" name="mobile_friendly"></q-icon>
|
||||
<span v-if="myop.cell" class="q-mx-sm">{{ myop.cell }}</span>
|
||||
</div>
|
||||
|
||||
<div class="row justify-center margin_buttons">
|
||||
<q-btn
|
||||
v-if="myop.email" fab-mini icon="fas fa-envelope"
|
||||
color="blue-grey-6" type="a"
|
||||
size="sm"
|
||||
:href="tools.getemailto(myop.email)" target="__blank">
|
||||
</q-btn>
|
||||
<q-btn
|
||||
v-if="tools.getHttpForWhatsapp(myop.cell)" fab-mini icon="fab fa-whatsapp"
|
||||
color="green" type="a"
|
||||
size="sm"
|
||||
:href="tools.getHttpForWhatsapp(myop.cell)" target="__blank">
|
||||
</q-btn>
|
||||
|
||||
<q-btn
|
||||
v-if="tools.getHttpForTelegram(myop.usertelegram)" fab-mini icon="fab fa-telegram"
|
||||
color="blue" type="a"
|
||||
size="sm"
|
||||
:href="tools.getHttpForTelegram(myop.usertelegram)" target="__blank">
|
||||
</q-btn>
|
||||
</div>
|
||||
<div v-if="myop.email" class="op__email">
|
||||
<q-icon class="flex-icon" name="contact_mail"></q-icon>
|
||||
<a :href="tools.getemailto(myop.email)" target="_blank">{{ myop.email }}
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="op__facebook" v-if="myop.paginafb">
|
||||
<a :href="myop.paginafb" target="_blank">
|
||||
<i aria-hidden="true" class="q-icon fab fa-facebook-f icon_contact links"></i> Pagina
|
||||
Facebook
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div v-if="myop.info" class="text-normal op__storia" v-html="myop.info"></div>
|
||||
<br>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" src="./COperators.ts">
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import './COperators.scss';
|
||||
</style>
|
||||
1
src/components/COperators/index.ts
Executable file
1
src/components/COperators/index.ts
Executable file
@@ -0,0 +1 @@
|
||||
export {default as COperators} from './COperators.vue'
|
||||
@@ -334,7 +334,7 @@ body.mobile .landing:before {
|
||||
|
||||
.carousel_img_3 {
|
||||
//background-image: url(../../public/images/cibo_sano.jpg);
|
||||
background-size: cover !important;
|
||||
background-size: contain !important;
|
||||
background-position: 50% center !important;
|
||||
background-repeat: no-repeat !important;
|
||||
}
|
||||
|
||||
@@ -16,7 +16,7 @@
|
||||
height="100%"
|
||||
width="100%"
|
||||
>
|
||||
<q-carousel-slide name="first" img-src="images/cover.jpg">
|
||||
<q-carousel-slide name="first" img-src="images/cover.jpg" class="carousel_img_3">
|
||||
<div class="landing__header"></div>
|
||||
<div class="landing__hero-content row justify-center q-gutter-xs clgutter">
|
||||
<div class="row">
|
||||
@@ -87,7 +87,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</q-carousel-slide>
|
||||
<q-carousel-slide name="second" img-src="images/hand_people.jpg">
|
||||
<q-carousel-slide name="second" img-src="images/hand_people.jpg" class="carousel_img_3">
|
||||
<div class="landing__header"></div>
|
||||
<div class="landing__hero-content row justify-center q-gutter-xs clgutter">
|
||||
<div class="row">
|
||||
@@ -337,6 +337,6 @@
|
||||
<script lang="ts" src="./CPresentazione.ts">
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
<style lang="scss" scoped>
|
||||
@import './CPresentazione.scss';
|
||||
</style>
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div>
|
||||
<div v-if="tools.isLogged() && tools.getUsername()" class="text-center">
|
||||
<div v-if="need_Telegram && tools.isLogged() && tools.getUsername()" class="text-center">
|
||||
<q-banner
|
||||
rounded
|
||||
class="bg-green text-white"
|
||||
@@ -29,6 +29,7 @@
|
||||
<q-btn class="q-ma-sm" color="positive" icon="fas fa-home" label="Se sei già Registrato CLICCA QUI" to="/"></q-btn>
|
||||
|
||||
<q-banner
|
||||
v-if="need_Telegram"
|
||||
rounded
|
||||
class="bg-warning text-black"
|
||||
style="text-align: center;"
|
||||
@@ -44,7 +45,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div v-if="visubuttBOT" class="q-gutter-md">
|
||||
<div v-if="visubuttBOT && need_Telegram" class="q-gutter-md">
|
||||
<q-banner
|
||||
rounded
|
||||
class="bg-green-5 text-white"
|
||||
|
||||
@@ -94,11 +94,11 @@
|
||||
:href="tools.getemailto(rec.email)" target="__blank">
|
||||
</q-btn>
|
||||
<q-btn
|
||||
v-if="tools.getHttpForWhatsapp(rec.phone)" fab-mini
|
||||
v-if="!!rec.wa && tools.getHttpForWhatsapp(rec.wa)" fab-mini
|
||||
icon="fab fa-whatsapp"
|
||||
color="green" type="a"
|
||||
size="sm"
|
||||
:href="tools.getHttpForWhatsapp(rec.phone)" target="__blank">
|
||||
:href="tools.getHttpForWhatsapp(rec.wa)" target="__blank">
|
||||
</q-btn>
|
||||
|
||||
<q-btn
|
||||
|
||||
@@ -14,14 +14,22 @@
|
||||
icon="fas fa-home"
|
||||
/>
|
||||
<q-route-tab
|
||||
v-if="static_data.functionality.ENABLE_VIEW_GROUPS"
|
||||
to="/groups"
|
||||
icon="fas fa-users"
|
||||
/>
|
||||
<q-route-tab
|
||||
v-if="static_data.functionality.ENABLE_VIEW_USERS"
|
||||
to="/friends"
|
||||
icon="fas fa-user-friends"
|
||||
/>
|
||||
<q-route-tab
|
||||
v-if="static_data.functionality.ENABLE_VIEW_BOOKINGS"
|
||||
to="/admin/eventlist"
|
||||
icon="fas fa-calendar-plus"
|
||||
/>
|
||||
<q-route-tab
|
||||
v-if="static_data.functionality.ENABLE_VIEW_PROFILE"
|
||||
:to="`/my/`+getMyUsername()"
|
||||
icon="person"
|
||||
/>
|
||||
|
||||
@@ -52,4 +52,6 @@ export * from './CMyRecGrpCard'
|
||||
export * from './CPresentazione'
|
||||
export * from './CAccomodation'
|
||||
export * from './COpenStreetMap'
|
||||
export * from './COperators'
|
||||
export * from './CFundRaising'
|
||||
// export * from './CPreloadImages'
|
||||
|
||||
Reference in New Issue
Block a user