From adb95fc3c55c3af45843b7de12e4b206b70c894d Mon Sep 17 00:00:00 2001
From: "andy.lee" <andy.lee@suse.com>
Date: Wed, 26 Feb 2025 16:25:34 +0800
Subject: [PATCH] Add refreshIntervalInSeconds in backup target edit page

Signed-off-by: andy.lee <andy.lee@suse.com>
(cherry picked from commit b11f7faa582f0cc8a402683de28edcbdb12fc772)
---
 .../components/settings/backup-target.vue     | 31 ++++++++++++++++---
 pkg/harvester/l10n/en-us.yaml                 |  3 ++
 2 files changed, 29 insertions(+), 5 deletions(-)

diff --git a/pkg/harvester/components/settings/backup-target.vue b/pkg/harvester/components/settings/backup-target.vue
index d43da9b117a..f85a0b173a6 100644
--- a/pkg/harvester/components/settings/backup-target.vue
+++ b/pkg/harvester/components/settings/backup-target.vue
@@ -6,12 +6,13 @@ import MessageLink from '@shell/components/MessageLink';
 import CreateEditView from '@shell/mixins/create-edit-view';
 import { LabeledInput } from '@components/Form/LabeledInput';
 import LabeledSelect from '@shell/components/form/LabeledSelect';
+import UnitInput from '@shell/components/form/UnitInput';
 
 export default {
   name: 'HarvesterEditBackupTarget',
 
   components: {
-    LabeledInput, LabeledSelect, Tip, Password, MessageLink
+    LabeledInput, LabeledSelect, Tip, Password, MessageLink, UnitInput
   },
 
   mixins: [CreateEditView],
@@ -22,7 +23,9 @@ export default {
     try {
       parseDefaultValue = JSON.parse(this.value.value);
     } catch (error) {
-      parseDefaultValue = { type: '', endpoint: '' };
+      parseDefaultValue = {
+        type: '', endpoint: '', refreshIntervalInSeconds: 0
+      };
     }
 
     if (!parseDefaultValue.type) {
@@ -77,7 +80,9 @@ export default {
         try {
           parseDefaultValue = JSON.parse(neu.value);
         } catch (err) {
-          parseDefaultValue = { type: '', endpoint: '' };
+          parseDefaultValue = {
+            type: '', endpoint: '', refreshIntervalInSeconds: 0
+          };
         }
 
         this.$set(this, 'parseDefaultValue', parseDefaultValue);
@@ -112,7 +117,9 @@ export default {
     },
 
     useDefault() {
-      const parseDefaultValue = { type: '', endpoint: '' };
+      const parseDefaultValue = {
+        type: '', endpoint: '', refreshIntervalInSeconds: 0
+      };
 
       this.$set(this, 'parseDefaultValue', parseDefaultValue);
     }
@@ -124,7 +131,21 @@ export default {
   <div class="row" @input="update">
     <div class="col span-12">
       <LabeledSelect v-model="parseDefaultValue.type" class="mb-20" :label="t('harvester.fields.type')" :options="typeOption" @input="update" />
-
+      <UnitInput
+        v-model="parseDefaultValue.refreshIntervalInSeconds"
+        :suffix="parseDefaultValue.refreshIntervalInSeconds <= 1 ? 'Second' : 'Seconds'"
+        :label="t('harvester.backup.refreshInterval.label')"
+        :mode="mode"
+        :positive="true"
+        class="mb-5"
+        required
+        @input="update"
+      />
+      <Tip
+        class="mb-20"
+        icon="icon icon-info"
+        :text="t('harvester.backup.refreshInterval.tip')"
+      />
       <LabeledInput v-model="parseDefaultValue.endpoint" class="mb-5" :placeholder="endpointPlaceholder" :mode="mode" label="Endpoint" />
       <Tip class="mb-20" icon="icon icon-info" :text="t('harvester.backup.backupTargetTip')" />
 
diff --git a/pkg/harvester/l10n/en-us.yaml b/pkg/harvester/l10n/en-us.yaml
index 949781193e9..4da2c8970c9 100644
--- a/pkg/harvester/l10n/en-us.yaml
+++ b/pkg/harvester/l10n/en-us.yaml
@@ -894,6 +894,9 @@ harvester:
     label: Virtual Machine Backups
     createText: Restore Backup
     title: Restore Virtual Machine
+    refreshInterval:
+      label: Refresh Interval
+      tip: The interval for the backup target to sync data to harvester cluster. Set to 0 to disable refresh mechanism.
     backupTargetTip: The endpoint used to access the backupstore. NFS and S3 are supported.
     message:
       noSetting: