Aggiornamento APP RISO:
✅ Inviando i RIS, deve comparire prima il Circuito della Provincia, e poi quello Nazionale ✅ Risolto problema per vecchie registrazioni, la provincia compariva "undefined".
This commit is contained in:
161
src/components/CDashGroup/CDashGroup.vue
Executable file
161
src/components/CDashGroup/CDashGroup.vue
Executable file
@@ -0,0 +1,161 @@
|
||||
<template>
|
||||
<div class="q-ma-xs">
|
||||
<div
|
||||
v-if="tools.visualizzaHomeApp()"
|
||||
class="row q-my-xs 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-xs">
|
||||
<q-item
|
||||
class="q-pb-none q-pt-xs cursor-pointer"
|
||||
:to="tools.updateLink(rec.to)"
|
||||
>
|
||||
<q-item-section>
|
||||
<q-item-label
|
||||
:class="
|
||||
(!$q.dark.isActive ? 'text-grey-9' : 'text-white') +
|
||||
` title_view_shadow`
|
||||
"
|
||||
style="letter-spacing: 1px"
|
||||
>
|
||||
{{ rec.title }}
|
||||
</q-item-label>
|
||||
<q-item-label
|
||||
lines="3"
|
||||
no-wrap
|
||||
v-if="rec.subtitle"
|
||||
:class="
|
||||
(!$q.dark.isActive ? 'text-grey-8' : 'text-white') +
|
||||
` title_view_subtitle`
|
||||
"
|
||||
>
|
||||
<span v-html="rec.subtitle"></span>
|
||||
</q-item-label>
|
||||
</q-item-section>
|
||||
|
||||
<q-item-section
|
||||
side
|
||||
class="small_side"
|
||||
style="right: 4px; position: absolute"
|
||||
>
|
||||
<q-img
|
||||
v-if="rec.image"
|
||||
:src="rec.image"
|
||||
style="width: 27px"
|
||||
></q-img>
|
||||
<q-icon
|
||||
v-else
|
||||
:name="rec.icon"
|
||||
:class="`text-` + rec.color"
|
||||
size="27px"
|
||||
></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 class="row shadow">
|
||||
<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-xxs">
|
||||
<q-item
|
||||
class="q-pb-none q-pt-xs cursor-pointer"
|
||||
:to="tools.updateLink(rec.to)"
|
||||
>
|
||||
<q-item-section>
|
||||
<q-item-label
|
||||
lines="3"
|
||||
:class="
|
||||
(!$q.dark.isActive ? 'text-grey-9' : '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-8' : 'text-white') +
|
||||
` title_view_subtitle`
|
||||
"
|
||||
style="letter-spacing: 0.2px"
|
||||
>
|
||||
<span v-html="rec.subtitle"></span>
|
||||
</q-item-label>
|
||||
</q-item-section>
|
||||
|
||||
<q-item-section side>
|
||||
<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="20px"
|
||||
></q-icon>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
</q-card>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" src="./CDashGroup.ts">
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import './CDashGroup.scss';
|
||||
</style>
|
||||
Reference in New Issue
Block a user