Add pkg/harvester components + shell portings - 1

Signed-off-by: Francesco Torchia <francesco.torchia@suse.com>
2026-10-08 23:26:08 +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,131 @@
+<script>
+import Loading from '@shell/components/Loading';
+import Masthead from '@shell/components/ResourceList/Masthead';
+import ResourceTable from '@shell/components/ResourceTable';
+
+import { HCI } from '../types';
+import { SCHEMA } from '@shell/config/types';
+import { allHash } from '@shell/utils/promise';
+import { STATE, AGE, NAME, NAMESPACE } from '@shell/config/table-headers';
+import { BACKUP_TYPE } from '../config/types';
+
+const schema = {
+  id:         HCI.VM_SNAPSHOT,
+  type:       SCHEMA,
+  attributes: {
+    kind:       HCI.VM_SNAPSHOT,
+    namespaced: true
+  },
+  metadata: { name: HCI.VM_SNAPSHOT },
+};
+
+export default {
+  name:       'HarvesterListVMSnapshot',
+  components: {
+    ResourceTable, Loading, Masthead
+  },
+
+  async fetch() {
+    const inStore = this.$store.getters['currentProduct'].inStore;
+    const hash = await allHash({
+      vms:  this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.VM }),
+      rows: this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.BACKUP }),
+    });
+
+    const schema = this.$store.getters[`${ inStore }/schemaFor`](HCI.BACKUP);
+
+    if (!schema?.collectionMethods.find((x) => x.toLowerCase() === 'post')) {
+      this.$store.dispatch('type-map/configureType', { match: HCI.VM_SNAPSHOT, isCreatable: false });
+    }
+
+    this.rows = hash.rows;
+  },
+
+  data() {
+    const params = { ...this.$route.params };
+
+    const resource = params.resource;
+
+    return {
+      rows: [],
+      resource,
+    };
+  },
+
+  computed: {
+    headers() {
+      return [
+        STATE,
+        NAME,
+        NAMESPACE,
+        {
+          name:      'targetVM',
+          labelKey:  'tableHeaders.targetVm',
+          value:     'attachVM',
+          align:     'left',
+          formatter: 'AttachVMWithName'
+        },
+        {
+          name:      'readyToUse',
+          labelKey:  'tableHeaders.readyToUse',
+          value:     'status.readyToUse',
+          align:     'left',
+          formatter: 'Checked',
+        },
+        AGE
+      ];
+    },
+
+    schema() {
+      return schema;
+    },
+
+    typeDisplay() {
+      return this.$store.getters['type-map/labelFor'](schema, 99);
+    },
+
+    filteredRows() {
+      return this.rows.filter((R) => R.spec?.type !== BACKUP_TYPE.BACKUP);
+    },
+  },
+};
+</script>
+
+<template>
+  <Loading v-if="$fetchState.pending" />
+  <div v-else>
+    <Masthead
+      :schema="null"
+      :resource="resource"
+      :type-display="typeDisplay"
+      :create-button-label="t('harvester.vmSnapshot.createText')"
+    />
+
+    <ResourceTable
+      v-bind="$attrs"
+      :headers="headers"
+      :groupable="true"
+      :rows="filteredRows"
+      :schema="schema"
+      key-field="_key"
+      default-sort-by="age"
+      v-on="$listeners"
+    >
+      <template #col:name="{row}">
+        <td>
+          <span>
+            <router-link
+              v-if="row.status && row.status.source"
+              :to="row.detailLocation"
+            >
+              {{ row.nameDisplay }}
+            </router-link>
+            <span v-else>
+              {{ row.nameDisplay }}
+            </span>
+          </span>
+        </td>
+      </template>
+    </resourcetable>
+  </div>
+</template>