Add harvesterhci.io.management.cluster.vue edit & detail page + bug fixing

Signed-off-by: Francesco Torchia <francesco.torchia@suse.com>
2026-10-06 14:16:05 +08:00 · 2024-10-23 17:01:47 +02:00
parent 8bd9051739
commit 77cedfd675
3 changed files with 263 additions and 1 deletions
@@ -0,0 +1,104 @@
+<script>
+import Loading from '@shell/components/Loading';
+import ResourceTabs from '@shell/components/form/ResourceTabs';
+import CopyCode from '@shell/components/CopyCode';
+import Tab from '@shell/components/Tabbed/Tab';
+import { allHash } from '@shell/utils/promise';
+
+export default {
+  emits: ['input'],
+
+  components: {
+    Loading,
+    ResourceTabs,
+    Tab,
+    CopyCode,
+  },
+
+  props: {
+    value: {
+      type:    Object,
+      default: () => {
+        return {};
+      }
+    }
+  },
+
+  async fetch() {
+    await this.value.waitForProvisioner();
+
+    const hash = { clusterToken: this.value.getOrCreateToken() };
+
+    const res = await allHash(hash);
+
+    this.allNodes = res.allNodes || [];
+    this.allNodePools = res.allNodePools || [];
+    this.clusterToken = res.clusterToken;
+  },
+
+  data() {
+    return { clusterToken: null };
+  },
+
+  computed: {
+    defaultTab() {
+      if (this.showRegistration && !this.machines?.length) {
+        return 'registration';
+      }
+
+      return '';
+    },
+
+    showRegistration() {
+      if ( !this.clusterToken ) {
+        return false;
+      }
+
+      if ( this.value.isImported ) {
+        return !this.value.mgmt?.isReady;
+      }
+
+      return false;
+    },
+
+    registrationURL() {
+      return (this.clusterToken?.command || '').replace('kubectl apply -f ', '');
+    },
+  },
+};
+</script>
+
+<template>
+  <Loading v-if="$fetchState.pending" />
+  <ResourceTabs
+    v-else
+    :value="value"
+    :default-tab="defaultTab"
+    @input="$emit('input', $event)"
+  >
+    <Tab
+      v-if="showRegistration"
+      name="registration"
+      :label="t('cluster.tabs.registration')"
+      :weight="2"
+      class="p-10"
+    >
+      <h4
+        v-clean-html="t('cluster.harvester.registration.step1', null, true)"
+      />
+
+      <h4
+        v-clean-html="t('cluster.harvester.registration.step2', null, true)"
+        class="mt-10"
+      />
+
+      <h4
+        v-clean-html="t('cluster.harvester.registration.step3', null, true)"
+        class="mt-10"
+      />
+      <CopyCode class="m-10 p-10">
+        {{ registrationURL }}
+      </CopyCode>
+    </Tab>
+  </ResourceTabs>
+</template>