Relayout backup sites view items

This commit is contained in:
Johannes Zellner
2025-09-29 10:31:08 +02:00
parent daa4f7dfb1
commit e522b4c7f3
+13 -18
View File
@@ -229,30 +229,25 @@ onMounted(async () => {
<StateLED :busy="site.status.busy" :state="site.status.state"/>
</div>
<div class="backup-site-details">
<div><b style="font-size: 16px">{{ site.name }}</b></div>
<div><b style="font-size: 18px">{{ site.name }}</b><i style="margin-left: 10px">{{ BackupSitesModel.prettyBackupContents(site.contents) }}</i></div>
<div>
<i v-if="site.encrypted" class="fa-solid fa-lock"></i>
{{ site.provider }}/{{ site.format }}
<span v-if="site.provider === 'filesystem' || mountlike(site.provider)">
({{ site.config.noHardlinks ? 'no hardlinks' : 'hardlinks' }})
Storage: <b>{{ site.provider }} ({{ site.format }}) </b>
<span>at
<span v-if="site.provider === 'filesystem'">{{ site.config.backupDir }}{{ (site.config.prefix ? `/${site.config.prefix}` : '') }}</span>
<span v-else-if="site.provider === 'disk' || site.provider === 'ext4' || site.provider === 'xfs' || site.provider === 'mountpoint'">{{ site.config.mountOptions.diskPath || site.config.mountPoint }}{{ (site.config.prefix ? `/${site.config.prefix}` : '') }}</span>
<span v-else-if="site.provider === 'cifs' || site.provider === 'nfs' || site.provider === 'sshfs'">{{ site.config.mountOptions.host }}:{{ site.config.mountOptions.remoteDir }}{{ (site.config.prefix ? `/${site.config.prefix}` : '') }}</span>
<span v-else-if="site.provider === 's3'">{{ site.config.region + ' ' + site.config.bucket + (site.config.prefix ? `/${site.config.prefix}` : '') }}</span>
<span v-else-if="site.provider === 'minio'">{{ site.config.endpoint + ' ' + site.config.bucket + (site.config.prefix ? `/${site.config.prefix}` : '') }}</span>
<span v-else-if="site.provider === 'gcs'">{{ site.config.endpoint + ' ' + site.config.bucket + (site.config.prefix ? `/${site.config.prefix}` : '') }}</span>
<span v-else>{{ regionName(site.provider, site.config.endpoint) + ' ' + site.config.bucket + (site.config.prefix ? `/${site.config.prefix}` : '') }}</span>
</span>
</div>
<div>
<span v-if="site.provider === 'filesystem'">{{ site.config.backupDir }}{{ (site.config.prefix ? `/${site.config.prefix}` : '') }}</span>
<span v-else-if="site.provider === 'disk' || site.provider === 'ext4' || site.provider === 'xfs' || site.provider === 'mountpoint'">{{ site.config.mountOptions.diskPath || site.config.mountPoint }}{{ (site.config.prefix ? `/${site.config.prefix}` : '') }}</span>
<span v-else-if="site.provider === 'cifs' || site.provider === 'nfs' || site.provider === 'sshfs'">{{ site.config.mountOptions.host }}:{{ site.config.mountOptions.remoteDir }}{{ (site.config.prefix ? `/${site.config.prefix}` : '') }}</span>
<span v-else-if="site.provider === 's3'">{{ site.config.region + ' ' + site.config.bucket + (site.config.prefix ? `/${site.config.prefix}` : '') }}</span>
<span v-else-if="site.provider === 'minio'">{{ site.config.endpoint + ' ' + site.config.bucket + (site.config.prefix ? `/${site.config.prefix}` : '') }}</span>
<span v-else-if="site.provider === 'gcs'">{{ site.config.endpoint + ' ' + site.config.bucket + (site.config.prefix ? `/${site.config.prefix}` : '') }}</span>
<span v-else>{{ regionName(site.provider, site.config.endpoint) + ' ' + site.config.bucket + (site.config.prefix ? `/${site.config.prefix}` : '') }}</span>
</div>
<div>
Backup Contents: <b>{{ BackupSitesModel.prettyBackupContents(site.contents) }}</b>
</div>
<div>
{{ $t('backups.schedule.schedule') }}: <b>{{ BackupSitesModel.prettyBackupSchedule(site.schedule) }}</b>
</div>
<div>
{{ $t('backups.schedule.retentionPolicy') }}: <b>{{ BackupSitesModel.prettyBackupRetention(site.retention) }}</b>
</div>
<div class="backup-site-task">
@@ -292,7 +287,7 @@ onMounted(async () => {
}
.backup-site:hover {
background-color: var(--pankow-color-background-hover);
/*background-color: var(--pankow-color-background-hover);*/
}
.backup-site-details {