ff-admin/src/stores/admin/user/backup.ts

import { defineStore } from "pinia";
import { http } from "@/serverCom";
import type { AxiosResponse, AxiosProgressEvent } from "axios";
import type { BackupRestoreViewModel } from "../../../viewmodels/admin/user/backup.models";

export const useBackupStore = defineStore("backup", {
  state: () => {
    return {
      backups: [] as Array<string>,
      loading: null as null | "loading" | "success" | "failed",
      page: "generated" as "generated" | "uploaded",
    };
  },
  actions: {
    fetchBackups() {
      this.loading = "loading";
      http
        .get(`/admin/backup/${this.page}`)
        .then((result) => {
          this.backups = result.data;
          this.loading = "success";
        })
        .catch((err) => {
          this.loading = "failed";
        });
    },
    fetchBackupById(filename: string): Promise<AxiosResponse<any, any>> {
      return http.get(`/admin/backup/${this.page}/${filename}`);
    },
    async restoreBackup(backup: BackupRestoreViewModel): Promise<AxiosResponse<any, any>> {
      return await http.post(`/admin/backup/${this.page}/restore`, backup);
    },
    async triggerBackupCreate(): Promise<AxiosResponse<any, any>> {
      const result = await http.post("/admin/backup");
      this.fetchBackups();
      return result;
    },
    async uploadBackup(file: File): Promise<AxiosResponse<any, any>> {
      const formData = new FormData();
      formData.append("file", file);

      const options = {
        headers: {
          "Content-Type": "multipart/form-data",
        },
        onUploadProgress: (progressEvent: AxiosProgressEvent) => {
          const { loaded, total = 1 } = progressEvent;
          console.log("progress", Math.floor((loaded * 100) / total));
        },
      };

      const result = await http.post("/admin/backup/upload", formData, options);
      this.fetchBackups();
      return result;
    },
  },
});