芝麻web文件管理V1.00

编辑当前文件:/home/pulsehostuk9/www/invoicer.pulsehost.co.uk/resources/scripts/components/BackupSetting.vue

<BaseSettingCard
    :title="$t('settings.backup.title', 1)"
    :description="$t('settings.backup.description')"
  >
    <template #action>
      <BaseButton variant="primary-outline" @click="onCreateNewBackup">
        <template #left="slotProps">
          <BaseIcon :class="slotProps.class" name="PlusIcon" />
        </template>
        {{ $t('settings.backup.new_backup') }}
      </BaseButton>
    </template>

{{ $t('general.download') }}
          </BaseDropdownItem>

<BaseDropdownItem @click="onRemoveBackup(row.data)">
            <BaseIcon name="TrashIcon" class="mr-3 text-gray-600" />
            {{ $t('general.delete') }}
          </BaseDropdownItem>
        </BaseDropdown>
      </template>
    </BaseTable>
  </BaseSettingCard>
</template>

const dialogStore = useDialogStore()
const backupStore = useBackupStore()
const modalStore = useModalStore()
const diskStore = useDiskStore()
const { t } = useI18n()

const filters = reactive({
  selected_disk: { driver: 'local' },
})

const table = ref('')
let isFetchingInitialData = ref(true)

const backupColumns = computed(() => {
  return [
    {
      key: 'path',
      label: t('settings.backup.path'),
      thClass: 'extra',
      tdClass: 'font-medium text-gray-900',
    },
    {
      key: 'created_at',
      label: t('settings.backup.created_at'),
      tdClass: 'font-medium text-gray-900',
    },
    {
      key: 'size',
      label: t('settings.backup.size'),
      tdClass: 'font-medium text-gray-900',
    },
    {
      key: 'actions',
      label: '',
      tdClass: 'text-right text-sm font-medium',
      sortable: false,
    },
  ]
})

const getDisksOptions = computed(() => {
  return diskStore.disks.map((disk) => {
    return {
      ...disk,
      name: disk.name + ' — ' + '[' + disk.driver + ']',
    }
  })
})

loadDisksData()

function onRemoveBackup(backup) {
  dialogStore
    .openDialog({
      title: t('general.are_you_sure'),
      message: t('settings.backup.backup_confirm_delete'),
      yesLabel: t('general.ok'),
      noLabel: t('general.cancel'),
      variant: 'danger',
      hideNoButton: false,
      size: 'lg',
    })
    .then(async (res) => {
      if (res) {
        let data = {
          disk: filters.selected_disk.driver,
          file_disk_id: filters.selected_disk.id,
          path: backup.path,
        }

let response = await backupStore.removeBackup(data)

if (response.data.success || response.data.backup) {
          table.value && table.value.refresh()
          return true
        }
      }
    })
}

function refreshTable() {
  setTimeout(() => {
    table.value.refresh()
  }, 100)
}

async function loadDisksData() {
  isFetchingInitialData.value = true
  let res = await diskStore.fetchDisks({ limit: 'all' })
  if (res.data.error) {
  }
  filters.selected_disk = res.data.data.find((disk) => disk.set_as_default == 0)
  isFetchingInitialData.value = false
}

async function fetchBackupsData({ page, filter, sort }) {
  let data = {
    disk: filters.selected_disk.driver,
    filed_disk_id: filters.selected_disk.id,
  }

isFetchingInitialData.value = true

let response = await backupStore.fetchBackups(data)

isFetchingInitialData.value = false

return {
    data: response.data.backups,
    pagination: {
      totalPages: 1,
      currentPage: 1,
    },
  }
}

async function onCreateNewBackup() {
  modalStore.openModal({
    title: t('settings.backup.create_backup'),
    componentName: 'BackupModal',
    refreshData: table.value && table.value.refresh,
    size: 'sm',
  })
}

async function onDownloadBckup(backup) {
  isFetchingInitialData.value = true
  window
    .axios({
      method: 'GET',
      url: '/api/v1/download-backup',
      responseType: 'blob',
      params: {
        disk: filters.selected_disk.driver,
        file_disk_id: filters.selected_disk.id,
        path: backup.path,
      },
    })
    .then((response) => {
      const url = window.URL.createObjectURL(new Blob([response.data]))
      const link = document.createElement('a')
      link.href = url
      link.setAttribute('download', backup.path.split('/')[1])
      document.body.appendChild(link)
      link.click()
      isFetchingInitialData.value = false
    })
    .catch((e) => {
      isFetchingInitialData.value = false
    })
}
</script>