skeleton for stats

This commit is contained in:
Alireza Ahmadi
2025-01-18 16:04:00 +01:00
parent 1282d67640
commit 4dc02f783a
+8
View File
@@ -19,8 +19,16 @@
<v-radio v-for="p in periods" :label="p.title" :value="p.value"></v-radio> <v-radio v-for="p in periods" :label="p.title" :value="p.value"></v-radio>
</v-radio-group> </v-radio-group>
<v-container id="container" style="height:40vh;"> <v-container id="container" style="height:40vh;">
<v-skeleton-loader
class="mx-auto border"
width="95%"
type="image"
v-if="loading"
></v-skeleton-loader>
<template v-else>
<v-alert :text="$t('noData')" type="warning" variant="outlined" v-if="alert"></v-alert> <v-alert :text="$t('noData')" type="warning" variant="outlined" v-if="alert"></v-alert>
<Line v-if="loaded" :data="usage" :options="<any>options" /> <Line v-if="loaded" :data="usage" :options="<any>options" />
</template>
</v-container> </v-container>
</v-card-text> </v-card-text>
</v-card> </v-card>