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

- Info sul Conto Collettivo

Browse Source 
- HomePage
This commit is contained in:
Surya Paolo
2023-02-20 02:20:00 +01:00
parent 1f5be4624f
commit 19860aa438
28 changed files with 295 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/CDashboard/CDashboard.scss
View File

@@ -20,7 +20,7 @@
}
.progress-base {
height: 8px;
height: 3px;
border-radius: 3px;
background-color: #e9ecef;
}

98
src/components/CDashboard/CDashboard.vue
View File

@@ -1,6 +1,9 @@
<template>
<div class="q-ma-md">
<div class="row q-my-md shadow" style="border-radius: 4px;border: 1px solid rgba(0, 0, 0, 0.12);">
<div class="q-ma-xs">
<div
class="row q-my-sm shadow"
style="border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.12)"
>
<!--<div class="col-md-3 col-lg-3 col-sm-12 col-xs-12 box_4" style="border-left: 1px solid #efefef;"
v-bind:class="{'border-top': $q.platform.is.mobile}">
<q-card class="no-shadow q-pa-sm">
@@ -28,53 +31,112 @@
</q-card>
</div>-->
<div v-for="(rec, index) of visustat" :class="`col-md-3 col-lg-3 col-sm-6 col-xs-6 text-` + rec.color"
style="border-left: 1px solid #efefef;" :key="index"
<div
v-for="(rec, index) of visustat"
:class="`col-md-3 col-lg-3 col-sm-6 col-xs-6 text-` + rec.color"
style="border-left: 1px solid #efefef"
:key="index"
>
<q-card class="no-shadow q-pa-sm">
<q-card class="no-shadow q-pa-xs">
<q-item class="q-pb-none q-pt-xs cursor-pointer" :to="rec.to">
<q-item-section>
<q-item-label class="text-h4" style="font-weight: 500;letter-spacing: 3px;">
{{ calcstat.numByTab[rec.table] }}
</q-item-label>
<q-item-label :class="(!$q.dark.isActive? 'text-grey-7':'text-white') + ` title_view_shadow`" style="letter-spacing: 1px;">
<q-item-label
:class="
(!$q.dark.isActive ? 'text-grey-5' : 'text-white') +
` title_view_shadow`
"
style="letter-spacing: 1px"
>
{{ rec.title }}
</q-item-label>
<q-item-label
v-if="rec.subtitle"
:class="
(!$q.dark.isActive ? 'text-grey-5' : 'text-white') +
` title_view_subtitle_shadow`
"
>
<span v-html="rec.subtitle"></span>
</q-item-label>
<q-item-label class="text-h9" style="letter-spacing: 2px">
<!--{{ calcstat.numByTab[rec.table] }}-->
</q-item-label>
</q-item-section>
<q-item-section side>
<q-icon :name="rec.icon" :class="`text-` + rec.color" size="50px"></q-icon>
<q-img v-if="rec.image" :src="rec.image" style="width: 35px;"></q-img>
<q-icon
v-else
:name="rec.icon"
:class="`text-` + rec.color"
size="35px"
></q-icon>
</q-item-section>
</q-item>
<q-item class="q-py-xs" style="min-height: unset">
<q-item-section>
<div class="progress-base q-my-sm">
<div class="progress-base" :style="tools.getbackgroundGradient(rec.color, 45)"></div>
<div
class="progress-base"
:style="tools.getbackgroundGradient(rec.color, 45)"
></div>
</div>
</q-item-section>
</q-item>
</q-card>
</div>
</div>
<div class="row q-my-md shadow" style="border-radius: 4px;border: 1px solid rgba(0, 0, 0, 0.12);">
<div v-for="(rec, index) of visulinks" :class="`col-md-3 col-lg-3 col-sm-6 col-xs-6 text-` + rec.color"
style="border-left: 1px solid #efefef;" :key="index"
<div class="row" style="margin-top: 4px important; font-size: 0.75rem">
&nbsp;
</div>
<div
class="row q-my-md shadow"
style="border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.12)"
>
<div
v-for="(rec, index) of visulinks"
:class="`col-md-3 col-lg-3 col-sm-6 col-xs-6 text-` + rec.color"
style="border-left: 1px solid #efefef"
:key="index"
>
<q-card class="no-shadow q-pa-sm">
<q-card class="no-shadow q-pa-xxs">
<q-item class="q-pb-none q-pt-xs cursor-pointer" :to="rec.to">
<q-item-section>
<q-item-label :class="(!$q.dark.isActive? 'text-grey-7':'text-white') + ` title_view_shadow`" style="letter-spacing: 0.5px;">
<q-item-label
:class="
(!$q.dark.isActive ? 'text-grey-7' : 'text-white') +
` title_view_small_shadow`
"
style="letter-spacing: 0.5px"
>
{{ rec.title }}
</q-item-label>
<q-item-label
v-if="rec.subtitle"
:class="
(!$q.dark.isActive ? 'text-grey-7' : 'text-white') +
` title_view_subtitle_shadow`
"
style="letter-spacing: 0.2px"
>
<span v-html="rec.subtitle"></span>
</q-item-label>
</q-item-section>
<q-item-section side>
<q-icon :name="rec.icon" :class="`text-` + rec.color" size="50px"></q-icon>
<q-img v-if="rec.image" :src="rec.image" style="width: 35px">IMAGE</q-img>
<q-icon
v-else
:name="rec.icon"
:class="`text-` + rec.color"
size="25px"
></q-icon>
</q-item-section>
</q-item>
</q-card>
</div>
</div>
</div>
</template>

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

