split uploaded and generated backups

src/router/backupGuard.ts

@@ -0,0 +1,19 @@
+import { useBackupStore } from "../stores/admin/user/backup";
+
+export async function setBackupPage(to: any, from: any, next: any) {
+  const backup = useBackupStore();
+
+  let uploadPage = to.name.includes("uploaded");
+
+  if (uploadPage) {
+    backup.page = "uploaded";
+    backup.backups = [];
+  } else {
+    backup.page = "generated";
+    backup.backups = [];
+  }
+
+  backup.fetchBackups();
+
+  next();
+}

src/router/index.ts

@@ -10,6 +10,7 @@ import { resetMemberStores, setMemberId } from "./memberGuard";
 import { resetProtocolStores, setProtocolId } from "./protocolGuard";
 import { resetNewsletterStores, setNewsletterId } from "./newsletterGuard";
 import { config } from "../config";
+import { setBackupPage } from "./backupGuard";
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
@@ -636,10 +637,29 @@ const router = createRouter({
             },
             {
               path: "backup",
-              name: "admin-user-backup",
-              component: () => import("@/views/admin/user/backup/Backup.vue"),
+              name: "admin-user-backup-route",
+              component: () => import("@/views/admin/user/backup/BackupRouting.vue"),
               meta: { type: "read", section: "user", module: "backup" },
               beforeEnter: [abilityAndNavUpdate],
+              children: [
+                {
+                  path: "",
+                  name: "admin-user-backup",
+                  redirect: { name: "admin-user-backup-generated" },
+                },
+                {
+                  path: "generated",
+                  name: "admin-user-backup-generated",
+                  component: () => import("@/views/admin/user/backup/GeneratedBackup.vue"),
+                  beforeEnter: [setBackupPage],
+                },
+                {
+                  path: "uploads",
+                  name: "admin-user-backup-uploaded",
+                  component: () => import("@/views/admin/user/backup/UploadedBackup.vue"),
+                  beforeEnter: [setBackupPage],
+                },
+              ],
             },
           ],
         },