feat: add mirror bacup jobs in backup overview

vatesfr · May 26, 2023 · ce9fc23 · ce9fc23
1 parent 8bfd646
commit ce9fc23
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 3 deletions.
diff --git a/packages/xo-web/src/common/intl/messages.js b/packages/xo-web/src/common/intl/messages.js
@@ -219,6 +219,7 @@ const messages = {
   xoConfig: 'XO config',
   backupVms: 'Backup VMs',
   backupMetadata: 'Backup metadata',
+  mirrorBackup: 'Mirror backup',
   mirrorBackupVms: 'Mirror Backup VMs',
   jobsOverviewPage: 'Overview',
   jobsNewPage: 'New',

diff --git a/packages/xo-web/src/common/xo/index.js b/packages/xo-web/src/common/xo/index.js
@@ -2348,8 +2348,6 @@ export const subscribeMetadataBackupJobs = createSubscription(() => _call('metad
 
 export const createBackupNgJob = props => _call('backupNg.createJob', props)::tap(subscribeBackupNgJobs.forceRefresh)
 
-export const createMirrorBacupJob = props => _call('mirrorBackup.createJob', props) // @TODO: refresh subscriptions
-
 export const getSuggestedExcludedTags = () => _call('backupNg.getSuggestedExcludedTags')
 
 export const deleteBackupJobs = async ({ backupIds = [], metadataBackupIds = [] }) => {
@@ -2467,6 +2465,13 @@ export const deleteMetadataBackups = async (backups = []) => {
   }
 }
 
+// Mirror backup ---------------------------------------------------------
+
+export const subscribeMirrorBackupJobs = createSubscription(() => _call('mirrorBackup.getAllJobs'))
+
+export const createMirrorBacupJob = props =>
+  _call('mirrorBackup.createJob', props)::tap(subscribeMirrorBackupJobs.forceRefresh)
+
 // Plugins -----------------------------------------------------------
 
 export const loadPlugin = async id =>

diff --git a/packages/xo-web/src/xo-app/backup/overview/tab-jobs.js b/packages/xo-web/src/xo-app/backup/overview/tab-jobs.js
@@ -32,6 +32,7 @@ import {
   subscribeBackupNgJobs,
   subscribeBackupNgLogs,
   subscribeMetadataBackupJobs,
+  subscribeMirrorBackupJobs,
   subscribeSchedules,
 } from 'xo'
 
@@ -50,6 +51,10 @@ const Li = props => (
 )
 
 const MODES = [
+  {
+    label: 'mirrorBackup',
+    test: job => job?.type === 'mirrorBackup',
+  },
   {
     label: 'rollingSnapshot',
     test: job => some(job.settings, ({ snapshotRetention }) => snapshotRetention > 0),
@@ -235,6 +240,7 @@ const SchedulePreviewBody = decorate([
 @addSubscriptions({
   jobs: subscribeBackupNgJobs,
   metadataJobs: subscribeMetadataBackupJobs,
+  mirrorBackupJobs: subscribeMirrorBackupJobs,
   schedulesByJob: cb =>
     subscribeSchedules(schedules => {
       cb(groupBy(schedules, 'jobId'))
@@ -382,7 +388,8 @@ class JobsTable extends React.Component {
     createSelector(
       () => this.props.jobs,
       () => this.props.metadataJobs,
-      (jobs = [], metadataJobs = []) => [...jobs, ...metadataJobs]
+      () => this.props.mirrorBackupJobs,
+      (jobs = [], metadataJobs = [], mirrorJobs = []) => [...jobs, ...metadataJobs, ...mirrorJobs]
     ),
     () => this.props.predicate
   )