added backup apis and tests

2023-05-13 22:10:14 +03:00
parent 3b0f60fe15
commit e8b4a7eb26
104 changed files with 3192 additions and 1017 deletions
@@ -0,0 +1,114 @@
+<script>
+    import ApiClient from "@/utils/ApiClient";
+    import CommonHelper from "@/utils/CommonHelper";
+    import { setErrors } from "@/stores/errors";
+    import { addErrorToast } from "@/stores/toasts";
+    import OverlayPanel from "@/components/base/OverlayPanel.svelte";
+    import Field from "@/components/base/Field.svelte";
+    import CopyIcon from "@/components/base/CopyIcon.svelte";
+
+    const formId = "backup_restore_" + CommonHelper.randomString(5);
+
+    let panel;
+    let name = "";
+    let nameConfirm = "";
+    let isSubmitting = false;
+
+    $: canSubmit = nameConfirm != "" && name == nameConfirm;
+
+    export function show(backupName) {
+        setErrors({});
+        nameConfirm = "";
+        name = backupName;
+        isSubmitting = false;
+        panel?.show();
+    }
+
+    export function hide() {
+        return panel?.hide();
+    }
+
+    async function submit() {
+        if (!canSubmit || isSubmitting) {
+            return;
+        }
+
+        isSubmitting = true;
+
+        try {
+            await ApiClient.backups.restore(name);
+
+            // slight delay just in case the application is still restarting
+            setTimeout(() => {
+                window.location.reload();
+            }, 1000);
+        } catch (err) {
+            if (!err?.isAbort) {
+                isSubmitting = false;
+                addErrorToast(err.response?.message || err.message);
+            }
+        }
+    }
+</script>
+
+<OverlayPanel
+    bind:this={panel}
+    class="backup-restore-panel"
+    overlayClose={!isSubmitting}
+    escClose={!isSubmitting}
+    beforeHide={() => !isSubmitting}
+    popup
+    on:show
+    on:hide
+>
+    <svelte:fragment slot="header">
+        <h4 class="center txt-break">Restore <strong>{name}</strong></h4>
+    </svelte:fragment>
+
+    <div class="alert alert-danger">
+        <div class="icon">
+            <i class="ri-alert-line" />
+        </div>
+        <div class="content">
+            <p>Please proceed with caution.</p>
+            <p>
+                The restore operation will replace your existing <code>pb_data</code> with the one from the backup
+                and will restart the application process!
+            </p>
+            <p class="txt-bold">
+                Backup restore is still experimental and currently works only on UNIX based systems.
+            </p>
+        </div>
+    </div>
+
+    <div class="content m-b-sm">
+        Type the backup name
+        <div class="label">
+            <span class="txt">{name}</span>
+            <CopyIcon value={name} />
+        </div>
+        to confirm:
+    </div>
+
+    <form id={formId} autocomplete="off" on:submit|preventDefault={submit}>
+        <Field class="form-field required m-0" name="name" let:uniqueId>
+            <label for={uniqueId}>Backup name</label>
+            <input type="text" id={uniqueId} required bind:value={nameConfirm} />
+        </Field>
+    </form>
+
+    <svelte:fragment slot="footer">
+        <button type="button" class="btn btn-transparent" on:click={hide} disabled={isSubmitting}>
+            Cancel
+        </button>
+        <button
+            type="submit"
+            form={formId}
+            class="btn btn-expanded"
+            class:btn-loading={isSubmitting}
+            disabled={!canSubmit || isSubmitting}
+        >
+            <span class="txt">Restore backup</span>
+        </button>
+    </svelte:fragment>
+</OverlayPanel>