restore: add ... animation

This commit is contained in:
Girish Ramakrishnan
2025-10-07 20:57:03 +02:00
parent 1b91ae1ab3
commit c0972b3e14
3 changed files with 30 additions and 2 deletions

View File

@@ -8,6 +8,7 @@ import { redirectIfNeeded, mountlike, s3like } from '../utils.js';
import ProvisionModel from '../models/ProvisionModel.js';
import BackupProviderForm from '../components/BackupProviderForm.vue';
import Whirlpool from '../components/Whirlpool.vue';
import AnimatedDots from '../components/AnimatedDots.vue';
const provisionModel = ProvisionModel.create();
@@ -324,7 +325,7 @@ onMounted(async () => {
<div class="view" v-if="waitingForRestore" style="max-width: unset; height: 100%;">
<div style="display: flex; flex-direction: column; height: 100%; align-items: center;">
<Whirlpool/>
<h1>Please wait while Cloudron is restoring ...</h1>
<h1>Please wait while Cloudron is restoring <AnimatedDots/></h1>
<h4 style="margin-top: 0">{{ progressMessage }}</h4>
<small>You can follow the logs on the server at <code @click="onCopyToClipboard('/home/yellowtent/platformdata/logs/box.log')">/home/yellowtent/platformdata/logs/box.log</code></small>
<p v-show="taskMinutesActive >= 4">If restore appears stuck, it can be restarted by running <code @click="onCopyToClipboard('systemctl restart box')">systemctl restart box</code> and reloading this page.</p>