other components...

2021-09-04 15:05:34 +02:00
parent 1c3df0fac1
commit fcc4f61f07
110 changed files with 4592 additions and 566 deletions
--- a/src/components/CCardState/CCardState.vue
+++ b/src/components/CCardState/CCardState.vue
@@ -0,0 +1,36 @@
+<template>
+    <q-card :class="myclass +` text-center`" :style="mystyle">
+        <q-circular-progress
+                show-value
+                :font-size="fontsize"
+                :value="myperc"
+                :size="getsize"
+                :thickness="0.25"
+                :color="mycolor"
+                track-color="grey-3"
+                class="animated"
+        >
+
+            <q-avatar v-if="imgsrc" size="60px">
+                <img :src="imgsrc" alt="img">
+            </q-avatar>
+            <div class="column q-pa-sm text-center">
+                <div>
+                    {{ mytext }}
+                </div>
+                <div v-if="myval" class="mlvalue text-h5 text-blue boldhigh text-h5-short"> {{ myval }} {{ textadd }}
+                </div>
+                <div v-if="isperc" class="cltexth5" >
+                    {{ 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>