From 53b3b88ca36d6e093ebec16b8549c34d617dd6ac Mon Sep 17 00:00:00 2001
From: "andy.lee" <andy.lee@suse.com>
Date: Fri, 10 May 2024 16:24:28 +0800
Subject: [PATCH] add sync backup volume option to allow user manually
 synchronizing backup volumes

Signed-off-by: andy.lee <andy.lee@suse.com>
---
 src/models/backup.js                  | 11 ++++++++++-
 src/routes/backup/BackupVolumeList.js |  4 ++++
 src/routes/backup/index.js            |  6 ++++++
 src/services/backup.js                | 10 ++++++++++
 4 files changed, 30 insertions(+), 1 deletion(-)

diff --git a/src/models/backup.js b/src/models/backup.js
index 9415397d0..a0f43dabd 100644
--- a/src/models/backup.js
+++ b/src/models/backup.js
@@ -1,4 +1,4 @@
-import { query, queryBackupList, execAction, restore, deleteBackup, createVolume, deleteAllBackups, getNodeTags, getDiskTags, queryTarget } from '../services/backup'
+import { query, queryBackupList, execAction, restore, deleteBackup, syncVolume, createVolume, deleteAllBackups, getNodeTags, getDiskTags, queryTarget } from '../services/backup'
 import { message } from 'antd'
 import { wsChanges } from '../utils/websocket'
 import queryString from 'query-string'
@@ -246,6 +246,15 @@ export default {
       const search = yield select(store => { return store.backup.search })
       yield put({ type: 'query', payload: { ...search } })
     },
+    *syncBackupVolume({
+      payload,
+    }, { call }) {
+      const resp = yield call(syncVolume, payload.name)
+      if (resp && resp.status === 200) {
+        // console.log('backup model call syncVolume, got resp = ', resp)
+        // do something after got 200.
+      }
+    },
     *bulkCreateVolume({
       payload,
     }, { call, put, select }) {
diff --git a/src/routes/backup/BackupVolumeList.js b/src/routes/backup/BackupVolumeList.js
index 6232b5b39..4dd8feca6 100644
--- a/src/routes/backup/BackupVolumeList.js
+++ b/src/routes/backup/BackupVolumeList.js
@@ -87,6 +87,8 @@ class List extends React.Component {
       this.props.DeleteAllBackups(record)
     } else if (e.key === 'restoreLatestBackup') {
       this.props.restoreLatestBackup(record)
+    } else if (e.key === 'syncBackupVolume') {
+      this.props.syncBackupVolume(record)
     } else if (e.key === 'backingImageInfo') {
       this.props.showBackingImageInfo(record)
     }
@@ -248,6 +250,7 @@ class List extends React.Component {
             <DropOption menuOptions={[
               { key: 'recovery', name: 'Create Disaster Recovery Volume', disabled: !record.lastBackupName || (record.messages && record.messages.error) },
               { key: 'restoreLatestBackup', name: 'Restore Latest Backup', disabled: !record.lastBackupName || (record.messages && record.messages.error) },
+              { key: 'syncBackupVolume', name: 'Sync Backup Volume' },
               { key: 'deleteAll', name: 'Delete All Backups' },
               { key: 'backingImageInfo', name: 'Backing Image Info', disabled: !hasBackingImage, tooltip: hasBackingImage ? '' : 'No backing image is used' },
             ]}
@@ -313,6 +316,7 @@ List.propTypes = {
   DeleteAllBackups: PropTypes.func,
   dispatch: PropTypes.func,
   restoreLatestBackup: PropTypes.func,
+  syncBackupVolume: PropTypes.func,
   showBackingImageInfo: PropTypes.func,
   showWorkloadsStatusDetail: PropTypes.func,
 }
diff --git a/src/routes/backup/index.js b/src/routes/backup/index.js
index b675091b3..bc5f03a36 100644
--- a/src/routes/backup/index.js
+++ b/src/routes/backup/index.js
@@ -82,6 +82,12 @@ function Backup({ host, backup, loading, setting, backingImage, dispatch, locati
     showBackingImageInfo(record) {
       showBackingImageInfo(record)
     },
+    syncBackupVolume(record) {
+      dispatch({
+        type: 'backup/syncBackupVolume',
+        payload: record,
+      })
+    },
     restoreLatestBackup(record) {
       dispatch({
         type: 'backup/restoreLatestBackup',
diff --git a/src/services/backup.js b/src/services/backup.js
index f121bb16d..b0ec6b0bb 100755
--- a/src/services/backup.js
+++ b/src/services/backup.js
@@ -31,6 +31,16 @@ export async function createVolume(params) {
   })
 }
 
+export async function syncVolume(volumeName) {
+  return request({
+    url: `/v1/backupvolumes/${volumeName}?action=backupVolumeSync`,
+    method: 'put',
+    data: {
+      syncBackupVolume: true,
+    },
+  })
+}
+
 export async function execAction(url, params) {
   return request({
     url,