You've already forked AstralRinth
forked from didirus/AstralRinth
109 lines
3.3 KiB
Vue
109 lines
3.3 KiB
Vue
<template>
|
|
<NewModal ref="modal" header="Restore backup" fade="danger">
|
|
<div class="flex flex-col gap-6 max-w-[600px]">
|
|
<Admonition v-if="ctx.isServerRunning.value" type="critical" header="Server is running">
|
|
Stop the server before restoring a backup.
|
|
</Admonition>
|
|
<!-- TODO: Worlds: Replace "server" with "world" -->
|
|
<Admonition v-else type="warning" header="Restore warning">
|
|
This will overwrite all files in the server and replace them with the files from the backup.
|
|
</Admonition>
|
|
|
|
<div v-if="currentBackup" class="flex flex-col gap-2">
|
|
<span class="font-semibold text-contrast">Backup</span>
|
|
<BackupItem :backup="currentBackup" preview class="!bg-surface-2" />
|
|
</div>
|
|
</div>
|
|
|
|
<template #actions>
|
|
<div class="flex gap-2 justify-end">
|
|
<ButtonStyled>
|
|
<button @click="modal?.hide()">
|
|
<XIcon />
|
|
Cancel
|
|
</button>
|
|
</ButtonStyled>
|
|
<ButtonStyled color="red">
|
|
<button :disabled="isRestoring || ctx.isServerRunning.value" @click="restoreBackup">
|
|
<SpinnerIcon v-if="isRestoring" class="animate-spin" />
|
|
<RotateCounterClockwiseIcon v-else />
|
|
{{ isRestoring ? 'Restoring...' : 'Restore backup' }}
|
|
</button>
|
|
</ButtonStyled>
|
|
</div>
|
|
</template>
|
|
</NewModal>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import type { Archon } from '@modrinth/api-client'
|
|
import { RotateCounterClockwiseIcon, SpinnerIcon, XIcon } from '@modrinth/assets'
|
|
import { useMutation, useQueryClient } from '@tanstack/vue-query'
|
|
import { ref } from 'vue'
|
|
|
|
import {
|
|
injectModrinthClient,
|
|
injectModrinthServerContext,
|
|
injectNotificationManager,
|
|
} from '../../../providers'
|
|
import Admonition from '../../base/Admonition.vue'
|
|
import ButtonStyled from '../../base/ButtonStyled.vue'
|
|
import NewModal from '../../modal/NewModal.vue'
|
|
import BackupItem from './BackupItem.vue'
|
|
|
|
const { addNotification } = injectNotificationManager()
|
|
const client = injectModrinthClient()
|
|
const queryClient = useQueryClient()
|
|
const ctx = injectModrinthServerContext()
|
|
|
|
const backupsQueryKey = ['backups', 'list', ctx.serverId]
|
|
const restoreMutation = useMutation({
|
|
mutationFn: (backupId: string) => client.archon.backups_v0.restore(ctx.serverId, backupId),
|
|
onSuccess: () => queryClient.invalidateQueries({ queryKey: backupsQueryKey }),
|
|
})
|
|
|
|
const modal = ref<InstanceType<typeof NewModal>>()
|
|
const currentBackup = ref<Archon.Backups.v1.Backup | null>(null)
|
|
const isRestoring = ref(false)
|
|
|
|
function show(backup: Archon.Backups.v1.Backup) {
|
|
currentBackup.value = backup
|
|
modal.value?.show()
|
|
}
|
|
|
|
const restoreBackup = () => {
|
|
if (!currentBackup.value || isRestoring.value) {
|
|
if (!currentBackup.value) {
|
|
addNotification({
|
|
type: 'error',
|
|
title: 'Failed to restore backup',
|
|
text: 'Current backup is null',
|
|
})
|
|
}
|
|
return
|
|
}
|
|
|
|
isRestoring.value = true
|
|
restoreMutation.mutate(currentBackup.value.id, {
|
|
onSuccess: () => {
|
|
// Optimistically update backupsState to show restore in progress immediately
|
|
ctx.backupsState.set(currentBackup.value!.physical_id ?? currentBackup.value!.id, {
|
|
restore: { progress: 0, state: 'ongoing' },
|
|
})
|
|
modal.value?.hide()
|
|
},
|
|
onError: (error) => {
|
|
const message = error instanceof Error ? error.message : String(error)
|
|
addNotification({ type: 'error', title: 'Failed to restore backup', text: message })
|
|
},
|
|
onSettled: () => {
|
|
isRestoring.value = false
|
|
},
|
|
})
|
|
}
|
|
|
|
defineExpose({
|
|
show,
|
|
})
|
|
</script>
|