Rename backup label to name and separate backup listing into new view

This commit is contained in:
Johannes Zellner
2025-08-04 14:40:29 +02:00
parent 0ff760fe4a
commit 1016d41d7a
8 changed files with 77 additions and 41 deletions
+7 -1
View File
@@ -23,6 +23,7 @@ import AppearanceView from './views/AppearanceView.vue';
import AppstoreView from './views/AppstoreView.vue';
import BackupTargetsView from './views/BackupTargetsView.vue';
import BackupAppArchivesView from './views/BackupAppArchivesView.vue';
import BackupListView from './views/BackupListView.vue';
import CloudronAccountView from './views/CloudronAccountView.vue';
import DomainsView from './views/DomainsView.vue';
import EmailDomainView from './views/EmailDomainView.vue';
@@ -51,6 +52,7 @@ const VIEWS = {
APPS: 'apps',
APPSTORE: 'appstore',
BACKUP_TARGETS: 'backup-targets',
BACKUP_LIST: 'backup-list',
BACKUP_APP_ARCHIVES: 'backup-app-archives',
CLOUDRON_ACCOUNT: 'cloudron-account',
DOMAINS: 'domains',
@@ -173,6 +175,8 @@ function onHashChange() {
view.value = VIEWS.APPEARANCE;
} else if (v === VIEWS.BACKUP_TARGETS && profile.value.isAtLeastAdmin) {
view.value = VIEWS.BACKUP_TARGETS;
} else if (v === VIEWS.BACKUP_LIST && profile.value.isAtLeastAdmin) {
view.value = VIEWS.BACKUP_LIST;
} else if (v === VIEWS.BACKUP_APP_ARCHIVES && profile.value.isAtLeastAdmin) {
view.value = VIEWS.BACKUP_APP_ARCHIVES;
} else if (v === VIEWS.CLOUDRON_ACCOUNT && profile.value.isAtLeastOwner) {
@@ -306,7 +310,8 @@ onMounted(async () => {
<div class="sidebar-item" v-show="profile.isAtLeastAdmin" @click="onToggleGroup('backup')"><i class="fa fa-archive fa-fw"></i> {{ $t('backups.title') }} <i class="collapse fa-solid fa-angle-right" :class="{ expanded: activeSidebarGroup === 'backup' }" style="margin-left: 6px;"></i></div>
<Transition name="sidebar-item-group-animation">
<div class="sidebar-item-group" v-if="activeSidebarGroup === 'backup'">
<a class="sidebar-item" :class="{ active: activeSidebarItem === 'backup-targets' }" href="#/backup-targets" @click="onSidebarClose()"><i class="fa fa-fw fa-hard-drive"></i> Targets</a>
<a class="sidebar-item" :class="{ active: activeSidebarItem === 'backup-targets' }" href="#/backup-targets" @click="onSidebarClose()"><i class="fa fa-fw fa-hard-drive"></i> Storage</a>
<a class="sidebar-item" :class="{ active: activeSidebarItem === 'backup-list' }" href="#/backup-list" @click="onSidebarClose()"><i class="fa fa-fw fa-archive"></i> {{ $t('backups.listing.title') }}</a>
<a class="sidebar-item" :class="{ active: activeSidebarItem === 'backup-app-archives' }" href="#/backup-app-archives" @click="onSidebarClose()"><i class="fa fa-fw fa-grip"></i> App Archives</a>
</div>
</Transition>
@@ -360,6 +365,7 @@ onMounted(async () => {
<AppearanceView v-else-if="view === VIEWS.APPEARANCE" />
<AppstoreView v-else-if="view === VIEWS.APPSTORE" />
<BackupTargetsView v-else-if="view === VIEWS.BACKUP_TARGETS" />
<BackupListView v-else-if="view === VIEWS.BACKUP_LIST" />
<BackupAppArchivesView v-else-if="view === VIEWS.BACKUP_APP_ARCHIVES" />
<CloudronAccountView v-else-if="view === VIEWS.CLOUDRON_ACCOUNT" />
<DomainsView v-else-if="view === VIEWS.DOMAINS" />