Send Coins
This commit is contained in:
Paolo Arena
@@ -5,6 +5,7 @@ import { CTitleBanner } from '@/components/CTitleBanner'
|
||||
import { CProfile } from '@/components/CProfile'
|
||||
import { CCheckIfIsLogged } from '@/components/CCheckIfIsLogged'
|
||||
import { CMyFieldRec } from '@/components/CMyFieldRec'
|
||||
import { CCurrencyValue } from '@/components/CCurrencyValue'
|
||||
import { CSkill } from '@/components/CSkill'
|
||||
import { CDateTime } from '@/components/CDateTime'
|
||||
import { tools } from '@store/Modules/tools'
|
||||
@@ -25,7 +26,7 @@ import { useNotifStore } from '@store/NotifStore'
|
||||
export default defineComponent({
|
||||
name: 'mycircuit',
|
||||
components: { CProfile, CTitleBanner, CMyFieldRec, CSkill, CDateTime, CMyFriends,
|
||||
CGridTableRec, CMyUser, CCheckIfIsLogged },
|
||||
CGridTableRec, CMyUser, CCheckIfIsLogged, CCurrencyValue },
|
||||
props: {},
|
||||
setup() {
|
||||
const userStore = useUserStore()
|
||||
@@ -48,6 +49,7 @@ export default defineComponent({
|
||||
const users_in_circuit = ref(<IFriends[]>[])
|
||||
|
||||
const loading = ref(false)
|
||||
const requestToEnterCircuit = ref(false)
|
||||
|
||||
const tabgrp = ref('info')
|
||||
const tabmembers = ref('all')
|
||||
@@ -222,6 +224,7 @@ export default defineComponent({
|
||||
mystatus,
|
||||
cities,
|
||||
path,
|
||||
requestToEnterCircuit,
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
@@ -39,43 +39,21 @@
|
||||
<em style="font-weight: bold">{{ $t('db.youarerefusedcircuit') }}</em><br>
|
||||
</q-banner>
|
||||
|
||||
<div v-if="account" style="width: 300px;" class="text-h5">
|
||||
<q-field outlined
|
||||
dense
|
||||
:type="number"
|
||||
rounded
|
||||
class="q-pa-sm text-h5"
|
||||
color="green"
|
||||
>
|
||||
<template v-slot:prepend>
|
||||
<q-avatar>
|
||||
<!--<img src="https://cdn.quasar.dev/logo-v2/svg/logo.svg">-->
|
||||
<q-icon name="fas fa-coins" size="sm"/>
|
||||
</q-avatar>
|
||||
<div class="text-h6">
|
||||
Saldo
|
||||
</div>
|
||||
</template>
|
||||
<template v-slot:control>
|
||||
<div>{{account.saldo ? account.saldo.toFixed(2) : 'N/D'}}</div>
|
||||
</template>
|
||||
<template v-slot:append>
|
||||
<div class="text-h5">
|
||||
<em class="q-px-sm bg-deep-orange text-white rounded-borders">{{ account.circuit[0].symbol }}</em>
|
||||
</div>
|
||||
</template>
|
||||
<CCurrencyValue
|
||||
:symbol="circuit.symbol"
|
||||
:tips="t('account.saldo_tips')"
|
||||
:color="circuit.color"
|
||||
:value="account ? account.saldo : 0"
|
||||
:label="t('account.saldo')">
|
||||
|
||||
|
||||
</q-field>
|
||||
|
||||
</div>
|
||||
</CCurrencyValue>
|
||||
|
||||
<div>
|
||||
<q-btn
|
||||
v-if="!userStore.IsMyCircuitByName(circuit.name) && !userStore.IsAskedCircuitByName(circuit.name) && !userStore.IsRefusedCircuitByName(circuit.name)"
|
||||
icon="fas fa-user-plus"
|
||||
color="primary" :label="$t('circuit.ask')"
|
||||
@click="tools.setRequestCircuit($q, userStore.my.username, circuit.name, true)"
|
||||
@click="requestToEnterCircuit = true"
|
||||
/>
|
||||
<q-btn
|
||||
v-if="userStore.IsMyCircuitByName(circuit.name)"
|
||||
@@ -83,7 +61,7 @@
|
||||
<q-menu>
|
||||
<q-list v-if="true" style="min-width: 150px">
|
||||
<q-item clickable v-close-popup
|
||||
@click="tools.removeFromMyCircuits($q, userStore.my.username, circuit.name, $t('circuit.domanda_exit_fromcircuit', {name: circuit.name }))">
|
||||
@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-item-section>
|
||||
@@ -117,7 +95,7 @@
|
||||
|
||||
<q-tabs v-model="tabgrp" class="text-blue">
|
||||
<q-tab :label="t('shared.info1')" name="info" icon="fas fa-info"></q-tab>
|
||||
<q-tab :label="t('circuit.movements')" name="mov" icon="fas fa-coins"></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 v-if="tools.iCanShowCircuitsMember(circuit) || tools.iAmAdminCircuit(circuit.name)"
|
||||
:label="t('shared.subscribes')" name="members" icon="fas fa-users"></q-tab>
|
||||
@@ -201,18 +179,48 @@
|
||||
>
|
||||
</CMyUser>
|
||||
</div>
|
||||
<div v-if="circuit.fido_scoperto_default" class="members">
|
||||
<q-icon name="fas fa-battery-quarter"></q-icon>
|
||||
{{ circuit.fido_scoperto_default }} {{ t('circuit.fido_scoperto_default') }}
|
||||
<div class="sezioni">
|
||||
<q-icon name="fas fa-coins"></q-icon>
|
||||
{{ t('circuit.symbol') }}:
|
||||
<span class="text-h5">
|
||||
<em class="q-px-sm text-white rounded-borders"
|
||||
:style="`background-color: ` + tools.getColorByCircuit(circuit)">{{ tools.getSymbolByCircuit(circuit) }}</em>
|
||||
</span>
|
||||
</div>
|
||||
<div v-if="circuit.qta_max_default" class="members">
|
||||
<div v-if="circuit.fido_scoperto_default" class="sezioni">
|
||||
<CCurrencyValue
|
||||
:symbol="tools.getSymbolByCircuit(circuit)"
|
||||
:color="tools.getColorByCircuit(circuit)"
|
||||
:value="circuit.fido_scoperto_default"
|
||||
icon="fas fa-battery-quarter"
|
||||
:label="t('circuit.fido_scoperto_default')"
|
||||
:tips="t('circuit.fido_scoperto_default_tips')"
|
||||
>
|
||||
</CCurrencyValue>
|
||||
</div>
|
||||
<div v-if="circuit.fido_scoperto_default" class="sezioni">
|
||||
<CCurrencyValue
|
||||
:symbol="tools.getSymbolByCircuit(circuit)"
|
||||
:color="tools.getColorByCircuit(circuit)"
|
||||
:value="circuit.qta_max_default"
|
||||
icon="fas fa-battery-quarter"
|
||||
:label="t('circuit.qta_max_default')"
|
||||
:tips="t('circuit.qta_max_default_tips')"
|
||||
>
|
||||
</CCurrencyValue>
|
||||
</div>
|
||||
<div class="sezioni">
|
||||
<q-icon name="fas fa-battery-full"></q-icon>
|
||||
{{ circuit.qta_max_default }} {{ t('circuit.qta_max_default') }}
|
||||
{{ t('circuit.deperimento') }}: <span class="text-section">{{ circuit.deperimento ? t('dialog.yes') : t('dialog.no') }} {{ }}</span>
|
||||
</div>
|
||||
<div v-if="circuit.deperimento" class="members">
|
||||
<q-icon name="fas fa-battery-full"></q-icon>
|
||||
{{ t('circuit.deperimento') }}{{ circuit.deperimento ? t('dialog.yes') : t('dialog.no') }} {{ }}
|
||||
|
||||
<div class="sezioni">
|
||||
<q-icon name="fas fa-file-signature"></q-icon>
|
||||
{{ t('circuit.regulation') }}: <br>
|
||||
<div class="bordo_quadrato" v-html="circuit.regulation"></div>
|
||||
</div>
|
||||
|
||||
|
||||
</q-card-section>
|
||||
</q-card>
|
||||
|
||||
@@ -387,6 +395,44 @@
|
||||
<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-card v-if="circuit" class="dialog_card">
|
||||
<q-toolbar class="bg-primary text-white" dense>
|
||||
<!--<q-toolbar :class="tools.displayClasses(myevent)"-->
|
||||
<!--:style="tools.displayStyles(myevent) + ` min-width: `+ tools.myheight_dialog() + `px;`">-->
|
||||
<q-toolbar-title>
|
||||
{{ circuit.name }}
|
||||
</q-toolbar-title>
|
||||
<q-btn flat round color="white" icon="close" v-close-popup></q-btn>
|
||||
</q-toolbar>
|
||||
<q-card-section class="inset-shadow">
|
||||
<q-banner
|
||||
rounded
|
||||
class="bg-green text-white"
|
||||
style="text-align: center;"
|
||||
>
|
||||
<em style="font-weight: bold">Regolamento:</em><br>
|
||||
</q-banner>
|
||||
<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)"
|
||||
/>
|
||||
<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>
|
||||
|
||||
|
||||
@@ -152,10 +152,12 @@
|
||||
</q-btn>
|
||||
|
||||
</div>
|
||||
userStore.IsMyCircuitByUser(myuser): {{ userStore.IsMyCircuitByUser(myuser) }}
|
||||
<div class="col-md-6 col-sm-6 q-ma-xs col-xs-12">
|
||||
<q-btn
|
||||
v-if="userStore.IsMyCircuitByUser(myuser).length > 0 && myuser.username !== myusername()" icon="fab fa-telegram"
|
||||
color="blue"
|
||||
v-if="userStore.IsMyCircuitByUser(myuser).length > 0 && myuser.username !== myusername()"
|
||||
icon="fas fa-coins"
|
||||
color="green"
|
||||
size="md"
|
||||
rounded
|
||||
:label="$t('circuit.sendcoins')"
|
||||
@@ -192,7 +194,7 @@
|
||||
|
||||
<CTitleBanner
|
||||
v-if="static_data.functionality.SHOW_COMPETENZE"
|
||||
class="" :title="$t('profile.skills')" bgcolor="bg-positive" clcolor="text-white"
|
||||
class="" :title="$t('profile.skills')" bgcolor="bg-primary" clcolor="text-white"
|
||||
myclass="myshad" :canopen="true">
|
||||
|
||||
<q-tabs v-model="actualcard" class="text-blue">
|
||||
|
||||
Reference in New Issue
Block a user