Add pkg/harvester components + shell portings - 1

Signed-off-by: Francesco Torchia <francesco.torchia@suse.com>
2026-10-07 14:46:15 +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,208 @@
+<script>
+import ResourceTable from '@shell/components/ResourceTable';
+import Loading from '@shell/components/Loading';
+import { STATE, NAME, AGE } from '@shell/config/table-headers';
+import {
+  CAPI, METRIC, NODE, SCHEMA, LONGHORN, POD
+} from '@shell/config/types';
+import { HCI } from '../types';
+import { allHash } from '@shell/utils/promise';
+import metricPoller from '@shell/mixins/metric-poller';
+
+const schema = {
+  id:         HCI.HOST,
+  type:       SCHEMA,
+  attributes: {
+    kind:       HCI.HOST,
+    namespaced: true
+  },
+  metadata: { name: HCI.HOST },
+};
+
+export default {
+  name: 'HarvesterListHost',
+
+  components: {
+    ResourceTable,
+    Loading,
+  },
+
+  mixins: [metricPoller],
+
+  async fetch() {
+    const inStore = this.$store.getters['currentProduct'].inStore;
+    const _hash = {
+      nodes: this.$store.dispatch(`${ inStore }/findAll`, { type: NODE }),
+      pods:  this.$store.dispatch(`${ inStore }/findAll`, { type: POD }),
+    };
+
+    if (this.$store.getters[`${ inStore }/schemaFor`](METRIC.NODE)) {
+      _hash.metric = this.$store.dispatch(`${ inStore }/findAll`, { type: METRIC.NODE });
+    } else {
+      this.hasMetricSchema = false;
+    }
+
+    if (this.$store.getters[`${ inStore }/schemaFor`](LONGHORN.NODES)) {
+      _hash.longhornNodes = this.$store.dispatch(`${ inStore }/findAll`, { type: LONGHORN.NODES });
+    } else {
+      this.hasLonghornSchema = false;
+    }
+
+    if (this.$store.getters[`${ inStore }/schemaFor`](HCI.BLOCK_DEVICE)) {
+      _hash.blockDevices = this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.BLOCK_DEVICE });
+    }
+
+    if (this.$store.getters[`${ inStore }/schemaFor`](HCI.INVENTORY)) {
+      _hash.inventories = this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.INVENTORY });
+    }
+
+    if (this.$store.getters[`${ inStore }/schemaFor`](CAPI.MACHINE)) {
+      _hash.machines = this.$store.dispatch(`${ inStore }/findAll`, { type: CAPI.MACHINE });
+    }
+
+    const hash = await allHash(_hash);
+
+    this.rows = hash.nodes;
+  },
+
+  data() {
+    return {
+      rows:              [],
+      hasMetricSchema:   true,
+      hasLonghornSchema: true,
+    };
+  },
+
+  computed: {
+    headers() {
+      const out = [
+        {
+          ...STATE,
+          formatter: 'StateWithPopover',
+        },
+        {
+          ...NAME,
+          width: 130,
+        },
+        {
+          name:      'host-ip',
+          labelKey:  'tableHeaders.hostIp',
+          search:    ['internalIp'],
+          value:     'internalIp',
+          formatter: 'CopyToClipboard',
+          sort:      ['internalIp'],
+        },
+      ];
+
+      if (this.hasMetricSchema) {
+        const metricCol = [
+          {
+            name:          'cpu',
+            labelKey:      'node.detail.glance.consumptionGauge.cpu',
+            value:         'id',
+            formatter:     'HarvesterCPUUsed',
+            formatterOpts: { showUsed: true },
+          },
+          {
+            name:          'memory',
+            labelKey:      'node.detail.glance.consumptionGauge.memory',
+            value:         'id',
+            formatter:     'HarvesterMemoryUsed',
+            formatterOpts: { showUsed: true },
+          },
+        ];
+
+        out.splice(-1, 0, ...metricCol);
+      }
+
+      if (this.hasLonghornSchema) {
+        const storageHeader = {
+          name:          'storage',
+          labelKey:      'tableHeaders.storage',
+          value:         'id',
+          formatter:     'HarvesterStorageUsed',
+          formatterOpts: { showReserved: true },
+        };
+
+        out.splice(-1, 0, storageHeader);
+      }
+
+      if (this.hasLonghornSchema) {
+        out.push({
+          name:      'diskState',
+          labelKey:  'tableHeaders.diskState',
+          value:     'diskState',
+          formatter: 'HarvesterDiskState',
+          width:     130,
+        });
+      }
+
+      out.push(AGE);
+
+      out.push({
+        name:  'console',
+        label: ' ',
+        align: 'right',
+        width: 65,
+      });
+
+      return out;
+    },
+
+    schema() {
+      return schema;
+    }
+  },
+  methods: {
+    async loadMetrics() {
+      const schema = this.$store.getters['harvester/schemaFor'](METRIC.NODE);
+
+      if (schema) {
+        await this.$store.dispatch('harvester/findAll', {
+          type: METRIC.NODE,
+          opt:  { force: true }
+        });
+
+        this.$forceUpdate();
+      }
+    },
+
+    goto(row) {
+      window.open(row.consoleUrl, '_blank');
+    }
+  },
+
+  typeDisplay() {
+    const { params:{ resource: type } } = this.$route;
+    let paramSchema = schema;
+
+    if (type !== schema.id) {
+      paramSchema = this.$store.getters['harvester/schemaFor'](type);
+    }
+
+    return this.$store.getters['type-map/labelFor'](paramSchema, 99);
+  },
+};
+</script>
+
+<template>
+  <Loading v-if="$fetchState.pending" />
+  <div v-else>
+    <ResourceTable
+      v-bind="$attrs"
+      :schema="schema"
+      :groupable="false"
+      :headers="headers"
+      :rows="[...rows]"
+      :namespaced="false"
+      key-field="_key"
+      v-on="$listeners"
+    >
+      <template #cell:console="{row}">
+        <button type="button" class="btn btn-sm role-primary" :disabled="!row.consoleUrl" @click="goto(row)">
+          {{ t('harvester.host.console') }}
+        </button>
+      </template>
+    </ResourceTable>
+  </div>
+</template>