Entra circuito se hai aggiunto bene o servizio
This commit is contained in:
Surya Paolo
@@ -1093,6 +1093,7 @@
|
||||
v-model="newRecordBool"
|
||||
@hide="hidewindow"
|
||||
:maximized="$q.screen.lt.sm"
|
||||
permanent
|
||||
>
|
||||
<q-card class="dialog_card">
|
||||
<q-bar dense class="bg-primary text-white">
|
||||
|
||||
@@ -12,6 +12,7 @@ import { useQuasar } from 'quasar'
|
||||
import { useI18n } from '@/boot/i18n'
|
||||
import { CMyCardPopup } from '@/components/CMyCardPopup'
|
||||
import { CCurrencyValue } from '@/components/CCurrencyValue'
|
||||
import { useRouter } from 'vue-router'
|
||||
// import { useRouter } from 'vue-router'
|
||||
|
||||
export default defineComponent({
|
||||
@@ -43,6 +44,8 @@ export default defineComponent({
|
||||
|
||||
const showingtooltip = ref(false)
|
||||
|
||||
const $router = useRouter()
|
||||
|
||||
watch(() => props.prop_myrec, (newval, oldval) => {
|
||||
|
||||
mounted()
|
||||
@@ -62,13 +65,17 @@ export default defineComponent({
|
||||
emit('cmdext', cmd, val1, val2)
|
||||
}
|
||||
|
||||
function naviga(path: string) {
|
||||
$router.push(path)
|
||||
}
|
||||
|
||||
onMounted(mounted)
|
||||
|
||||
return {
|
||||
t,
|
||||
circuit,
|
||||
costanti,
|
||||
// naviga,
|
||||
naviga,
|
||||
setCmd,
|
||||
shared_consts,
|
||||
userStore,
|
||||
|
||||
@@ -102,6 +102,10 @@
|
||||
|
||||
<div>
|
||||
<div v-if="!tools.isLogged()" style="margin: 5px; padding: 5px;" class="home">
|
||||
<q-btn
|
||||
v-if="site.confpages.enableReg && site.confpages.enableRegByBot"
|
||||
type="a" rounded size="lg" color="primary" href="/bot" :label="$t('reg.submit')" class="buttreg">
|
||||
</q-btn>
|
||||
<q-btn
|
||||
rounded size="lg" color="primary" @click="PagLogin"
|
||||
class="btn-start">
|
||||
@@ -174,6 +178,10 @@
|
||||
|
||||
<div>
|
||||
<div v-if="!tools.isLogged()" style="margin: 5px; padding: 5px;" class="home">
|
||||
<q-btn
|
||||
v-if="site.confpages.enableReg && site.confpages.enableRegByBot"
|
||||
type="a" rounded size="lg" color="primary" href="/bot" :label="$t('reg.submit')" class="buttreg">
|
||||
</q-btn>
|
||||
<q-btn
|
||||
rounded size="lg" color="primary" @click="PagLogin"
|
||||
class="btn-start">
|
||||
|
||||
@@ -85,8 +85,8 @@ export default defineComponent({
|
||||
|
||||
function checkifpolling() {
|
||||
if (userStore.my.profile) {
|
||||
if (!tools.isUserOk() && tools.appid() === tools.IDAPP_RISO)
|
||||
NUMSEC_TO_POLLING.value = 10
|
||||
//if (!tools.isUserOk() && tools.appid() === tools.IDAPP_RISO)
|
||||
// NUMSEC_TO_POLLING.value = 10
|
||||
}
|
||||
|
||||
if (eseguipolling.value) {
|
||||
|
||||
@@ -218,6 +218,7 @@ const msg_it = {
|
||||
youarerefusedgroup: 'Ti è stato rifiutata la richiesta di entrare in questo Gruppo (per info chiedi all\'amministratore del gruppo)',
|
||||
youarerefusedcircuit: 'Ti è stato rifiutata la richiesta di entrare in questo Circuito (per info chiedi all\'amministratore del gruppo)',
|
||||
insertgoodorservices_to_start_circuit: 'Per poter inviare monete è necessario aggiungere almeno un Bene o Servizio, con la voglia di proporsi ed accettare i RIS come scambio.',
|
||||
insertgoodorservices_to_enter_circuit: 'Per poter entrare nel Circuito è necessario aggiungere almeno un Bene o Servizio, con la voglia di proporsi ed accettare i RIS come scambio.',
|
||||
deletedgroup: 'Gruppo Eliminato',
|
||||
domanda_addtofriend: 'Aggiungere agli amici {username}?',
|
||||
domanda_addtogroup: 'Aggiungi {username} al gruppo {groupname}?',
|
||||
|
||||
@@ -1,11 +1,13 @@
|
||||
<template>
|
||||
<CNotifAtTop/>
|
||||
<CNotifAtTop />
|
||||
<div class="q-gutter-sm q-pa-sm q-pb-md">
|
||||
<div v-if="!circuit && !loading">
|
||||
<div v-if="mystatus === 403">
|
||||
<h3>Non hai i permessi per accedere al Circuito.<br>
|
||||
<h3>
|
||||
Non hai i permessi per accedere al Circuito.<br />
|
||||
|
||||
Occorre prima registrarsi alla App </h3>
|
||||
Occorre prima registrarsi ed accedere alla App
|
||||
</h3>
|
||||
</div>
|
||||
<div v-else-if="tools.isLogged() && path">
|
||||
<h3>Circuito non Esistente</h3>
|
||||
@@ -14,21 +16,26 @@
|
||||
<div v-if="!tools.isLogged()">
|
||||
<CCheckIfIsLogged></CCheckIfIsLogged>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div v-else>
|
||||
|
||||
<div v-if="!tools.isLogged()">
|
||||
<CCheckIfIsLogged></CCheckIfIsLogged>
|
||||
</div>
|
||||
<div v-if="circuit">
|
||||
|
||||
<div v-if="circuit.name" class="fit column no-wrap justify-evenly items-center content-start">
|
||||
|
||||
<div
|
||||
v-if="circuit.name"
|
||||
class="fit column no-wrap justify-evenly items-center content-start"
|
||||
>
|
||||
<div class="">
|
||||
<q-avatar size="140px">
|
||||
<q-img :src="getImgCircuit()" :alt="circuit.name" img-class="imgprofile" height="140px" @click="showPic = true"/>
|
||||
<q-img
|
||||
:src="getImgCircuit()"
|
||||
:alt="circuit.name"
|
||||
img-class="imgprofile"
|
||||
height="140px"
|
||||
@click="showPic = true"
|
||||
/>
|
||||
</q-avatar>
|
||||
</div>
|
||||
|
||||
@@ -40,95 +47,188 @@
|
||||
v-if="userStore.IsRefusedCircuitByName(circuit.name)"
|
||||
rounded
|
||||
class="bg-red text-white"
|
||||
style="text-align: center;"
|
||||
style="text-align: center"
|
||||
>
|
||||
<em style="font-weight: bold">{{ $t('db.youarerefusedcircuit') }}</em><br>
|
||||
<em style="font-weight: bold">{{
|
||||
$t('db.youarerefusedcircuit')
|
||||
}}</em
|
||||
><br />
|
||||
</q-banner>
|
||||
|
||||
|
||||
<q-banner
|
||||
v-if="userStore.my.profile.calc.numGoodsAndServices <= 0"
|
||||
rounded
|
||||
class="bg-orange text-white"
|
||||
style="text-align: center;"
|
||||
>
|
||||
<template v-slot:avatar>
|
||||
<q-icon
|
||||
name="fas fa-exclamation-triangle"
|
||||
color="yellow"
|
||||
size="xs"
|
||||
/>
|
||||
</template>
|
||||
|
||||
<em style="font-weight: bold">{{ $t('db.insertgoodorservices_to_start_circuit') }}</em><br>
|
||||
</q-banner>
|
||||
<br>
|
||||
<br />
|
||||
|
||||
<CSaldo
|
||||
:symbol="circuit.symbol"
|
||||
:account="account"
|
||||
:color="circuit.color"
|
||||
:saldo="saldo"
|
||||
:qtarem="account ? qtarem : 0">
|
||||
:qtarem="account ? qtarem : 0"
|
||||
>
|
||||
</CSaldo>
|
||||
<div>
|
||||
<q-banner
|
||||
v-if="userStore.my.profile.calc.numGoodsAndServices <= 0 &&
|
||||
userStore.IsMyCircuitByName(circuit.name)"
|
||||
rounded
|
||||
class="bg-orange text-white"
|
||||
style="text-align: center"
|
||||
>
|
||||
<template v-slot:avatar>
|
||||
<q-icon
|
||||
name="fas fa-exclamation-triangle"
|
||||
color="yellow"
|
||||
size="xs"
|
||||
/>
|
||||
</template>
|
||||
|
||||
<em style="font-weight: bold">{{
|
||||
$t('db.insertgoodorservices_to_start_circuit')
|
||||
}}</em
|
||||
><br />
|
||||
</q-banner>
|
||||
<q-banner
|
||||
v-else-if="userStore.my.profile.calc.numGoodsAndServices <= 0"
|
||||
rounded
|
||||
class="bg-orange text-white"
|
||||
style="text-align: center"
|
||||
>
|
||||
<template v-slot:avatar>
|
||||
<q-icon
|
||||
name="fas fa-exclamation-triangle"
|
||||
color="yellow"
|
||||
size="xs"
|
||||
/>
|
||||
</template>
|
||||
|
||||
<em style="font-weight: bold">{{
|
||||
$t('db.insertgoodorservices_to_enter_circuit')
|
||||
}}</em
|
||||
><br />
|
||||
</q-banner>
|
||||
|
||||
<q-btn
|
||||
v-if="!userStore.IsMyCircuitByName(circuit.name) && !userStore.IsAskedCircuitByName(circuit.name) && !userStore.IsRefusedCircuitByName(circuit.name)"
|
||||
v-if="userStore.my.profile.calc.numGoodsAndServices > 0 &&
|
||||
!userStore.IsMyCircuitByName(circuit.name) &&
|
||||
!userStore.IsAskedCircuitByName(circuit.name) &&
|
||||
!userStore.IsRefusedCircuitByName(circuit.name)
|
||||
"
|
||||
icon="fas fa-user-plus"
|
||||
color="primary" :label="$t('circuit.ask')"
|
||||
color="primary"
|
||||
:label="$t('circuit.ask')"
|
||||
@click="requestToEnterCircuit = true"
|
||||
/>
|
||||
<q-btn
|
||||
v-if="userStore.IsMyCircuitByName(circuit.name)"
|
||||
rounded icon="fas fa-ellipsis-h">
|
||||
rounded
|
||||
icon="fas fa-ellipsis-h"
|
||||
>
|
||||
<q-menu>
|
||||
<q-list v-if="true" style="min-width: 150px">
|
||||
<q-item clickable v-close-popup
|
||||
v-if="saldo === 0"
|
||||
@click="tools.removeFromMyCircuits($q, userStore.my.username, circuit.name, $t('circuit.domanda_exit_fromcircuit', {circuitname: circuit.name }))">
|
||||
<q-item
|
||||
clickable
|
||||
v-close-popup
|
||||
v-if="saldo === 0"
|
||||
@click="
|
||||
tools.removeFromMyCircuits(
|
||||
$q,
|
||||
userStore.my.username,
|
||||
circuit.name,
|
||||
$t('circuit.domanda_exit_fromcircuit', {
|
||||
circuitname: circuit.name,
|
||||
})
|
||||
)
|
||||
"
|
||||
>
|
||||
<q-item-section avatar>
|
||||
<q-icon color="negative" name="fas fa-user-minus"/>
|
||||
<q-icon color="negative" name="fas fa-user-minus" />
|
||||
</q-item-section>
|
||||
<q-item-section>{{ $t('circuit.exit_circuit') }}</q-item-section>
|
||||
<q-item-section>{{
|
||||
$t('circuit.exit_circuit')
|
||||
}}</q-item-section>
|
||||
</q-item>
|
||||
|
||||
<q-list v-if="tools.iAmAdminCircuit(circuit.name)" style="min-width: 200px">
|
||||
<q-item clickable v-close-popup @click="tools.setCmd($q, shared_consts.CIRCUITCMD.DELETE, userStore.my.username, '', circuit.name)">
|
||||
<q-list
|
||||
v-if="tools.iAmAdminCircuit(circuit.name)"
|
||||
style="min-width: 200px"
|
||||
>
|
||||
<q-item
|
||||
clickable
|
||||
v-close-popup
|
||||
@click="
|
||||
tools.setCmd(
|
||||
$q,
|
||||
shared_consts.CIRCUITCMD.DELETE,
|
||||
userStore.my.username,
|
||||
'',
|
||||
circuit.name
|
||||
)
|
||||
"
|
||||
>
|
||||
<q-item-section avatar>
|
||||
<q-icon color="negative" name="fas fa-trash-alt"/>
|
||||
<q-icon color="negative" name="fas fa-trash-alt" />
|
||||
</q-item-section>
|
||||
<q-item-section>{{ $t('circuit.delete') }}</q-item-section>
|
||||
<q-item-section>{{
|
||||
$t('circuit.delete')
|
||||
}}</q-item-section>
|
||||
</q-item>
|
||||
</q-list>
|
||||
|
||||
|
||||
</q-list>
|
||||
</q-menu>
|
||||
</q-btn>
|
||||
|
||||
<q-btn
|
||||
v-if="userStore.IsAskedCircuitByName(circuit.name) && !userStore.IsMyCircuitByName(circuit.name)"
|
||||
v-if="
|
||||
userStore.IsAskedCircuitByName(circuit.name) &&
|
||||
!userStore.IsMyCircuitByName(circuit.name)
|
||||
"
|
||||
icon="fas fa-user-minus"
|
||||
flat :label="$t('shared.cancel_ask_short')"
|
||||
@click="tools.cancelReqCircuit($q, userStore.my.username, circuit.name)"
|
||||
flat
|
||||
:label="$t('shared.cancel_ask_short')"
|
||||
@click="
|
||||
tools.cancelReqCircuit($q, userStore.my.username, circuit.name)
|
||||
"
|
||||
/>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div v-if="circuit.name" class="no-wrap justify-evenly items-center content-start">
|
||||
|
||||
<div
|
||||
v-if="circuit.name"
|
||||
class="no-wrap justify-evenly items-center content-start"
|
||||
>
|
||||
<q-tabs v-model="tabgrp" class="text-blue">
|
||||
<q-tab :label="t('shared.info1')" name="info" icon="fas fa-info"></q-tab>
|
||||
<q-tab v-if="tools.iCanShowCircuitsMember(circuit) || tools.iAmAdminCircuit(circuit.name)"
|
||||
:label="t('shared.subscribes')" name="members" icon="fas fa-users"></q-tab>
|
||||
<q-tab v-if="userStore.IsMyCircuitByName(circuit.name)" :label="t('circuit.movements')" name="mov" icon="fas fa-coins"></q-tab>
|
||||
<q-tab v-if="!!circuit.note" :label="t('circuit.page')" name="page" icon="fas fa-file-word"></q-tab>
|
||||
<q-tab
|
||||
:label="t('shared.info1')"
|
||||
name="info"
|
||||
icon="fas fa-info"
|
||||
></q-tab>
|
||||
<q-tab
|
||||
v-if="
|
||||
tools.iCanShowCircuitsMember(circuit) ||
|
||||
tools.iAmAdminCircuit(circuit.name)
|
||||
"
|
||||
:label="t('shared.subscribes')"
|
||||
name="members"
|
||||
icon="fas fa-users"
|
||||
></q-tab>
|
||||
<q-tab
|
||||
v-if="userStore.IsMyCircuitByName(circuit.name)"
|
||||
:label="t('circuit.movements')"
|
||||
name="mov"
|
||||
icon="fas fa-coins"
|
||||
></q-tab>
|
||||
<q-tab
|
||||
v-if="!!circuit.note"
|
||||
:label="t('circuit.page')"
|
||||
name="page"
|
||||
icon="fas fa-file-word"
|
||||
></q-tab>
|
||||
</q-tabs>
|
||||
|
||||
<q-tab-panels v-model="tabgrp" animated>
|
||||
<q-tab-panel name="mov">
|
||||
|
||||
<q-toggle v-model="showonlymine" :label="t('movement.onlymymov')"></q-toggle>
|
||||
<q-toggle
|
||||
v-model="showonlymine"
|
||||
:label="t('movement.onlymymov')"
|
||||
></q-toggle>
|
||||
<q-toggle v-model="tabellare" label="Tabella"></q-toggle>
|
||||
|
||||
<CGridTableRec
|
||||
@@ -154,7 +254,13 @@
|
||||
filterextra=""
|
||||
:filterextra2="filterextra2"
|
||||
:prop_searchList="searchList"
|
||||
:prop_pagination="{ sortBy: 'transactionDate', descending: true, page: 1, rowsNumber: 20, rowsPerPage: 20 }"
|
||||
:prop_pagination="{
|
||||
sortBy: 'transactionDate',
|
||||
descending: true,
|
||||
page: 1,
|
||||
rowsNumber: 20,
|
||||
rowsPerPage: 20,
|
||||
}"
|
||||
:showType="costanti.SHOW_MOVEMENTS"
|
||||
keyMain=""
|
||||
:showCol="true"
|
||||
@@ -163,7 +269,6 @@
|
||||
extrafield=""
|
||||
:visufind="costanti.FRIENDS"
|
||||
>
|
||||
|
||||
</CGridTableRec>
|
||||
<CGridTableRec
|
||||
v-else-if="!loading"
|
||||
@@ -186,7 +291,13 @@
|
||||
:arrfilters="arrfilterand"
|
||||
:filtercustom="filtercustom_rich"
|
||||
:prop_searchList="searchList"
|
||||
:prop_pagination="{ sortBy: 'transactionDate', descending: true, page: 1, rowsNumber: 20, rowsPerPage: 20 }"
|
||||
:prop_pagination="{
|
||||
sortBy: 'transactionDate',
|
||||
descending: true,
|
||||
page: 1,
|
||||
rowsNumber: 20,
|
||||
rowsPerPage: 20,
|
||||
}"
|
||||
:showType="costanti.SHOW_MOVEMENTS"
|
||||
keyMain=""
|
||||
:showCol="false"
|
||||
@@ -195,9 +306,7 @@
|
||||
extrafield=""
|
||||
:visufind="costanti.FRIENDS"
|
||||
>
|
||||
|
||||
</CGridTableRec>
|
||||
|
||||
</q-tab-panel>
|
||||
<q-tab-panel name="info">
|
||||
<div>
|
||||
@@ -206,7 +315,7 @@
|
||||
<div class="text-h6">{{ t('circuit.info') }}</div>
|
||||
</q-card-section>
|
||||
|
||||
<q-separator/>
|
||||
<q-separator />
|
||||
|
||||
<q-card-section>
|
||||
<div v-if="circuit.createdBy" class="container">
|
||||
@@ -216,24 +325,44 @@
|
||||
username: circuit.createdBy,
|
||||
date: tools.getstrDateYY(circuit.date_created),
|
||||
})
|
||||
}}
|
||||
}}
|
||||
</div>
|
||||
<div v-if="!!circuit.date_updated && tools.getstrDate(circuit.date_updated) !== tools.getstrDate(circuit.date_created)" class="container">
|
||||
<q-icon name="fas fa-pencil-alt" class="iconcirc"></q-icon>
|
||||
<div
|
||||
v-if="
|
||||
!!circuit.date_updated &&
|
||||
tools.getstrDate(circuit.date_updated) !==
|
||||
tools.getstrDate(circuit.date_created)
|
||||
"
|
||||
class="container"
|
||||
>
|
||||
<q-icon
|
||||
name="fas fa-pencil-alt"
|
||||
class="iconcirc"
|
||||
></q-icon>
|
||||
<span class="element">{{
|
||||
$t('shared.lastmodify', {
|
||||
date: tools.getstrDateYY(circuit.date_updated),
|
||||
})
|
||||
}}</span>
|
||||
}}</span>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<q-icon name="fas fa-users" class="iconcirc"></q-icon>
|
||||
<span class="element">{{ numUsers() }}</span> {{ numUsers() === 1 ? t('shared.member') : t('shared.members') }}
|
||||
<span class="element">{{ numUsers() }}</span>
|
||||
{{
|
||||
numUsers() === 1
|
||||
? t('shared.member')
|
||||
: t('shared.members')
|
||||
}}
|
||||
</div>
|
||||
<div class="container">
|
||||
<q-icon name="fas fa-user-cog" class="iconcirc"></q-icon>
|
||||
<span class="element">{{ numAdmins() }}</span> {{ numAdmins() === 1 ? t('shared.admin') : t('shared.admins') }}
|
||||
<span class="element">{{ numAdmins() }}</span>
|
||||
{{
|
||||
numAdmins() === 1
|
||||
? t('shared.admin')
|
||||
: t('shared.admins')
|
||||
}}
|
||||
</div>
|
||||
<div v-for="(user, index) of circuit.admins" :key="index">
|
||||
<CMyUser
|
||||
@@ -247,8 +376,14 @@
|
||||
<q-icon name="fas fa-coins" class="iconcirc"></q-icon>
|
||||
{{ t('circuit.symbol') }}:
|
||||
<span class="text-h5">
|
||||
<em class="q-px-sm text-black rounded-borders"
|
||||
:style="`background-color: ` + tools.getColorByCircuit(circuit)">{{ tools.getSymbolByCircuit(circuit) }}</em>
|
||||
<em
|
||||
class="q-px-sm text-black rounded-borders"
|
||||
:style="
|
||||
`background-color: ` +
|
||||
tools.getColorByCircuit(circuit)
|
||||
"
|
||||
>{{ tools.getSymbolByCircuit(circuit) }}</em
|
||||
>
|
||||
</span>
|
||||
</div>
|
||||
<div :class="$q.screen.lt.sm ? '' : 'row'">
|
||||
@@ -279,7 +414,7 @@
|
||||
</div>
|
||||
<div class="sezioni">
|
||||
<q-icon name="fas fa-stats" class="iconcirc"></q-icon>
|
||||
{{ t('circuit.stats') }}:<br>
|
||||
{{ t('circuit.stats') }}:<br />
|
||||
</div>
|
||||
<div :class="$q.screen.lt.sm ? '' : 'row'">
|
||||
<div v-if="circuit.totTransato" class="sezioni">
|
||||
@@ -309,69 +444,106 @@
|
||||
</div>
|
||||
<div class="sezioni">
|
||||
<q-icon name="fas fa-toggle-on" class="iconcirc"></q-icon>
|
||||
{{ t('circuit.transactionsEnabled') }}: <span class="text-section">{{ circuit.transactionsEnabled ? t('dialog.yes') : t('dialog.no') }} {{ }}</span>
|
||||
{{ t('circuit.transactionsEnabled') }}:
|
||||
<span class="text-section"
|
||||
>{{
|
||||
circuit.transactionsEnabled
|
||||
? t('dialog.yes')
|
||||
: t('dialog.no')
|
||||
}}
|
||||
{{
|
||||
}}</span>
|
||||
</div>
|
||||
<div class="sezioni" v-if="circuit.deperimento !== undefined">
|
||||
<q-icon name="fas fa-battery-full" class="iconcirc"></q-icon>
|
||||
{{ t('circuit.deperimento') }}: <span class="text-section">{{ circuit.deperimento ? t('dialog.yes') : t('dialog.no') }} {{ }}</span>
|
||||
<div
|
||||
class="sezioni"
|
||||
v-if="circuit.deperimento !== undefined"
|
||||
>
|
||||
<q-icon
|
||||
name="fas fa-battery-full"
|
||||
class="iconcirc"
|
||||
></q-icon>
|
||||
{{ t('circuit.deperimento') }}:
|
||||
<span class="text-section"
|
||||
>{{
|
||||
circuit.deperimento ? t('dialog.yes') : t('dialog.no')
|
||||
}}
|
||||
{{
|
||||
}}</span>
|
||||
</div>
|
||||
|
||||
</q-card-section>
|
||||
</q-card>
|
||||
|
||||
<br>
|
||||
<br />
|
||||
</div>
|
||||
<q-card v-if="circuit.name">
|
||||
<q-card-section>
|
||||
<div class="text-h6">{{t('circuit.descr')}}:</div>
|
||||
<div class="text-h6">{{ t('circuit.descr') }}:</div>
|
||||
</q-card-section>
|
||||
<q-separator/>
|
||||
<q-separator />
|
||||
|
||||
<q-card-section>
|
||||
<div class="col-12 text-h7">
|
||||
<span v-if="checkifShow('descr')" v-html="circuit.longdescr"></span>
|
||||
<span
|
||||
v-if="checkifShow('descr')"
|
||||
v-html="circuit.longdescr"
|
||||
></span>
|
||||
</div>
|
||||
</q-card-section>
|
||||
</q-card>
|
||||
|
||||
<q-card v-if="circuit.name">
|
||||
<q-card-section>
|
||||
<div class="text-h6">{{t('circuit.regulation')}}:</div>
|
||||
<div class="text-h6">{{ t('circuit.regulation') }}:</div>
|
||||
</q-card-section>
|
||||
<q-separator/>
|
||||
<q-separator />
|
||||
|
||||
<q-card-section>
|
||||
<div class="col-12 text-h7">
|
||||
<span v-if="checkifShow('descr')" v-html="circuit.regulation"></span>
|
||||
<span
|
||||
v-if="checkifShow('descr')"
|
||||
v-html="circuit.regulation"
|
||||
></span>
|
||||
</div>
|
||||
</q-card-section>
|
||||
</q-card>
|
||||
|
||||
</q-tab-panel>
|
||||
|
||||
<q-tab-panel name="page">
|
||||
<div v-if="circuit.note">
|
||||
<br>
|
||||
<br />
|
||||
<div class="q-ma-sm q-gutter-sm q-pa-xs">
|
||||
<div v-if="circuit.note" v-html="circuit.note">
|
||||
</div>
|
||||
<div v-if="circuit.note" v-html="circuit.note"></div>
|
||||
</div>
|
||||
</div>
|
||||
</q-tab-panel>
|
||||
|
||||
<q-tab-panel name="members" style="max-width: 500px;" v-if="tools.iCanShowCircuitsMember(circuit)">
|
||||
|
||||
<q-tab-panel
|
||||
name="members"
|
||||
style="max-width: 500px"
|
||||
v-if="tools.iCanShowCircuitsMember(circuit)"
|
||||
>
|
||||
<q-tabs
|
||||
v-show="tools.iAmAdminCircuit(circuit.name)"
|
||||
v-model="tabmembers" class="text-blue">
|
||||
v-model="tabmembers"
|
||||
class="text-blue"
|
||||
>
|
||||
<q-tab label="Iscritti" name="all" icon="fas fa-users"></q-tab>
|
||||
<q-tab v-if="tools.iAmAdminCircuit(circuit.name)" label="Richieste" name="rich" icon="fas fa-user-plus"></q-tab>
|
||||
<q-tab v-if="tools.iAmAdminCircuit(circuit.name)" label="Rifiutati" name="refused" icon="fas fa-user-minus"></q-tab>
|
||||
<q-tab
|
||||
v-if="tools.iAmAdminCircuit(circuit.name)"
|
||||
label="Richieste"
|
||||
name="rich"
|
||||
icon="fas fa-user-plus"
|
||||
></q-tab>
|
||||
<q-tab
|
||||
v-if="tools.iAmAdminCircuit(circuit.name)"
|
||||
label="Rifiutati"
|
||||
name="refused"
|
||||
icon="fas fa-user-minus"
|
||||
></q-tab>
|
||||
</q-tabs>
|
||||
|
||||
<q-tab-panels v-model="tabmembers" animated>
|
||||
<q-tab-panel name="all">
|
||||
|
||||
<!--<q-toggle v-model="showsaldi" :label="t('movement.showsaldi')"></q-toggle>-->
|
||||
|
||||
<CGridTableRec
|
||||
@@ -379,7 +551,9 @@
|
||||
ref="tabMembri"
|
||||
prop_mytable="users"
|
||||
prop_mytitle=""
|
||||
:prop_mycolumns="showsaldi ? colmyUserPeopleSaldi : colmyUserPeople"
|
||||
:prop_mycolumns="
|
||||
showsaldi ? colmyUserPeopleSaldi : colmyUserPeople
|
||||
"
|
||||
prop_colkey="_id"
|
||||
col_title="username"
|
||||
:vertical="costanti.VISUTABLE_LISTA"
|
||||
@@ -401,13 +575,15 @@
|
||||
:showCol="false"
|
||||
:circuitname="circuit.name"
|
||||
:extraparams="extraparams()"
|
||||
:visufind="tools.iAmAdminCircuit(circuit.name) ? costanti.REQ_REMOVE_USER_TO_CIRCUIT : costanti.FIND_PEOPLE"
|
||||
:visufind="
|
||||
tools.iAmAdminCircuit(circuit.name)
|
||||
? costanti.REQ_REMOVE_USER_TO_CIRCUIT
|
||||
: costanti.FIND_PEOPLE
|
||||
"
|
||||
>
|
||||
|
||||
</CGridTableRec>
|
||||
</q-tab-panel>
|
||||
<q-tab-panel name="rich">
|
||||
|
||||
<CGridTableRec
|
||||
v-if="!loading"
|
||||
prop_mytable="circuits"
|
||||
@@ -437,11 +613,9 @@
|
||||
:circuitname="circuit.name"
|
||||
:visufind="costanti.REQ_ADD_USER_TO_CIRCUIT"
|
||||
>
|
||||
|
||||
</CGridTableRec>
|
||||
</q-tab-panel>
|
||||
<q-tab-panel name="refused">
|
||||
|
||||
<CGridTableRec
|
||||
prop_mytable="circuits"
|
||||
prop_mytitle=""
|
||||
@@ -470,52 +644,53 @@
|
||||
:circuitname="circuit.name"
|
||||
:visufind="costanti.REQ_ADD_USER_TO_CIRCUIT"
|
||||
>
|
||||
|
||||
</CGridTableRec>
|
||||
</q-tab-panel>
|
||||
</q-tab-panels>
|
||||
|
||||
</q-tab-panel>
|
||||
<q-tab-panel name="mov">
|
||||
|
||||
</q-tab-panel>
|
||||
<q-tab-panel name="mov"> </q-tab-panel>
|
||||
</q-tab-panels>
|
||||
|
||||
</div>
|
||||
<div v-else class="fit column no-wrap justify-evenly items-center content-start">
|
||||
<q-skeleton type="QAvatar" size="140px" height="140px" animation="fade"/>
|
||||
<div
|
||||
v-else
|
||||
class="fit column no-wrap justify-evenly items-center content-start"
|
||||
>
|
||||
<q-skeleton
|
||||
type="QAvatar"
|
||||
size="140px"
|
||||
height="140px"
|
||||
animation="fade"
|
||||
/>
|
||||
<q-card flat bordered style="width: 250px">
|
||||
<div class="text-h6">
|
||||
<q-skeleton :animation="animation"/>
|
||||
<q-skeleton :animation="animation" />
|
||||
</div>
|
||||
<div class="col-12 text-h7 text-grey text-center">
|
||||
{{ path }}
|
||||
</div>
|
||||
<div class="col-12 text-h7">
|
||||
<q-skeleton :animation="animation"/>
|
||||
<q-skeleton :animation="animation" />
|
||||
</div>
|
||||
|
||||
<div class="col-12 text-h8 q-mt-sm">
|
||||
<q-skeleton :animation="animation"/>
|
||||
<q-skeleton :animation="animation" />
|
||||
</div>
|
||||
<div class="col-12 text-h8 q-mt-sm">
|
||||
<q-skeleton :animation="animation"/>
|
||||
<q-skeleton :animation="animation" />
|
||||
</div>
|
||||
</q-card>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<q-dialog
|
||||
v-model="showPic"
|
||||
full-height full-width
|
||||
>
|
||||
|
||||
<img :src="getImgCircuit()" :alt="circuit.name" class="full-width">
|
||||
|
||||
<q-dialog v-model="showPic" full-height full-width>
|
||||
<img :src="getImgCircuit()" :alt="circuit.name" class="full-width" />
|
||||
</q-dialog>
|
||||
|
||||
<q-dialog v-model="requestToEnterCircuit" maximized transition-show="slide-up"
|
||||
transition-hide="slide-down">
|
||||
<q-dialog
|
||||
v-model="requestToEnterCircuit"
|
||||
maximized
|
||||
transition-show="slide-up"
|
||||
transition-hide="slide-down"
|
||||
>
|
||||
<q-card v-if="circuit" class="dialog_card">
|
||||
<q-toolbar class="bg-primary text-white" dense>
|
||||
<!--<q-toolbar :class="tools.displayClasses(myevent)"-->
|
||||
@@ -529,42 +704,51 @@
|
||||
<q-banner
|
||||
rounded
|
||||
class="bg-green text-white"
|
||||
style="text-align: center;"
|
||||
style="text-align: center"
|
||||
>
|
||||
<em style="font-weight: bold">Disclaimer:</em><br>
|
||||
<em style="font-weight: bold">Disclaimer:</em><br />
|
||||
</q-banner>
|
||||
<div v-html="t('circuit.disclaimer')">
|
||||
</div>
|
||||
<div v-html="t('circuit.disclaimer')"></div>
|
||||
</q-card-section>
|
||||
<q-card-section class="inset-shadow">
|
||||
<q-banner
|
||||
rounded
|
||||
class="bg-green text-white"
|
||||
style="text-align: center;"
|
||||
style="text-align: center"
|
||||
>
|
||||
<em style="font-weight: bold">Regolamento interno:</em><br>
|
||||
<em style="font-weight: bold">Regolamento interno:</em><br />
|
||||
</q-banner>
|
||||
<div v-html="circuit.regulation">
|
||||
</div>
|
||||
<div v-html="circuit.regulation"></div>
|
||||
</q-card-section>
|
||||
<q-card-actions align="center">
|
||||
<q-btn
|
||||
class="centeritems"
|
||||
icon="fas fa-user-plus"
|
||||
color="positive" :label="$t('circuit.acceptregulation')"
|
||||
@click="requestToEnterCircuit = false; tools.setRequestCircuit($q, userStore.my.username, circuit.name, true)"
|
||||
color="positive"
|
||||
:label="$t('circuit.acceptregulation')"
|
||||
@click="
|
||||
requestToEnterCircuit = false;
|
||||
tools.setRequestCircuit(
|
||||
$q,
|
||||
userStore.my.username,
|
||||
circuit.name,
|
||||
true
|
||||
);
|
||||
"
|
||||
/>
|
||||
<q-btn flat round color="negative"
|
||||
:label="$t('friends.refuse')"
|
||||
icon="close" v-close-popup></q-btn>
|
||||
|
||||
|
||||
<q-btn
|
||||
flat
|
||||
round
|
||||
color="negative"
|
||||
:label="$t('friends.refuse')"
|
||||
icon="close"
|
||||
v-close-popup
|
||||
></q-btn>
|
||||
</q-card-actions>
|
||||
</q-card>
|
||||
</q-dialog>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</template>
|
||||
|
||||
<script lang="ts" src="./mycircuit.ts">
|
||||
|
||||
@@ -12,6 +12,7 @@ import { CNotifAtTop } from '@src/components/CNotifAtTop'
|
||||
import { CSendCoins } from '@/components/CSendCoins'
|
||||
import { CMyUser } from '@/components/CMyUser'
|
||||
import { CUserNonVerif } from '@/components/CUserNonVerif'
|
||||
import { CCheckIfIsLogged } from '@/components/CCheckIfIsLogged'
|
||||
import { tools } from '@store/Modules/tools'
|
||||
import { computed, defineComponent, onMounted, ref, watch } from 'vue'
|
||||
import { useUserStore } from '@store/UserStore'
|
||||
@@ -33,7 +34,8 @@ export default defineComponent({
|
||||
name: 'myprofile',
|
||||
components: {
|
||||
CProfile, CTitleBanner, CMyFieldDb, CSkill, CDateTime, CCopyBtn, CUserNonVerif, CMyFieldRec, CMyUser,
|
||||
CMyGroup, CLabel, CMyCircuit, CSendCoins, CNotifAtTop
|
||||
CMyGroup, CLabel, CMyCircuit, CSendCoins, CNotifAtTop,
|
||||
CCheckIfIsLogged
|
||||
},
|
||||
props: {},
|
||||
setup() {
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<div v-if="!tools.isLogged()">
|
||||
<CCheckIfIsLogged></CCheckIfIsLogged>
|
||||
</div>
|
||||
<div v-if="!caricato" class="fit column no-wrap justify-evenly items-center content-start">
|
||||
<q-skeleton type="QAvatar" size="140px" height="140px" animation="fade"/>
|
||||
<q-card flat bordered style="width: 250px">
|
||||
|
||||
Reference in New Issue
Block a user