@@ -1062,7 +1062,7 @@
<div class="q-mt-md">
<div v-if="!mysingleevent && getNumEvents() > 0">
<p class="text-subtitle1 text-red bg-amber text-center">
<p class="text-subtitle1 text-white bg-primary text-center">
LISTA PROSSIMI
<span v-if="showfirstN > 0">{{ showfirstN }}</span> EVENTI:
</p>

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

@@ -577,7 +577,7 @@
rounded
size="md"
color="primary"
to="/signup"
to="/registrati"
:label="$t('reg.submit')"
>
</q-btn>

21
src/components/CMyGroup/CMyGroup.scss
View File

@@ -2,3 +2,24 @@
display: flex;
flex: 1;
}
.container{
vertical-align: center;
padding: 5px;
font-size: 1.15rem;
}
.element{
font-weight: bold;
vertical-align: center;
padding: 5px;
font-size: 1.15rem;
}
.title_param{
font-size: 1.25rem;
}
.iconcirc {
margin-right: 4px;
}

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

@@ -11,12 +11,13 @@ import { CUserNonVerif } from '@/components/CUserNonVerif'
import { toolsext } from '@store/Modules/toolsext'
import { CSaldo } from '@/components/CSaldo'
import { CSendCoins } from '@/components/CSendCoins'
import { CCurrencyValue } from '@/components/CCurrencyValue'
import { useCircuitStore } from '@store/CircuitStore'
export default defineComponent({
name: 'CMyGroup',
emits: ['setCmd'],
components: {CUserNonVerif, CSaldo, CSendCoins},
components: {CUserNonVerif, CSaldo, CSendCoins, CCurrencyValue },
props: {
mygrp: {
type: Object as PropType<IMyGroup | null>,
@@ -57,6 +58,7 @@ export default defineComponent({
const circuitStore = useCircuitStore()
const showsendCoinTo = ref(false)
const showAccountInfo = ref(false)
const grp = ref(<IMyGroup | null>null)
@@ -114,7 +116,10 @@ export default defineComponent({
table,
myusername,
circuit,
circuitStore,
showsendCoinTo,
showAccountInfo,
t,
}
},
})

126
src/components/CMyGroup/CMyGroup.vue
View File

@@ -118,6 +118,26 @@
</q-menu>
</q-btn>
</q-item-label>
<q-item-label v-if="visu === costanti.REQ_ADD_USER_TO_CIRCUIT">
<q-btn rounded icon="fas fa-ellipsis-h">
<q-menu>
<q-list style="min-width: 150px">
<q-item
clickable
v-close-popup
@click="showAccountInfo = true"
>
<q-item-section avatar>
<q-icon name="fas fa-info" />
</q-item-section>
<q-item-section>{{
$t('groups.infoaccount')
}}</q-item-section>
</q-item>
</q-list>
</q-menu>
</q-btn>
</q-item-label>
<q-item-label v-else-if="visu === costanti.USER_GROUPS">
<q-btn
rounded
@@ -485,7 +505,12 @@
clickable
v-close-popup
@click="
tools.refuseReqCircuit($q, myusername(), circuitname, grp.groupname)
tools.refuseReqCircuit(
$q,
myusername(),
circuitname,
grp.groupname
)
"
>
<q-item-section avatar>
@@ -500,7 +525,12 @@
clickable
v-close-popup
@click="
tools.cancelReqCircuit($q, myusername(), circuitname, grp.groupname)
tools.cancelReqCircuit(
$q,
myusername(),
circuitname,
grp.groupname
)
"
>
<q-item-section avatar>
@@ -531,6 +561,98 @@
>
</CSendCoins>
</div>
<q-dialog v-model="showAccountInfo" full-height full-width>
<q-card>
<q-toolbar class="bg-primary text-white">
<q-toolbar-title>
{{ grp.title }}
</q-toolbar-title>
<q-btn flat round color="white" icon="close" v-close-popup></q-btn>
</q-toolbar>
<q-card-section>
<div class="text-h6">{{ t('groups.infoaccount') }}</div>
</q-card-section>
<q-separator />
<CSaldo
v-if="tools.isUserOk() && grp.account"
:account="grp.account"
:symbol="circuit.symbol"
:color="circuit.color"
:saldo="grp.account.saldo"
:qtarem="
grp.account ? circuitStore.getRemainingCoinsToSend(grp.account) : 0
"
>
</CSaldo>
<q-card-section>
<div v-if="grp.account.date_created" class="container">
<q-icon name="fas fa-lightbulb" class="iconcirc"></q-icon>
{{
$t('shared.createddate', {
date: tools.getstrDateYY(grp.account.date_created),
})
}}
</div>
<div
v-if="
!!grp.account.date_updated &&
tools.getstrDate(grp.account.date_updated) !==
tools.getstrDate(grp.account.date_created)
"
class="container"
>
<q-icon name="fas fa-pencil-alt" class="iconcirc"></q-icon>
<span class="element">{{
$t('shared.lastmodify', {
date: tools.getstrDateYY(grp.account.date_updated),
})
}}</span>
</div>
<div :class="$q.screen.lt.sm ? '' : 'row'">
<div class="sezioni">
<CCurrencyValue
:symbol="tools.getSymbolByCircuit(circuit)"
:color="tools.getColorByCircuit(circuit)"
color_border="red"
:value="grp.account.fidoConcesso"
icon="fas fa-battery-quarter"
:label="t('circuit.fido_scoperto_default')"
:tips="t('circuit.fido_scoperto_default_tips')"
>
</CCurrencyValue>
</div>
<div class="sezioni">
<CCurrencyValue
:symbol="tools.getSymbolByCircuit(circuit)"
:color="tools.getColorByCircuit(circuit)"
color_border="green"
:value="grp.account.qta_maxConcessa"
icon="fas fa-battery-quarter"
:label="t('circuit.qta_max_default')"
:tips="t('circuit.qta_max_default_tips')"
>
</CCurrencyValue>
</div>
<div v-if="grp.account.totTransato" class="sezioni">
<CCurrencyValue
:symbol="tools.getSymbolByCircuit(circuit)"
:color="tools.getColorByCircuit(circuit)"
color_border="blue"
:value="grp.account.totTransato"
icon="fas fa-battery-quarter"
:label="t('circuit.totTransato')"
:tips="t('circuit.totTransato_tips')"
>
</CCurrencyValue>
</div>
</div>
</q-card-section>
</q-card>
</q-dialog>
</template>
<script lang="ts" src="./CMyGroup.ts">

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

@@ -117,7 +117,9 @@ export default defineComponent({
function mounted() {
username.value = userStore.my.username
loadGroups()
if (props.finder)
loadGroups()
}

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

@@ -143,7 +143,7 @@ export default defineComponent({
}
function PagReg() {
$router.replace('/signup')
$router.replace('/registrati')
}
function openCreatePostModal() {

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

@@ -86,7 +86,7 @@ export default defineComponent({
}
function PagReg() {
$router.replace('/signup')
$router.replace('/registrati')
}
function openCreatePostModal() {

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

@@ -50,7 +50,7 @@ export default defineComponent({
if (site.value.confpages.enableRegByBot) {
$router.push('/bot')
} else {
$router.push('/signup')
$router.push('/registrati')
}
}
@@ -67,7 +67,7 @@ export default defineComponent({
if (props.signupform) {
emit('regEventEmail', props.invited)
} else {
$router.push('/signup')
$router.push('/registrati')
}
}

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

@@ -109,7 +109,7 @@
rounded
size="md"
color="primary"
to="/signup"
to="/registrati"
:label="$t('reg.submit')"
>
</q-btn>