e244dd3a91
PASSARE TUTTI I _DOC e mettergli .lean() prima dello then() -> velocizza le Query di Mongodb "Floriterapia costellazioni familiari coach motivazionale Tecniche Essene" Inserimento Gruppi: anche il comune obbligatorio Far comparire le ultime persone registrate Mettere il controllo dell'abilitazione del BOT Telegram solo dopo che conosco il suo username, e cosi gli metto anche il contatto telegram. risolto foto profilo di telegram che non si salvava in automatico tolto il controllo della email aggiunto msg se errore al server, installare altro browser.
69 lines
2.6 KiB
Vue
Executable File
69 lines
2.6 KiB
Vue
Executable File
<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="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">
|
|
<q-item class="q-pb-none q-pt-xs">
|
|
<q-item-section>
|
|
<q-item-label class="text-h4" style="font-weight: 500;letter-spacing: 3px;">{{
|
|
calcstat.numUsersReg
|
|
}}
|
|
</q-item-label>
|
|
<q-item-label :class="!$q.dark.isActive? 'text-grey-7':'text-white'" style="letter-spacing: 1px;">Persone
|
|
Iscritte
|
|
</q-item-label>
|
|
</q-item-section>
|
|
|
|
<q-item-section side>
|
|
<q-icon name="o_people" class="box_4" size="60px"></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-bar-4" style="width:100%"></div>
|
|
</div>
|
|
</q-item-section>
|
|
</q-item>
|
|
</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"
|
|
>
|
|
<q-card class="no-shadow q-pa-sm">
|
|
<q-item class="q-pb-none q-pt-xs">
|
|
<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'" style="letter-spacing: 1px;">
|
|
{{ rec.title }}
|
|
</q-item-label>
|
|
</q-item-section>
|
|
|
|
<q-item-section side>
|
|
<q-icon :name="rec.icon" :class="`text-` + rec.color" size="60px"></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>
|
|
</q-item-section>
|
|
</q-item>
|
|
</q-card>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts" src="./CDashboard.ts">
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
@import './CDashboard.scss';
|
|
</style>
|