Add pkg/harvester components + shell portings - 1

Signed-off-by: Francesco Torchia <francesco.torchia@suse.com>
2026-10-06 14:16:05 +08:00 · 2024-10-23 17:00:46 +02:00
parent f8408469f7
commit 4f2688f6ab
265 changed files with 42316 additions and 82 deletions
@@ -0,0 +1,149 @@
+<script>
+import { exceptionToErrorsArray } from '@shell/utils/error';
+import { mapGetters } from 'vuex';
+import { Card } from '@components/Card';
+import { Banner } from '@components/Banner';
+import AsyncButton from '@shell/components/AsyncButton';
+import { LabeledInput } from '@components/Form/LabeledInput';
+import { HCI } from '../types';
+import { BACKUP_TYPE } from '../config/types';
+
+export default {
+  name: 'HarvesterVMSnapshotDialog',
+
+  components: {
+    AsyncButton,
+    Card,
+    LabeledInput,
+    Banner
+  },
+
+  props: {
+    resources: {
+      type:     Array,
+      required: true
+    }
+  },
+
+  data() {
+    return {
+      snapshotName:      '',
+      snapshotNamespace: '',
+      errors:            []
+    };
+  },
+
+  computed: {
+    ...mapGetters({ t: 'i18n/t' }),
+
+    actionResource() {
+      return this.resources[0];
+    }
+  },
+
+  methods: {
+    close() {
+      this.snapshotNamespace = '';
+      this.snapshotName = '';
+      this.$emit('close');
+    },
+
+    async save(buttonCb) {
+      if (this.actionResource) {
+        try {
+          const snapshot = await this.$store.dispatch('harvester/create', {
+            metadata: {
+              name:            this.snapshotName,
+              namespace:       this.actionResource.metadata.namespace,
+              ownerReferences: this.getOwnerReferencesFromVM(this.actionResource)
+            },
+            spec: {
+              source: {
+                apiGroup: 'kubevirt.io',
+                kind:     'VirtualMachine',
+                name:     this.actionResource.metadata.name
+              },
+              type: BACKUP_TYPE.SNAPSHOT
+            },
+            type: HCI.BACKUP
+          });
+
+          await snapshot.save();
+
+          this.$store.dispatch(
+            'growl/success',
+            {
+              title:   this.t('generic.notification.title.succeed'),
+              message: this.t('harvester.modal.vmSnapshot.success', { name: this.snapshotName })
+            },
+            { root: true }
+          );
+
+          this.close();
+
+          buttonCb(true);
+        } catch (err) {
+          const error = err?.data || err;
+          const message = exceptionToErrorsArray(error);
+
+          this.$set(this, 'errors', message);
+          buttonCb(false);
+        }
+      }
+    },
+
+    getOwnerReferencesFromVM(resource) {
+      const name = resource.metadata.name;
+      const kind = resource.kind;
+      const apiVersion = 'kubevirt.io/v1';
+      const uid = resource?.metadata?.uid;
+
+      return [{
+        name,
+        kind,
+        uid,
+        apiVersion,
+      }];
+    },
+  }
+};
+</script>
+
+<template>
+  <Card :show-highlight-border="false">
+    <h4
+      slot="title"
+      v-clean-html="t('harvester.modal.vmSnapshot.title')"
+      class="text-default-text"
+    />
+
+    <template #body>
+      <LabeledInput v-model="actionResource.metadata.namespace" :disabled="true" :label="t('generic.namespace')" />
+      <LabeledInput v-model="snapshotName" class="mt-20" :label="t('generic.name')" required />
+    </template>
+
+    <div slot="actions" class="actions">
+      <div class="buttons">
+        <button class="btn role-secondary mr-10" @click="close">
+          {{ t('generic.cancel') }}
+        </button>
+
+        <AsyncButton mode="create" :disabled="!snapshotName" @click="save" />
+      </div>
+
+      <Banner v-for="(err, i) in errors" :key="i" color="error" :label="err" />
+    </div>
+  </Card>
+</template>
+
+<style lang="scss" scoped>
+.actions {
+  width: 100%;
+}
+
+.buttons {
+  display: flex;
+  justify-content: flex-end;
+  width: 100%;
+}
+</style>