mirror/ezbookkeeping
1
0
Fork 0
mirror of https://github.com/mayswind/ezbookkeeping.git synced 2026-05-14 06:57:35 +08:00
Code Issues Packages Projects Releases Wiki Activity

update the styling used when reloading browser cache data

Browse Source
This commit is contained in:
MaysWind
2026-03-01 19:31:26 +08:00
parent 8c1f499ed8
commit c4c9503e31
3 changed files with 24 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/base/settings/AppBrowserCacheSettingPageBase.ts
+13 -4
View File
@@ -70,17 +70,26 @@ export function useAppBrowserCacheSettingPageBase() {
}
});
function loadCacheStatistics(): Promise<void> {
function loadCacheStatistics(updateLoadingState: boolean): Promise<void> {
return new Promise((resolve, reject) => {
loading.value = true;
if (updateLoadingState) {
loading.value = true;
}
loadBrowserCacheStatistics().then(statistics => {
fileCacheStatistics.value = statistics;
exchangeRatesCacheSize.value = exchangeRatesStore.getExchangeRatesCacheSize();
loading.value = false;
if (updateLoadingState) {
loading.value = false;
}
resolve();
}).catch(error => {
loading.value = false;
if (updateLoadingState) {
loading.value = false;
}
reject(error);
});
});
src/views/desktop/app/settings/tabs/AppBrowserCacheSettingTab.vue
+6 -5
View File
@@ -6,7 +6,7 @@
<div class="d-flex align-center">
<span>{{ tt('File Cache') }}</span>
<v-btn density="compact" color="default" variant="text" size="24"
class="ms-2" :icon="true" :loading="loading" @click="loadCacheStatistics()">
class="ms-2" :icon="true" :loading="loading" @click="loadCacheStatistics(true)">
<template #loader>
<v-progress-circular indeterminate size="20"/>
</template>
@@ -88,9 +88,10 @@
</div>
</template>
<v-card-text>
<v-card-text class="d-flex align-end" style="height: 3rem">
<span class="text-body-1">{{ tt('Used storage') }}</span>
<span class="text-xl ms-1">{{ formatVolumeToLocalizedNumerals(exchangeRatesCacheSize ?? 0, 2) }}</span>
<v-skeleton-loader class="d-inline-block skeleton-no-margin ms-1 pt-1 pb-1" type="text" style="width: 100px" :loading="true" v-if="loading"></v-skeleton-loader>
<span class="text-xl ms-1" v-if="!loading">{{ formatVolumeToLocalizedNumerals(exchangeRatesCacheSize ?? 0, 2) }}</span>
</v-card-text>
<v-card-text class="mt-2">
@@ -188,7 +189,7 @@ const confirmDialog = useTemplateRef<ConfirmDialogType>('confirmDialog');
function clearMapCache(): void {
confirmDialog.value?.open('Are you sure you want to clear map data cache?').then(() => {
clearMapDataCache().then(() => {
loadCacheStatistics();
loadCacheStatistics(true);
});
});
}
@@ -207,5 +208,5 @@ function clearExchangeRatesCache(): void {
});
}
loadCacheStatistics();
loadCacheStatistics(true);
</script>
src/views/mobile/settings/BrowserCacheSettingPage.vue
+5 -9
View File
@@ -150,21 +150,17 @@ const showExchangeRatesDataCacheExpirationPopup = ref<boolean>(false);
const showMoreActionSheet = ref<boolean>(false);
function reloadCacheStatistics(done?: () => void): void {
loadCacheStatistics().then(() => {
if (done) {
done();
}
loadCacheStatistics(false).then(() => {
done?.();
}).catch(() => {
if (done) {
done();
}
done?.();
});
}
function clearMapCache(): void {
showConfirm('Are you sure you want to clear map data cache?', () => {
clearMapDataCache().then(() => {
loadCacheStatistics();
loadCacheStatistics(true);
});
});
}
@@ -183,5 +179,5 @@ function clearExchangeRatesCache(): void {
});
}
loadCacheStatistics();
loadCacheStatistics(true);
</script>