jjkiers/cloudron-box
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

backups: display the size and duration in info

Browse Source
This commit is contained in:
Girish Ramakrishnan
2025-10-20 14:14:32 +02:00
parent 50ca07bfb8
commit 41cb381a2e
4 changed files with 24 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dashboard/src/components/SystemBackupList.vue
+13 -4
View File
@@ -6,7 +6,7 @@ const t = i18n.t;
import { ref, onMounted, useTemplateRef } from 'vue';
import { Button, ClipboardAction, Menu, FormGroup, TextInput, Checkbox, TableView, Dialog } from '@cloudron/pankow';
import { prettyLongDate, prettyFileSize } from '@cloudron/pankow/utils';
import { prettyDuration, prettyLongDate, prettyFileSize } from '@cloudron/pankow/utils';
import { TASK_TYPES } from '../constants.js';
import Section from '../components/Section.vue';
import BackupsModel from '../models/BackupsModel.js';
@@ -307,15 +307,24 @@ defineExpose({ refresh });
<div class="info-label">{{ $t('backups.backupDetails.version') }}</div>
<div class="info-value">{{ infoBackup.packageVersion }}</div>
</div>
<div class="info-row" v-if="infoBackup.stats?.aggregatedUpload">
<div class="info-label">{{ $t('backups.backupDetails.size') }}</div>
<div class="info-value">{{ prettyFileSize(infoBackup.stats.aggregatedUpload.size) }} | {{ infoBackup.stats.aggregatedUpload.fileCount }} file(s)</div>
</div>
<div class="info-row" v-if="infoBackup.stats?.aggregatedCopy">
<div class="info-label">{{ $t('backups.backupDetails.duration') }}</div>
<div class="info-value">{{ prettyDuration(infoBackup.stats.aggregatedUpload.duration + infoBackup.stats.aggregatedCopy.duration) }}</div>
</div>
<br/>
<p class="text-muted">{{ $t('backups.backupDetails.list', { appCount: infoBackup.contents.length }) }}:</p>
<div style="margin-bottom: 5px">{{ $t('backups.backupDetails.list', { appCount: infoBackup.contents.length }) }}:</div>
<div v-for="content in infoBackup.contents" :key="content.id">
<a v-if="content.id === 'mail'" href="/#/mailboxes">{{ content.label }}</a>
<a v-else-if="content.fqdn" :href="`/#/app/${content.id}/backups`">{{ content.label || content.fqdn }}</a>
<a v-else :href="`/#/system-eventlog?search=${content.id}`">{{ content.id }}</a>
<span v-if="content.stats?.upload">&nbsp;{{ prettyFileSize(content.stats.upload.size) }} - {{ content.stats.upload.fileCount }} file(s)</span>
<!-- {{ prettyDuration(content.stats.upload.duration | content.stats.copy.duration) }} -->
<span v-if="content.stats?.upload">&nbsp;{{ prettyFileSize(content.stats.upload.size) }} | {{ content.stats.upload.fileCount }} file(s)</span>
</div>
</Dialog>
@@ -360,7 +369,7 @@ defineExpose({ refresh });
</template>
<template #size="backup">
<span v-if="backup.stats?.aggregatedUpload">{{ prettyFileSize(backup.stats.aggregatedUpload.size) }} - {{ backup.stats.aggregatedUpload.fileCount }} file(s)</span>
<span v-if="backup.stats?.aggregatedUpload">{{ prettyFileSize(backup.stats.aggregatedUpload.size) }} | {{ backup.stats.aggregatedUpload.fileCount }} file(s)</span>
</template>
<template #site="backup">{{ backup.site.name }}</template>