skeleton for stats

This commit is contained in:
Alireza Ahmadi
2025-01-18 16:04:00 +01:00
parent 1282d67640
commit 4dc02f783a
+11 -3
View File
@@ -18,9 +18,17 @@
<v-radio-group v-model="limit" @change="loadData" density="compact" :loading="loading" inline hide-details> <v-radio-group v-model="limit" @change="loadData" density="compact" :loading="loading" inline hide-details>
<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-alert :text="$t('noData')" type="warning" variant="outlined" v-if="alert"></v-alert> <v-skeleton-loader
<Line v-if="loaded" :data="usage" :options="<any>options" /> 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>
<Line v-if="loaded" :data="usage" :options="<any>options" />
</template>
</v-container> </v-container>
</v-card-text> </v-card-text>
</v-card> </v-card>