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

Others Elements for the Pages

Browse Source
This commit is contained in:
Surya Paolo
2022-11-29 13:59:18 +01:00
parent 9d32f92589
commit 1ab75a58f4
19 changed files with 344 additions and 157 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/CFundRaising/CFundRaising.ts
View File

@@ -2,7 +2,8 @@ import { defineComponent, ref, computed, PropType, toRef, onMounted, onBeforeUnm
import { useGlobalStore } from '@store/globalStore'
import { useI18n } from '@/boot/i18n'
import { tools } from '@store/Modules/tools'
import { LandingFooter, Logo } from '@components'
import { LandingFooter } from '@/components/LandingFooter'
import { Logo } from '@/components/logo'
import { IMyPage } from 'model'

7
src/components/CMyEditElem/CMyEditElem.ts
View File

@@ -38,7 +38,7 @@ export default defineComponent({
CCardCarousel, COpenStreetMap, CMyPage, CMyPageIntro, CMyEditor, CMyFieldRec,
CSelectColor, CSelectFontSize, CSelectImage, CImgPoster, CSelectAnimation
},
emits: ['saveElem'],
emits: ['saveElem', 'selElemClick'],
props: {
myelem: {
type: Object as PropType<IMyElem>,
@@ -127,8 +127,9 @@ export default defineComponent({
newrec.class2 = 'row justify-center'
}
globalStore.addNewElem($q, t, newrec)
emit('selElemClick', newrec)
}
function dupElem(order?: number) {
@@ -201,6 +202,8 @@ export default defineComponent({
myel.value.listcards.push({ _id: objectId(), imagefile: '', alt: '', description: '' })
modifElem()
}
function addNewElemText() {

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

@@ -8,7 +8,7 @@
"
>
<div v-if="!!myel.type">
<q-bar v-if="enableEdit" dense class="bg-blue-1 q-px-sm">
<q-bar v-if="enableEdit" dense class=" q-px-sm">
<q-toggle v-model="myel.active" color="positive" icon="fas fa-eye">
</q-toggle>
<!--<q-toggle v-if="tools.isManager()"

15
src/components/CMyElem/CMyElem.scss
View File

@@ -463,7 +463,7 @@ body.mobile .landing:before {
cursor: pointer;
}
.selectedElem {
border: #200e96 solid 3px !important;
border: #b91111 solid 3px !important;
}
.align_center {
@@ -483,3 +483,16 @@ body.mobile .landing:before {
justify-content: space-between;
background-color: green;
}
.elemEdit{
margin: 3px;
padding: 3px;
background-color: #3fdaff;
text-align: center;
font-weight: bold;
}
.elemEdit:hover {
border: #11f609 solid 2px;
cursor: pointer;
}

18
src/components/CMyElem/CMyElem.ts
View File

@@ -19,12 +19,20 @@ import { CEventsCalendar } from '@src/components/CEventsCalendar'
import { CMyEditor } from '@src/components/CMyEditor'
import { CMyFieldRec } from '@src/components/CMyFieldRec'
import { CSelectColor } from '@src/components/CSelectColor'
import { CMainView } from '@src/components/CMainView'
import { CDashboard } from '@src/components/CDashboard'
import { CStatusReg } from '@src/components/CStatusReg'
import { CTitleBanner } from '@src/components/CTitleBanner'
import { CCheckIfIsLogged } from '@src/components/CCheckIfIsLogged'
import { CSelectFontSize } from '@src/components/CSelectFontSize'
import { CNotifAtTop } from '@src/components/CNotifAtTop'
import { CPresentazione } from '@src/components/CPresentazione'
import MixinMetaTags from '@/mixins/mixin-metatags'
import MixinBase from '@/mixins/mixin-base'
import { useQuasar } from 'quasar'
import { useI18n } from '@/boot/i18n'
import { useRouter } from 'vue-router'
export default defineComponent({
@@ -33,6 +41,9 @@ export default defineComponent({
CImgTitle, CTitle, LandingFooter, CEventsCalendar,
CCardCarousel, COpenStreetMap, CMyPage, CMyPageIntro, CMyEditor, CMyFieldRec,
CSelectColor, CSelectFontSize, CImgPoster,
CCheckIfIsLogged, CStatusReg, CDashboard, CMainView, CNotifAtTop,
CPresentazione,
CTitleBanner,
},
emits: ['selElemClick'],
props: {
@@ -66,6 +77,7 @@ export default defineComponent({
const { setmeta, getsrcbyimg } = MixinMetaTags()
const { setValDb, getValDb } = MixinBase()
const $router = useRouter()
const $q = useQuasar()
const { t } = useI18n()
@@ -211,6 +223,10 @@ export default defineComponent({
return false
}
function PagLogin() {
$router.replace('/signin')
}
onMounted(mounted)
return {
@@ -238,6 +254,8 @@ export default defineComponent({
showFit,
getValDb,
dupElem,
globalStore,
PagLogin,
}
},

170
src/components/CMyElem/CMyElem.vue
View File

@@ -4,8 +4,10 @@
:class="
(editOn ? ` clEditDiv` : ``) +
`` +
getClass() +
(!myel.active ? ` clEditNotActive` : ``)
"
@click="clickOnElem"
>
<div>
<div v-if="myel.type === shared_consts.ELEMTYPE.TEXT">
@@ -22,7 +24,6 @@
` ` +
tools.getClassAnim(myel.anim)
"
@click="clickOnElem"
>
{{ myel.container }}
</div>
@@ -159,8 +160,8 @@
:speed="myel.speed"
:elemsText="myel.elemsText"
:logo="tools.getImgFileByFilename(myel, myel.img)"
:logoheight="myel.height.toString()"
:logowidth="myel.width.toString()"
:logoheight="myel.height ? myel.height.toString() : '100'"
:logowidth="myel.width ? myel.width.toString() : '100'"
:fit="myel.fit"
:anim="myel.anim"
>
@@ -287,7 +288,13 @@
</div>
</div>
<div v-else-if="myel.type === shared_consts.ELEMTYPE.CAROUSEL_IMGS">
<section :class="($q.dark.isActive ? `bg-black text-white` : `bg-white text-grey-10`) + ` padding_gallery text-center`">
<section
:class="
($q.dark.isActive
? `bg-black text-white`
: `bg-white text-grey-10`) + ` padding_gallery text-center`
"
>
<div
:class="myel.class + (editOn ? ` clEdit` : ``) + getClass()"
@click="clickOnElem"
@@ -420,16 +427,171 @@
</section>
</div>
<div v-else-if="myel.type === shared_consts.ELEMTYPE.CALENDAR">
<div v-if="editOn" class="elemEdit">Calendario Eventi</div>
<CEventsCalendar :mysingleevent="null" :showfirstN="myel.number || 3">
</CEventsCalendar>
</div>
<div v-else-if="myel.type === shared_consts.ELEMTYPE.MAINVIEW">
<div v-if="editOn" class="elemEdit">CMainView</div>
<CMainView></CMainView>
</div>
<div v-else-if="myel.type === shared_consts.ELEMTYPE.DASHBOARD">
<div v-if="editOn" class="elemEdit">CDashboard</div>
<CDashboard></CDashboard>
</div>
<div v-else-if="myel.type === shared_consts.ELEMTYPE.STATUSREG">
<div v-if="editOn" class="elemEdit">CStatusReg</div>
<CStatusReg> </CStatusReg>
</div>
<div v-else-if="myel.type === shared_consts.ELEMTYPE.CHECKIFISLOGGED">
<div v-if="editOn" class="elemEdit">CCheckIfIsLogged</div>
<CCheckIfIsLogged></CCheckIfIsLogged>
</div>
<div v-else-if="myel.type === shared_consts.ELEMTYPE.INFO_VERSION">
<div>Versione: {{ tools.getvers() }}</div>
</div>
<div v-else-if="myel.type === shared_consts.ELEMTYPE.BOTT_CONDIVIDI">
<div class="row justify-evenly items-center q-pa-sm q-ma-sm">
<q-btn
icon="fas fa-share-alt"
color="blue"
type="a"
size="md"
rounded
:label="$t('reg.link_reg_and_msg')"
@click="
tools.sendMsgTelegramCmd(
$q,
$t,
shared_consts.MsgTeleg.SHARE_MSGREG,
true
)
"
>
</q-btn>
</div>
</div>
<div v-else-if="myel.type === shared_consts.ELEMTYPE.CHECK_EMAIL">
<div v-if="editOn" class="elemEdit">
Msg di Controllo Verifica Email
</div>
<div class="q-pa-md q-gutter-md">
<div v-if="tools.isLogged() && !isVerified" class="text-verified">
{{ $t('components.authentication.email_verification.link_sent') }}
</div>
</div>
</div>
<div v-else-if="myel.type === shared_consts.ELEMTYPE.PRESENTAZIONE">
<div v-if="editOn" class="elemEdit">Pagina di Presentazione</div>
<CPresentazione></CPresentazione>
</div>
<div v-else-if="myel.type === shared_consts.ELEMTYPE.NOTIFATTOP">
<div v-if="editOn" class="elemEdit">Notifiche in Cima</div>
<CNotifAtTop></CNotifAtTop>
</div>
<div v-else-if="myel.type === shared_consts.ELEMTYPE.CHECKTESTENV">
<div v-if="editOn" class="elemEdit">Check Sito di Test</div>
<q-banner
v-if="tools.isTest()"
rounded
dense
class="bg-negative text-white"
color="primary q-title"
style="text-align: center"
>
<template v-slot:avatar>
<q-icon
name="fas fa-exclamation-triangle"
color="yellow"
size="xs"
/>
</template>
<span class="mybanner"
>Questo è l'AMBIENTE DI TEST !<br />
Solo per prove.</span
>
</q-banner>
</div>
<div v-else-if="myel.type === shared_consts.ELEMTYPE.CHECKNEWVERSION">
<div v-if="editOn" class="elemEdit">Controllo Nuova Versione</div>
<q-banner
v-if="globalStore.isNewVersionAvailable"
rounded
dense
class="bg-green text-white"
color="primary q-title"
style="text-align: center"
>
<template v-slot:avatar>
<q-icon
name="fas fa-exclamation-triangle"
color="yellow"
size="xs"
/>
</template>
<span class="mybanner"
>Per Aggiornare alla nuova versione, chiudere e riaprire la APP (o
il browser)</span
>
</q-banner>
</div>
<div v-else-if="myel.type === shared_consts.ELEMTYPE.BTN_REG">
<q-btn
rounded
size="md"
color="primary"
to="/signup"
:label="$t('reg.submit')"
>
</q-btn>
</div>
<div v-else-if="myel.type === shared_consts.ELEMTYPE.BTN_REG_BYBOT">
<q-btn
type="a"
rounded
size="lg"
color="primary"
href="/bot"
:label="$t('reg.submit')"
:class="
myel.class +
(editOn ? ` clEdit` : ``) +
getClass() +
` ` +
tools.getClassAnim(myel.anim)
"
>
</q-btn>
</div>
<div v-else-if="myel.type === shared_consts.ELEMTYPE.BTN_LOGIN">
<q-btn
:class="
myel.class +
(editOn ? ` clEdit` : ``) +
getClass() +
` ` +
tools.getClassAnim(myel.anim)
"
rounded
size="lg"
color="primary"
@click="PagLogin"
>
{{ $t('login.enter') }}
</q-btn>
</div>
<div v-else-if="myel.type === shared_consts.ELEMTYPE.CHART">
<div v-if="editOn">Chart</div>
<!--<CChartMap
title="Mappa"
subtitle="cartina..."
serie1="Serie 1"
>
</CChartMap>-->
</div>
<div v-if="editOn">
<div class="q-ma-md"></div>
</div>
</div>
</div>
</template>

7
src/components/CMyPageElem/CMyPageElem.vue
View File

@@ -30,7 +30,12 @@
@click="visuEditor = false"
></q-btn>
</q-bar>
<CMyEditElem :myelem="selElem" :editOn="true" :path="rec.path">
<CMyEditElem
:myelem="selElem"
:editOn="true"
:path="rec.path"
@selElemClick="selElemClick"
>
</CMyEditElem>
</q-drawer>

8
src/components/CPresentazione/CPresentazione.scss
View File

@@ -252,11 +252,6 @@ body.mobile .landing:before {
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;
@@ -455,6 +450,3 @@ ul li::before {
}
}
.buttreg {
font-weight: bold;
}

3
src/components/CPresentazione/CPresentazione.ts
View File

@@ -4,7 +4,8 @@ import { useRouter } from 'vue-router'
import { useGlobalStore } from '@store/globalStore'
import { useI18n } from '@/boot/i18n'
import { tools } from '@store/Modules/tools'
import { LandingFooter, Logo } from '@components'
import { Logo } from '@/components/logo'
import { LandingFooter } from '@/components/LandingFooter'
import { CFundRaising } from '@/components/CFundRaising'
import { CShowContentPage } from '@/components/CShowContentPage'
import { static_data } from '@src/db/static_data'

14
src/components/CPresentazione/CPresentazione.vue
View File

@@ -16,7 +16,7 @@
height="100%"
width="100%"
>
<q-carousel-slide name="first" img-src="images/riso_home.png" class="carousel_img_3">
<q-carousel-slide name="first" :img-src="$q.dark.isActive ? `images/riso_home_dark.png` : `images/riso_home.png`" class="carousel_img_3">
<div class="landing__header"></div>
<div class="landing__hero-content row justify-center q-gutter-xs clgutter">
<div class="row">
@@ -24,18 +24,10 @@
</div>
<div class="flex justify-end">
<div class="q-gutter-xs testo-banda clgutter">
<div class="text-h1"><span :class="`shadow-3 `+ $q.dark.isActive ? `bg-black` : `bg-white`">{{ t('msg.myAppName') }}</span></div>
<div class="text-h1"><span :class="`myshadow text-blue-9`">{{ t('msg.myAppName') }}</span></div>
<div class="text-subtitle1 text-italic q-pl-sm">
<span :class="`shadow-3 `+ $q.dark.isActive ? `bg-black` : `bg-white`">{{ t('msg.sottoTitoloApp') }}</span>
<span :class="`shadow text-black `">{{ t('msg.sottoTitoloApp') }}</span>
</div>
<div class="text-subtitle1 big text-italic q-pl-sm background-white"><strong>
<span :class="`shadow-3 `+ $q.dark.isActive ? `bg-black` : `bg-white`">{{t('msg.sottoTitoloApp2')}}</span>
</strong>
</div>
<div class="text-subtitle2 text-italic q-pl-sm">
<span :class="`shadow-3 `+ $q.dark.isActive ? `bg-black` : `bg-white`">{{ t('msg.sottoTitoloApp3') }}</span>
</div>
<div>
<div v-if="!tools.isLogged()" style="margin: 5px; padding: 5px" class="home">
<q-btn

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

@@ -2,7 +2,9 @@ import { defineComponent, ref, computed, PropType, toRef, onMounted, onBeforeUnm
import { useGlobalStore } from '@store/globalStore'
import { useI18n } from '@/boot/i18n'
import { tools } from '@store/Modules/tools'
import { LandingFooter, Logo } from '@components'
import { Logo } from '@/components/logo'
import { LandingFooter } from '@/components/LandingFooter'
import { IMyPage } from 'model'

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

@@ -5,11 +5,11 @@ import {
import { INotData } from '../../model/index'
import MixinBase from '@src/mixins/mixin-base'
import { CTitleBanner } from '@components'
import { CTitleBanner } from '@/components/CTitleBanner'
import { CCardState } from '../CCardState'
import { CMyFieldRec } from '../CMyFieldRec'
import { CCardStat } from '../CCardStat'
import { CLineChart } from '@components'
import { CLineChart } from '@/components/CLineChart'
// import { CGeoChart } from '@components'
// import { CListNationality } from '@components'