add whirpool to restore view

This commit is contained in:
Girish Ramakrishnan
2025-10-06 20:25:46 +02:00
parent e6cdd1ed7a
commit 7fae0751b9
3 changed files with 130 additions and 136 deletions
+10 -14
View File
@@ -1,12 +1,13 @@
<script setup>
import { ref, onMounted, useTemplateRef } from 'vue';
import { Notification, ProgressBar, Button, SingleSelect, FormGroup, PasswordInput, TextInput, Checkbox } from '@cloudron/pankow';
import { Notification, Button, SingleSelect, FormGroup, PasswordInput, TextInput, Checkbox } from '@cloudron/pankow';
import { copyToClipboard } from '@cloudron/pankow/utils';
import { REGIONS_CONTABO, REGIONS_VULTR, REGIONS_IONOS, REGIONS_OVH, REGIONS_LINODE, REGIONS_SCALEWAY, REGIONS_WASABI } from '../constants.js';
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';
const provisionModel = ProvisionModel.create();
@@ -313,18 +314,14 @@ onMounted(async () => {
<div class="container" v-if="ready">
<Notification />
<Transition name="slide-fade" mode="out-in">
<div class="view" v-if="waitingForRestore" style="text-align: center;">
<div>
<h3>Please wait while Cloudron is restoring</h3>
<ProgressBar mode="indeterminate" :show-label="false" :slim="true"/>
<h3>{{ progressMessage }}</h3>
</div>
<div style="position: absolute; bottom: 10px; text-align: center; width: 100%; font-size: 12px;">
<span 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.</span>
<br/>
<br/>
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>
<Transition name="fade-scale" mode="out-in">
<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 v-if="waitingForDnsSetup" />
<h1>Please wait while Cloudron is restoring ...</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>
</div>
</div>
@@ -420,7 +417,6 @@ onMounted(async () => {
<Button @click="onSubmit()" :disabled="busy || !isFormValid" :loading="busy">Restore</Button>
<a class="setup" href="/setup.html">Looking to setup?</a>
</div>
</div>
</Transition>
</div>