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:
Surya Paolo
90
src/components/CDashGroup/CDashGroup.scss
Executable file
90
src/components/CDashGroup/CDashGroup.scss
Executable file
@@ -0,0 +1,90 @@
|
||||
.box_1 {
|
||||
color: #0dceec;
|
||||
}
|
||||
|
||||
.box_2 {
|
||||
color: #fe434f;
|
||||
}
|
||||
|
||||
.box_3 {
|
||||
color: #15ca20;
|
||||
}
|
||||
|
||||
.box_4 {
|
||||
color: #ff9700;
|
||||
}
|
||||
|
||||
.shadow {
|
||||
-webkit-box-shadow: 0 0 10px #bfbfbf !important;
|
||||
box-shadow: 0 0 10px #bfbfbf !important;
|
||||
}
|
||||
|
||||
.progress-base {
|
||||
height: 5px;
|
||||
border-radius: 3px;
|
||||
background-color: #e9ecef;
|
||||
}
|
||||
|
||||
.progress-bar-1 {
|
||||
height: 8px;
|
||||
border-radius: 3px;
|
||||
background: #17ead9;
|
||||
background: -webkit-linear-gradient(45deg, #17ead9, #6078ea) !important;
|
||||
background: linear-gradient(45deg, #17ead9, #6078ea) !important;
|
||||
}
|
||||
|
||||
.progress-bar-2 {
|
||||
height: 8px;
|
||||
border-radius: 3px;
|
||||
background: #f54ea2;
|
||||
background: -webkit-linear-gradient(45deg, #f54ea2, #ff7676) !important;
|
||||
background: linear-gradient(45deg, #f54ea2, #ff7676) !important;
|
||||
}
|
||||
|
||||
.progress-bar-3 {
|
||||
height: 8px;
|
||||
border-radius: 3px;
|
||||
background: #42e695;
|
||||
background: -webkit-linear-gradient(45deg, #42e695, #3bb2b8) !important;
|
||||
background: linear-gradient(45deg, #42e695, #3bb2b8) !important;
|
||||
}
|
||||
|
||||
.progress-bar-4 {
|
||||
height: 8px;
|
||||
border-radius: 3px;
|
||||
background: #ffdf40;
|
||||
background: -webkit-linear-gradient(45deg, #ffdf40, #ff8359) !important;
|
||||
background: linear-gradient(45deg, #ffdf40, #ff8359) !important;
|
||||
}
|
||||
|
||||
.progress-bar-5 {
|
||||
height: 8px;
|
||||
border-radius: 3px;
|
||||
background: #ffdf40;
|
||||
background: -webkit-linear-gradient(45deg, #ffdf40, #ff8359) !important;
|
||||
background: linear-gradient(45deg, #ffdf40, #ff8359) !important;
|
||||
}
|
||||
|
||||
.progress-bar-6 {
|
||||
height: 8px;
|
||||
border-radius: 3px;
|
||||
background: #ffdf40;
|
||||
background: -webkit-linear-gradient(45deg, #ffdf40, #ff8359) !important;
|
||||
background: linear-gradient(45deg, #ffdf40, #ff8359) !important;
|
||||
}
|
||||
|
||||
.border-top {
|
||||
border-top: 1px solid #efefef;
|
||||
}
|
||||
|
||||
.chip_pending {
|
||||
background: #ffdf40;
|
||||
background: -webkit-linear-gradient(45deg, #ffdf40, #ff8359) !important;
|
||||
background: linear-gradient(45deg, #ffdf40, #ff8359) !important;
|
||||
}
|
||||
|
||||
.chip_completed {
|
||||
background: #42e695;
|
||||
background: -webkit-linear-gradient(45deg, #42e695, #3bb2b8) !important;
|
||||
background: linear-gradient(45deg, #42e695, #3bb2b8) !important;
|
||||
}
|
||||
48
src/components/CDashGroup/CDashGroup.ts
Executable file
48
src/components/CDashGroup/CDashGroup.ts
Executable file
@@ -0,0 +1,48 @@
|
||||
import { computed, defineComponent, PropType, ref } from 'vue'
|
||||
|
||||
import { ICalcStat, IOperators } from '../../model'
|
||||
import { useUserStore } from '../../store/UserStore'
|
||||
import { useRouter } from 'vue-router'
|
||||
import { useGlobalStore } from '../../store/globalStore'
|
||||
import { useI18n } from '../../boot/i18n'
|
||||
|
||||
import { shared_consts } from '@src/common/shared_vuejs'
|
||||
import { costanti, IMainCard } from '@store/Modules/costanti'
|
||||
|
||||
import { tools } from '@store/Modules/tools'
|
||||
|
||||
export default defineComponent({
|
||||
name: 'CDashGroup',
|
||||
props: {},
|
||||
setup(props) {
|
||||
|
||||
const userStore = useUserStore()
|
||||
const $router = useRouter()
|
||||
const globalStore = useGlobalStore()
|
||||
const { t } = useI18n()
|
||||
|
||||
const calcstat = computed(() => userStore.my.calcstat ? userStore.my.calcstat : {
|
||||
numUsersReg: 0,
|
||||
numByTab: {},
|
||||
})
|
||||
|
||||
const visustat = computed(() => {
|
||||
// @ts-ignore
|
||||
return costanti.GROUPCARDS.filter((rec: IMainCard) => rec.visuonstat)
|
||||
})
|
||||
|
||||
const visulinks = computed(() => {
|
||||
// @ts-ignore
|
||||
return costanti.GROUPCARDS.filter((rec: IMainCard) => rec.link)
|
||||
})
|
||||
|
||||
return {
|
||||
userStore,
|
||||
tools,
|
||||
calcstat,
|
||||
shared_consts,
|
||||
visustat,
|
||||
visulinks,
|
||||
}
|
||||
},
|
||||
})
|
||||
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>
|
||||
1
src/components/CDashGroup/index.ts
Executable file
1
src/components/CDashGroup/index.ts
Executable file
@@ -0,0 +1 @@
|
||||
export {default as CDashGroup} from './CDashGroup.vue'
|
||||
Reference in New Issue
Block a user