fix Registrazione data
fix linkref fix controllo login fix pagination CGridTableRec added CstatusReg e Cstatus
This commit is contained in:
13
src/components/CCardState/CCardState.scss
Normal file
13
src/components/CCardState/CCardState.scss
Normal file
@@ -0,0 +1,13 @@
|
||||
.my-card-stat {
|
||||
width: 100%;
|
||||
max-width: 200px;
|
||||
min-width: 120px;
|
||||
padding: 1rem 1rem;
|
||||
@media (max-width: 718px) {
|
||||
// PER VERSIONE MOBILE
|
||||
max-width: 150px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
box-shadow: none;
|
||||
}
|
||||
26
src/components/CCardState/CCardState.ts
Normal file
26
src/components/CCardState/CCardState.ts
Normal file
@@ -0,0 +1,26 @@
|
||||
import Vue from 'vue'
|
||||
import { Component, Prop, Watch } from 'vue-property-decorator'
|
||||
|
||||
import { tools } from '../../store/Modules/tools'
|
||||
import { toolsext } from '@src/store/Modules/toolsext'
|
||||
import MixinBase from '@src/mixins/mixin-base'
|
||||
|
||||
@Component({
|
||||
name: 'CCardState'
|
||||
})
|
||||
|
||||
export default class CCardState extends MixinBase {
|
||||
@Prop({ required: true, default: '' }) public mytext
|
||||
@Prop({ required: true, default: 0 }) public myval
|
||||
@Prop({ required: true, default: 0 }) public myperc
|
||||
@Prop({ required: false, default: '' }) public imgsrc
|
||||
@Prop({ required: false, default: false }) public isperc
|
||||
@Prop({ required: false, default: '' }) public textadd
|
||||
|
||||
get getsize() {
|
||||
if (tools.isMobile())
|
||||
return '130px'
|
||||
else
|
||||
return '150px'
|
||||
}
|
||||
}
|
||||
36
src/components/CCardState/CCardState.vue
Normal file
36
src/components/CCardState/CCardState.vue
Normal file
@@ -0,0 +1,36 @@
|
||||
<template>
|
||||
<q-card class="my-card-stat text-center">
|
||||
<q-circular-progress
|
||||
show-value
|
||||
font-size="1rem"
|
||||
:value="myperc"
|
||||
:size="getsize"
|
||||
:thickness="0.25"
|
||||
color="green"
|
||||
track-color="grey-3"
|
||||
class="q-ma-sm animated"
|
||||
>
|
||||
|
||||
<q-avatar v-if="imgsrc" size="60px">
|
||||
<img :src="imgsrc">
|
||||
</q-avatar>
|
||||
<div class="column q-pa-sm text-center">
|
||||
<div>
|
||||
{{ mytext }}
|
||||
</div>
|
||||
<div class="mlvalue text-h5 text-blue boldhigh"> {{ myval }} {{ textadd }}
|
||||
</div>
|
||||
<div v-if="isperc" class="cltexth4">
|
||||
({{ myperc.toFixed(1) }} %)
|
||||
</div>
|
||||
</div>
|
||||
</q-circular-progress>
|
||||
</q-card>
|
||||
</template>
|
||||
|
||||
<script lang="ts" src="./CCardState.ts">
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import './CCardState.scss';
|
||||
</style>
|
||||
1
src/components/CCardState/index.ts
Normal file
1
src/components/CCardState/index.ts
Normal file
@@ -0,0 +1 @@
|
||||
export {default as CCardState} from './CCardState.vue'
|
||||
Reference in New Issue
Block a user