Reuse app restore dialog for app clone

dashboard/src/components/app/Backups.vue

@@ -9,6 +9,7 @@ import { Icon, Button, Switch, Checkbox, FormGroup, TextInput, TableView, Button
 import { prettyLongDate } from 'pankow/utils';
 import { API_ORIGIN, SECRET_PLACEHOLDER } from '../../constants.js';
 import { download } from '../../utils.js';
+import AppRestoreDialog from '../AppRestoreDialog.vue';
 import SettingsItem from '../SettingsItem.vue';
 import AppsModel from '../../models/AppsModel.js';
 import BackupsModel from '../../models/BackupsModel.js';
@@ -79,8 +80,6 @@ async function onCreate() {
   const [error, result] = await appsModel.backup(props.app.id);
   if (error) return console.error(error);
 
-  console.log(result)
-
   setTimeout(() => createBusy.value = false, 2000);
 
   await waitForTask(result);
@@ -163,8 +162,9 @@ function onImport() {
   // TODO
 }
 
+const cloneDialog = useTemplateRef('cloneDialog');
 function onClone(backup) {
-  // TODO this is essentially the same as app archive restore!
+  cloneDialog.value.open(backup, props.app.id);
 }
 
 async function refresh() {
@@ -186,6 +186,7 @@ onMounted(async () => {
 <template>
 
   <div>
+    <AppRestoreDialog ref="cloneDialog"/>
     <Dialog ref="editDialog"
       :title="$t('backups.backupEdit.title')"
       :reject-label="$t('main.dialog.cancel')"