flfeders/FEDEO
2
1
Fork 0
Code Issues 102 Pull Requests Actions Packages Projects 22 Releases Wiki Activity

Wire tenant archive export in frontend

Browse Source
This commit is contained in:
Florian Federspiel
2026-07-05 12:31:59 +02:00
parent 0a7b0448ad
commit 3c4a75a858
3 changed files with 108 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
frontend/composables/useAdmin.ts
View File

@@ -55,6 +55,22 @@ export type TenantImportResult = {
files: { restored: number; skipped: number }
}
export type TenantExportJob = {
exportId: string
tenantId?: number
status: "queued" | "running" | "ready" | "failed" | string
filename: string
fileSize?: number | null
filesDone?: number
filesTotal?: number
error?: string | null
statusUrl?: string
downloadUrl?: string | null
createdAt?: string
updatedAt?: string | null
completedAt?: string | null
}
export type SystemStatus = {
checkedAt: string
backend: {
@@ -173,13 +189,23 @@ export const useAdmin = () => {
})
}
const exportTenant = async (id: number): Promise<Blob> => {
return await $api(`/api/admin/tenants/${id}/export`, {
const startTenantExport = async (id: number): Promise<TenantExportJob> => {
return await $api(`/api/admin/tenants/${id}/exports`, {
method: "POST",
})
}
const getTenantExport = async (exportId: string): Promise<TenantExportJob> => {
return await $api(`/api/admin/tenant-exports/${exportId}`)
}
const downloadTenantExport = async (exportId: string): Promise<Blob> => {
return await $api(`/api/admin/tenant-exports/${exportId}/download`, {
responseType: "blob",
})
}
const importTenant = async (body: Record<string, any>): Promise<TenantImportResult> => {
const importTenant = async (body: Record<string, any> | FormData): Promise<TenantImportResult> => {
return await $api("/api/admin/tenant-imports", {
method: "POST",
body,
@@ -222,7 +248,9 @@ export const useAdmin = () => {
createTenant,
invitePortalUser,
updateTenant,
exportTenant,
startTenantExport,
getTenantExport,
downloadTenantExport,
importTenant,
}
}

81
frontend/pages/administration/tenants/[id].vue
View File

@@ -12,6 +12,12 @@ const loading = ref(true)
const saving = ref(false)
const exportingTenant = ref(false)
const importingTenant = ref(false)
const tenantExportProgress = ref<null | {
status: string
filesDone: number
filesTotal: number
filename: string
}>(null)
const creatingUser = ref(false)
const createUserModalOpen = ref(false)
const createdUserPassword = ref("")
@@ -93,26 +99,46 @@ const downloadTenantExport = async () => {
if (!tenantForm.value || exportingTenant.value) return
exportingTenant.value = true
tenantExportProgress.value = null
try {
const blob = await admin.exportTenant(tenantForm.value.id)
const started = await admin.startTenantExport(tenantForm.value.id)
let job = started
tenantExportProgress.value = {
status: job.status,
filesDone: job.filesDone || 0,
filesTotal: job.filesTotal || 0,
filename: job.filename,
}
while (!["ready", "failed"].includes(job.status)) {
await new Promise((resolve) => setTimeout(resolve, 1500))
job = await admin.getTenantExport(started.exportId)
tenantExportProgress.value = {
status: job.status,
filesDone: job.filesDone || 0,
filesTotal: job.filesTotal || 0,
filename: job.filename,
}
}
if (job.status === "failed") {
throw new Error(job.error || "Export konnte nicht erstellt werden.")
}
const blob = await admin.downloadTenantExport(started.exportId)
const objectUrl = URL.createObjectURL(blob)
const link = document.createElement("a")
const safeName = (tenantForm.value.short || tenantForm.value.name || tenantForm.value.id)
.toString()
.trim()
.replace(/[^a-z0-9_-]+/gi, "-")
.replace(/^-+|-+$/g, "")
.toLowerCase()
link.href = objectUrl
link.download = `fedeo-tenant-${safeName || tenantForm.value.id}-${new Date().toISOString().slice(0, 10)}.json`
link.download = job.filename || `fedeo-tenant-${tenantForm.value.id}.fedeo-export.zip`
document.body.appendChild(link)
link.click()
link.remove()
URL.revokeObjectURL(objectUrl)
toast.add({ title: "Mandantenexport erstellt", color: "green" })
toast.add({ title: "Mandantenexport erstellt", description: job.filename, color: "green" })
} catch (err: any) {
console.error("[administration/tenants/export]", err)
toast.add({
@@ -138,12 +164,22 @@ const importTenantExport = async (event: Event) => {
lastImportResult.value = null
try {
const rawContent = await file.text()
const exportData = JSON.parse(rawContent)
const result = await admin.importTenant({
exportData,
targetTenantId: tenantForm.value?.id || tenantId,
})
const targetTenantId = tenantForm.value?.id || tenantId
const isZipExport = file.name.endsWith(".zip") || file.name.endsWith(".fedeo-export.zip") || file.type === "application/zip"
let result
if (isZipExport) {
const formData = new FormData()
formData.append("file", file)
formData.append("targetTenantId", String(targetTenantId))
result = await admin.importTenant(formData)
} else {
result = await admin.importTenant({
exportData: JSON.parse(await file.text()),
targetTenantId,
})
}
const rowCount = (result.tables || []).reduce((sum, table) => sum + table.rows, 0)
lastImportResult.value = {
@@ -290,8 +326,19 @@ onMounted(async () => {
<div class="border border-gray-200 dark:border-gray-800 rounded-lg p-4">
<div class="font-medium">Full Export</div>
<p class="text-sm text-gray-500 mt-1">
Erstellt eine portable JSON-Datei mit Mandantendaten, Benutzerzuordnungen, Rollen, Profilen und Dateiinhalten.
Erstellt ein portables ZIP-Archiv mit Mandantendaten, Benutzerzuordnungen, Rollen, Profilen und Dateien.
</p>
<div v-if="tenantExportProgress" class="mt-4 space-y-2">
<UProgress
:model-value="tenantExportProgress.filesTotal ? Math.round((tenantExportProgress.filesDone / tenantExportProgress.filesTotal) * 100) : undefined"
/>
<p class="text-xs text-gray-500">
{{ tenantExportProgress.status === 'ready' ? 'Download wird vorbereitet' : 'Export wird erstellt' }}
<span v-if="tenantExportProgress.filesTotal">
· {{ tenantExportProgress.filesDone }} / {{ tenantExportProgress.filesTotal }} Dateien
</span>
</p>
</div>
<UButton
class="mt-4"
icon="i-heroicons-arrow-down-tray"
@@ -310,7 +357,7 @@ onMounted(async () => {
<input
ref="importFileInput"
type="file"
accept="application/json,.json"
accept="application/json,application/zip,.json,.zip,.fedeo-export.zip"
class="hidden"
@change="importTenantExport"
>

15
frontend/pages/administration/tenants/index.vue
View File

@@ -103,8 +103,17 @@ const importTenantExport = async (event: Event) => {
importingTenant.value = true
try {
const exportData = JSON.parse(await file.text())
const result = await admin.importTenant(exportData)
const isZipExport = file.name.endsWith(".zip") || file.name.endsWith(".fedeo-export.zip") || file.type === "application/zip"
let result
if (isZipExport) {
const formData = new FormData()
formData.append("file", file)
result = await admin.importTenant(formData)
} else {
result = await admin.importTenant(JSON.parse(await file.text()))
}
const rowCount = (result.tables || []).reduce((sum, table) => sum + table.rows, 0)
await fetchTenants()
@@ -158,7 +167,7 @@ onMounted(async () => {
<input
ref="importFileInput"
type="file"
accept="application/json,.json"
accept="application/json,application/zip,.json,.zip,.fedeo-export.zip"
class="hidden"
@change="importTenantExport"
>