Add initial attempt on app backup import dialog

2025-04-28 18:05:29 +02:00
parent 39d631b056
commit ea3042e1d7
3 changed files with 315 additions and 1 deletions
@@ -0,0 +1,54 @@
+<script setup>
+
+import { ref, useTemplateRef } from 'vue';
+import { Dialog } from 'pankow';
+import BackupProviderForm  from './BackupProviderForm.vue';
+
+const dialog = useTemplateRef('dialog');
+const id = ref('');
+const busy = ref(false);
+const formError = ref({});
+const providerConfig = ref({});
+const provider = ref('');
+
+async function onSubmit() {
+
+}
+
+function onUploadBackupConfig() {
+
+}
+
+defineExpose({
+  async open(appId) {
+    id.value = appId;
+    busy.value = false;
+    formError.value = {};
+    providerConfig.value = {};
+
+    dialog.value.open();
+  }
+});
+
+</script>
+
+<template>
+  <div>
+    <Dialog ref="dialog" :title="$t('app.importBackupDialog.title')"
+     :confirm-label="$t('app.importBackupDialog.importAction')"
+     :confirm-active="!busy"
+     :confirm-busy="busy"
+     :reject-label="busy ? '' : $t('main.dialog.cancel')"
+      reject-style="secondary"
+     :alternate-label="$t('app.importBackupDialog.uploadAction')"
+     @alternate="onUploadBackupConfig()"
+     @confirm="onSubmit()"
+    >
+      <div>
+        <div>{{ $t('app.importBackupDialog.description') }}</div>
+
+        <BackupProviderForm ref="form" v-model:provider="provider" v-model:provider-config="providerConfig" :form-error="formError" />
+      </div>
+    </Dialog>
+  </div>
+</template>