Add pkg/harvester components + shell portings - 1

Signed-off-by: Francesco Torchia <francesco.torchia@suse.com>
2026-10-06 14: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,113 @@
+<script>
+import UnitInput from '@shell/components/form/UnitInput';
+import InputOrDisplay from '@shell/components/InputOrDisplay';
+
+export default {
+  name:       'HarvesterEditCpuMemory',
+  components: { UnitInput, InputOrDisplay },
+
+  props: {
+    cpu: {
+      type:    Number,
+      default: null
+    },
+    memory: {
+      type:    String,
+      default: null
+    },
+    mode: {
+      type:    String,
+      default: 'create',
+    },
+    disabled: {
+      type:    Boolean,
+      default: false
+    }
+  },
+
+  data() {
+    return {
+      localCpu:    this.cpu,
+      localMemory: this.memory
+    };
+  },
+
+  computed: {
+    cupDisplay() {
+      return `${ this.localCpu } C`;
+    },
+
+    memoryDisplay() {
+      return `${ this.localMemory }`;
+    }
+  },
+
+  watch: {
+    cpu(neu) {
+      this.localCpu = neu;
+    },
+    memory(neu) {
+      if (neu && !neu.includes('null')) {
+        this.localMemory = neu;
+      }
+    }
+  },
+
+  methods: {
+    change() {
+      let memory = '';
+
+      if (String(this.localMemory).includes('Gi')) {
+        memory = this.localMemory;
+      } else {
+        memory = `${ this.localMemory }Gi`;
+      }
+      if (memory.includes('null')) {
+        memory = null;
+      }
+      this.$emit('updateCpuMemory', this.localCpu, memory);
+    },
+
+  }
+};
+</script>
+
+<template>
+  <div class="row">
+    <div class="col span-6">
+      <InputOrDisplay name="CPU" :value="cupDisplay" :mode="mode" class="mb-10">
+        <UnitInput
+          v-model="localCpu"
+          v-int-number
+          label="CPU"
+          suffix="C"
+          :delay="0"
+          required
+          :disabled="disabled"
+          :mode="mode"
+          class="mb-20"
+          @input="change"
+        />
+      </InputOrDisplay>
+    </div>
+
+    <div class="col span-6">
+      <InputOrDisplay :name="t('harvester.virtualMachine.input.memory')" :value="memoryDisplay" :mode="mode" class="mb-10">
+        <UnitInput
+          v-model="localMemory"
+          v-int-number
+          :label="t('harvester.virtualMachine.input.memory')"
+          :mode="mode"
+          :input-exponent="3"
+          :delay="0"
+          :increment="1024"
+          :output-modifier="true"
+          :disabled="disabled"
+          required
+          class="mb-20"
+          @input="change"
+        />
+      </InputOrDisplay>
+    </div>
+  </div>
+</template>