- Info sul Conto Collettivo
- HomePage
This commit is contained in:
Surya Paolo
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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,
|
||||
}
|
||||
},
|
||||
})
|
||||
|
||||
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user