Add pkg/harvester components + shell portings - 1

Signed-off-by: Francesco Torchia <francesco.torchia@suse.com>
2026-10-04 13: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,171 @@
+<script>
+import { mapGetters } from 'vuex';
+
+import { RadioGroup } from '@components/Form/Radio';
+import LabeledSelect from '@shell/components/form/LabeledSelect';
+import KeyValue from '@shell/components/form/KeyValue';
+
+import { HOSTNAME } from '@shell/config/labels-annotations';
+import { findBy } from '@shell/utils/array';
+import { HCI } from '../../types';
+
+export default {
+  components: {
+    RadioGroup,
+    LabeledSelect,
+    KeyValue,
+  },
+
+  props: {
+    value: {
+      type:    Object,
+      default: () => {
+        return {};
+      }
+    },
+
+    nodes: {
+      type:    Array,
+      default: () => []
+    },
+
+    mode: {
+      type:    String,
+      default: 'create'
+    }
+  },
+
+  data() {
+    const { nodeSelector = {} } = this.value;
+
+    let selectNode = 'all';
+    let nodeName = '';
+
+    if (nodeSelector[HOSTNAME] && Object.keys(nodeSelector).length === 1) {
+      selectNode = 'nodeSelector';
+      nodeName = nodeSelector[HOSTNAME];
+    } else if (Object.keys(nodeSelector).length > 0) {
+      selectNode = 'custom';
+    }
+
+    return {
+      selectNode,
+      nodeName,
+      nodeSelector,
+    };
+  },
+
+  computed: {
+    ...mapGetters({ t: 'i18n/t' }),
+
+    selectNodeOptions() {
+      const out = [{
+        label: this.t(`harvester.vlanConfig.scheduling.affinity.allNodes`),
+        value: 'all'
+      },
+      {
+        label: this.t(`harvester.vlanConfig.scheduling.affinity.specificNode`),
+        value: 'nodeSelector'
+      },
+      {
+        label: this.t(`harvester.vlanConfig.scheduling.affinity.schedulingRules`),
+        value: 'custom'
+      }];
+
+      return out;
+    },
+
+    nics() {
+      const inStore = this.$store.getters['currentProduct'].inStore;
+      const linkMonitor = this.$store.getters[`${ inStore }/byId`](HCI.LINK_MONITOR, 'nic') || {};
+      const linkStatus = linkMonitor?.status?.linkStatus || {};
+
+      const out = [];
+
+      Object.keys(linkStatus).map((nodeName) => {
+        const nics = linkStatus[nodeName] || [];
+
+        nics.map((nic) => {
+          if (!findBy(out, 'name', nic.name) && !nic.masterIndex) {
+            out.push({
+              ...nic,
+              nodeName,
+            });
+          }
+        });
+      });
+
+      return out;
+    },
+  },
+
+  methods: {
+    update() {
+      const { nodeName, nodeSelector } = this;
+
+      switch (this.selectNode) {
+      case 'all':
+        delete this.value?.nodeSelector;
+
+        break;
+      case 'nodeSelector':
+        delete this.value?.nodeSelector;
+
+        Object.assign(this.value, { nodeSelector: { [HOSTNAME]: nodeName } });
+        break;
+      case 'custom':
+        delete this.value.nodeName;
+        delete this.value.nodeSelector;
+
+        Object.assign(this.value, { nodeSelector });
+        break;
+      default:
+        delete this.value.nodeSelector;
+      }
+
+      this.$emit('updateMatchingNICs');
+      this.$emit('updateMatchingNodes');
+    },
+  },
+};
+</script>
+
+<template>
+  <div>
+    <div class="row">
+      <RadioGroup
+        v-model="selectNode"
+        name="selectNode"
+        :options="selectNodeOptions"
+        :mode="mode"
+        @input="update"
+      />
+    </div>
+    <template v-if="selectNode === 'nodeSelector'">
+      <div class="row mb-10">
+        <div class="col span-6">
+          <LabeledSelect
+            v-model="nodeName"
+            :label="t('workload.scheduling.affinity.nodeName')"
+            :options="nodes || []"
+            :mode="mode"
+            :multiple="false"
+            @input="update"
+          />
+        </div>
+      </div>
+    </template>
+    <template v-else-if="selectNode === 'custom'">
+      <KeyValue
+        v-model="nodeSelector"
+        :key-label="t('generic.key')"
+        :mode="mode"
+        :add-label="t('workload.scheduling.affinity.addNodeSelector')"
+        :read-allowed="false"
+        :value-label="t('generic.value')"
+        :initial-empty-row="true"
+        @input="update"
+      />
+    </template>
+  </div>
+</template>