Add pkg/harvester components + shell portings - 1

Signed-off-by: Francesco Torchia <francesco.torchia@suse.com>
2026-10-04 21: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,129 @@
+<script>
+import ResourceTable from '@shell/components/ResourceTable';
+import FilterBySriov from '../../../components/FilterBySriov';
+import { HCI } from '../../../types';
+import { HCI as HCI_ANNOTATIONS } from '@pkg/harvester/config/labels-annotations';
+import { STATE, SIMPLE_NAME } from '@shell/config/table-headers';
+import { defaultTableSortGenerationFn } from '@shell/components/ResourceTable.vue';
+import { allHash } from '@shell/utils/promise';
+
+export default {
+  name: 'VGpuDeviceList',
+
+  components: { ResourceTable, FilterBySriov },
+
+  props: {
+    schema: {
+      type:     Object,
+      required: true,
+    },
+
+    devices: {
+      type:     Array,
+      required: true,
+    },
+
+  },
+  async fetch() {
+    const inStore = this.$store.getters['currentProduct'].inStore;
+    const hash = { sriovgpus: this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.SR_IOVGPU_DEVICE }) };
+
+    await allHash(hash);
+  },
+
+  data() {
+    const headers = [
+      { ...STATE },
+      SIMPLE_NAME,
+      {
+        name:  'vGPUTypeName',
+        label: 'vGPU Type',
+        value: 'spec.vGPUTypeName',
+        sort:  ['spec.vGPUTypeName']
+      },
+      {
+        name:     'node',
+        labelKey: 'tableHeaders.node',
+        value:    'spec.nodeName',
+        sort:     ['spec.nodeName']
+      },
+      {
+        name:  'address',
+        label: 'Address',
+        value: 'spec.address',
+        sort:  ['spec.address']
+      },
+    ];
+
+    return {
+      headers,
+      rows:        [],
+      parentSriov: null,
+      filterRows:  []
+    };
+  },
+
+  watch: {
+    devices: {
+      handler(v) {
+        this.rows = v;
+        this.filterRows = this.rows;
+      },
+      immediate: true,
+    }
+  },
+
+  computed: {
+    parentSriovOptions() {
+      const inStore = this.$store.getters['currentProduct'].inStore;
+      const allSriovs = this.$store.getters[`${ inStore }/all`](HCI.SR_IOVGPU_DEVICE) || [];
+
+      return allSriovs.map((sriov) => {
+        return sriov.id;
+      });
+    },
+    parentSriovLabel() {
+      return HCI_ANNOTATIONS.PARENT_SRIOV_GPU;
+    }
+  },
+
+  methods: {
+    changeRows(filterRows, parentSriov) {
+      this.$set(this, 'filterRows', filterRows);
+      this.$set(this, 'parentSriov', parentSriov);
+    },
+
+    sortGenerationFn() {
+      let base = defaultTableSortGenerationFn(this.schema, this.$store);
+
+      if (this.parentSriov) {
+        base += this.parentSriov;
+      }
+
+      return base;
+    },
+  }
+};
+</script>
+
+<template>
+  <ResourceTable
+    :headers="headers"
+    :schema="schema"
+    :rows="filterRows"
+    :use-query-params-for-simple-filtering="true"
+    :sort-generation-fn="sortGenerationFn"
+    :rows-per-page="10"
+  >
+    <template #more-header-middle>
+      <FilterBySriov
+        ref="filterByParentSRIOV"
+        :parent-sriov-options="parentSriovOptions"
+        :parent-sriov-label="parentSriovLabel"
+        :label="t('harvester.sriovgpu.parentSriov')"
+        :rows="rows"
+        @change-rows="changeRows"
+      />
+    </template>
+  </ResourceTable>
+</template>