Add pkg/harvester components + shell portings - 1

Signed-off-by: Francesco Torchia <francesco.torchia@suse.com>
2026-10-04 05:06: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,131 @@
+<script>
+import { STATE, AGE, NAME } from '@shell/config/table-headers';
+import SortableTable from '@shell/components/SortableTable';
+import Loading from '@shell/components/Loading';
+import HarvesterVmState from '../../formatters/HarvesterVmState';
+import { allHash } from '@shell/utils/promise';
+import { HCI } from '../../types';
+import { HOSTNAME } from '@shell/config/labels-annotations';
+
+export default {
+  name: 'InstanceNode',
+
+  components: {
+    SortableTable,
+    Loading,
+    HarvesterVmState,
+  },
+
+  props: {
+    node: {
+      type:     Object,
+      required: true,
+    },
+  },
+
+  async fetch() {
+    const hash = await allHash({
+      vms:               this.$store.dispatch('harvester/findAll', { type: HCI.VM }),
+      vmis:              this.$store.dispatch('harvester/findAll', { type: HCI.VMI }),
+      allClusterNetwork: this.$store.dispatch('harvester/findAll', { type: HCI.CLUSTER_NETWORK }),
+    });
+    const instanceMap = {};
+
+    (hash.vmis || []).forEach((vmi) => {
+      const vmiUID = vmi?.metadata?.ownerReferences?.[0]?.uid;
+
+      if (vmiUID) {
+        instanceMap[vmiUID] = vmi;
+      }
+    });
+
+    this.allClusterNetwork = hash.allClusterNetwork;
+    this.rows = hash.vms.filter((row) => {
+      return instanceMap[row.metadata?.uid]?.status?.nodeName === this.node?.metadata?.labels?.[HOSTNAME];
+    });
+  },
+
+  data() {
+    return {
+      rows:              [],
+      allClusterNetwork: []
+    };
+  },
+
+  computed: {
+    headers() {
+      return [
+        STATE,
+        NAME,
+        {
+          name:     'vmCPU',
+          labelKey: 'tableHeaders.cpu',
+          search:   false,
+          sort:     ['spec.template.spec.domain.cpu.cores'],
+          value:    'spec.template.spec.domain.cpu.cores',
+          width:    120
+        },
+        {
+          name:     'vmRAM',
+          labelKey: 'glance.memory',
+          search:   false,
+          sort:     ['memorySort'],
+          value:    'spec.template.spec.domain.resources.limits.memory',
+          width:    120
+        },
+        {
+          name:      'ip',
+          label:     'IP Address',
+          labelKey:  'harvester.tableHeaders.vm.ipAddress',
+          value:     'id',
+          formatter: 'HarvesterIpAddress'
+        },
+        {
+          ...AGE,
+          sort: 'metadata.creationTimestamp:desc',
+        }
+      ];
+    },
+  },
+
+  methods: {}
+};
+</script>
+
+<template>
+  <Loading v-if="$fetchState.pending" />
+  <div v-else id="host-instances" class="row">
+    <div class="col span-12">
+      <SortableTable
+        v-bind="$attrs"
+        :headers="headers"
+        default-sort-by="age"
+        :rows="rows"
+        key-field="_key"
+        v-on="$listeners"
+      >
+        <template slot="cell:state" slot-scope="scope" class="state-col">
+          <div class="state">
+            <HarvesterVmState class="vmstate" :row="scope.row" :all-cluster-network="allClusterNetwork" />
+          </div>
+        </template>
+      </Sortabletable>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+#host-instances {
+  ::v-deep thead th {
+    vertical-align: middle;
+  }
+
+  ::v-deep .state {
+    display: flex;
+
+    .vmstate {
+      margin-right: 6px;
+    }
+  }
+}
+</style>