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,95 @@
+<script>
+import ButtonDropdown from '@shell/components/ButtonDropdown';
+import { mapGetters } from 'vuex';
+import { OFF } from '../models/kubevirt.io.virtualmachine';
+import { PRODUCT_NAME } from '../config/harvester';
+
+export default {
+  name: 'VMConsoleBar',
+
+  components: { ButtonDropdown },
+
+  props: {
+    resource: {
+      type:     Object,
+      required: true,
+      default:  () => {
+        return {};
+      }
+    }
+  },
+
+  computed: {
+    ...mapGetters({ t: 'i18n/t' }),
+
+    isOff() {
+      return this.resource.stateDisplay === OFF;
+    },
+
+    options() {
+      return [
+        {
+          label: this.t('harvester.virtualMachine.console.novnc'),
+          value: 'vnc'
+        },
+        {
+          label: this.t('harvester.virtualMachine.console.serial'),
+          value: 'serial'
+        }
+      ];
+    }
+  },
+
+  methods: {
+    handleDropdown(c) {
+      this.show(c.value);
+    },
+
+    show(type) {
+      let uid = this.resource.metadata?.ownerReferences?.[0]?.uid;
+
+      if (uid === undefined) {
+        uid = this.resource.metadata.uid;
+      }
+
+      const host = window.location.host;
+      const prefix = window.location.pathname.replace(this.$route.path, '');
+      const params = this.$route?.params;
+
+      const url = `https://${ host }${ prefix }/${ PRODUCT_NAME }/c/${ params.cluster }/console/${ uid }/${ type }`;
+
+      window.open(
+        url,
+        '_blank',
+        'toolbars=0,width=900,height=700,left=0,top=0,noreferrer'
+      );
+    },
+
+    isEmpty(o) {
+      return o !== undefined && Object.keys(o).length === 0;
+    }
+  }
+};
+</script>
+
+<template>
+  <div class="overview-web-console">
+    <ButtonDropdown
+      :disabled="isOff"
+      :no-drop="isOff"
+      button-label="Console"
+      :dropdown-options="options"
+      size="sm"
+      @click-action="handleDropdown"
+    />
+  </div>
+</template>
+
+<style lang="scss">
+.overview-web-console {
+  .btn {
+    line-height: 24px;
+    min-height: 24px;
+  }
+}
+</style>