@rancher/shell 0.1.1 → 0.1.3

package/detail/kubevirt.io.virtualmachine/VirtualMachineTabs/VirtualMachineKeypairs.vue

@@ -1,114 +0,0 @@
-<script>
-import isString from 'lodash/isString';
-import { HCI } from '@shell/config/types';
-import { allHash } from '@shell/utils/promise';
-import impl from '@shell/mixins/harvester-vm/impl';
-
-export default {
-  mixins: [impl],
-
-  props: {
-    value: {
-      type:     Object,
-      required: true
-    }
-  },
-
-  async fetch() {
-    const hash = await allHash({ allSSHs: this.$store.dispatch('harvester/findAll', { type: HCI.SSH }) });
-
-    this.allSSHs = hash.allSSHs;
-  },
-
-  data() {
-    return {
-      allSSHs:  [],
-      sshKeys:  []
-    };
-  },
-
-  methods: {
-    toggleShow(idx) {
-      const ssh = this.sshKeys[idx];
-
-      this.$set(this.sshKeys, idx, {
-        ...ssh,
-        showKey: !ssh.showKey
-      });
-    },
-
-    getKeys() {
-      return this.mergeAllSSHs(this.value?.spec);
-    },
-
-    isShow(id = '') {
-      const ssh = this.sshKeys.find(O => O?.data?.id === id) || {};
-
-      return ssh.showKey || false;
-    }
-  },
-
-  watch: {
-    allSSHs(neu) {
-      const out = this.getKeys().map((ssh) => {
-        return {
-          id:          ssh.id,
-          publicKey:   isString(ssh.data) ? ssh.data : ssh.data?.spec?.publicKey,
-          showKey:     this.isShow(ssh.id)
-        };
-      });
-
-      this.$set(this, 'sshKeys', out);
-    }
-  }
-};
-</script>
-
-<template>
-  <div class="overview-sshKeys">
-    <div v-for="(ssh, index) in sshKeys" :key="index" class="row overview-sshKeys__item">
-      <div class="col span-4">
-        {{ ssh.id }}
-      </div>
-      <div class="col span-7 offset-1">
-        <div v-if="ssh.showKey" class="key-display">
-          {{ ssh.publicKey }}
-          <button class="btn btn-sm role-link hide-bar" @click="toggleShow(index)">
-            <i class="icon icon-x"></i>
-          </button>
-        </div>
-        <button v-else class="btn btn-sm role-link" @click="toggleShow(index)">
-          *******<i class="icons icon-show"></i>
-        </button>
-      </div>
-    </div>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-  .overview-sshKeys {
-    text-align: left;
-    max-height: 700px;
-    overflow: auto;
-
-    &__item {
-      margin-bottom: 15px;
-
-      &:last-child {
-        margin-bottom: 0;
-      }
-    }
-
-    .key-display {
-      position: relative;
-      padding-right: 30px;
-      word-break: break-word;
-
-      .hide-bar {
-        position: absolute;
-        top: -10px;
-        right: 10px;
-      }
-    }
-  }
-</style>

package/detail/kubevirt.io.virtualmachine/VirtualMachineTabs/VirtualMachineMigration.vue

@@ -1,79 +0,0 @@
-<script>
-import LabelValue from '@shell/components/LabelValue';
-
-export default {
-  name: 'VirtualMachineMigration',
-
-  components: { LabelValue },
-
-  props: {
-    value: {
-      type:     Object,
-      required: true,
-    },
-    vmiResource: {
-      type:     Object,
-      required: true,
-      default:  () => {
-        return {};
-      }
-    }
-  },
-
-  data() {
-    return { localResource: this.vmiResource };
-  },
-
-  computed: {
-    migrationState() {
-      return this.localResource?.status?.migrationState;
-    },
-    sourceNode() {
-      return this.migrationState?.sourceNode || 'N/A';
-    },
-    targetNode() {
-      return this.migrationState?.targetNode || 'N/A';
-    },
-    started() {
-      return this.migrationState?.startTimestamp || 'N/A';
-    },
-    ended() {
-      return this.migrationState?.endTimestamp || 'N/A';
-    },
-    message() {
-      return 'N/A';
-    }
-  },
-
-  watch: {
-    vmiResource: {
-      handler(neu) {
-        this.localResource = neu;
-      },
-      deep: true
-    }
-  }
-};
-</script>
-
-<template>
-  <div>
-    <div class="row mb-20">
-      <div class="col span-6">
-        <LabelValue :name="t('harvester.virtualMachine.detail.details.sourceNode')" :value="sourceNode" />
-      </div>
-      <div class="col span-6">
-        <LabelValue :name="t('harvester.virtualMachine.detail.details.targetNode')" :value="targetNode" />
-      </div>
-    </div>
-
-    <div class="row mb-20">
-      <div class="col span-6">
-        <LabelValue :name="t('harvester.virtualMachine.detail.details.started')" :value="started" />
-      </div>
-      <div class="col span-6">
-        <LabelValue :name="t('harvester.virtualMachine.detail.details.ended')" :value="ended" />
-      </div>
-    </div>
-  </div>
-</template>

package/detail/kubevirt.io.virtualmachine/index.vue

@@ -1,213 +0,0 @@
-<script>
-import { mapGetters } from 'vuex';
-import Tabbed from '@shell/components/Tabbed';
-import Tab from '@shell/components/Tabbed/Tab';
-import { EVENT, HCI, SERVICE, POD } from '@shell/config/types';
-import CreateEditView from '@shell/mixins/create-edit-view';
-import VM_MIXIN from '@shell/mixins/harvester-vm';
-import DashboardMetrics from '@shell/components/DashboardMetrics';
-import { allHash } from '@shell/utils/promise';
-import { allDashboardsExist } from '@shell/utils/grafana';
-
-import CloudConfig from '@shell/edit/kubevirt.io.virtualmachine/VirtualMachineCloudConfig';
-import Volume from '@shell/edit/kubevirt.io.virtualmachine/VirtualMachineVolume';
-import Network from '@shell/edit/kubevirt.io.virtualmachine/VirtualMachineNetwork';
-import AccessCredentials from '@shell/edit/kubevirt.io.virtualmachine/VirtualMachineAccessCredentials';
-import Events from './VirtualMachineTabs/VirtualMachineEvents';
-import Migration from './VirtualMachineTabs/VirtualMachineMigration';
-import OverviewBasics from './VirtualMachineTabs/VirtualMachineBasics';
-import OverviewKeypairs from './VirtualMachineTabs/VirtualMachineKeypairs';
-
-const VM_METRICS_DETAIL_URL = '/api/v1/namespaces/cattle-monitoring-system/services/http:rancher-monitoring-grafana:80/proxy/d/harvester-vm-detail-1/vm-info-detail?orgId=1';
-
-export default {
-  name: 'VMIDetailsPage',
-
-  components: {
-    Tab,
-    Tabbed,
-    Events,
-    OverviewBasics,
-    Volume,
-    Network,
-    OverviewKeypairs,
-    CloudConfig,
-    Migration,
-    DashboardMetrics,
-    AccessCredentials,
-  },
-
-  mixins: [CreateEditView, VM_MIXIN],
-
-  props: {
-    value: {
-      type:     Object,
-      required: true,
-    },
-  },
-
-  data() {
-    return {
-      switchToCloud: false,
-      VM_METRICS_DETAIL_URL,
-      showVmMetrics: false,
-    };
-  },
-
-  async created() {
-    const inStore = this.$store.getters['currentProduct'].inStore;
-
-    const hash = {
-      pods:     this.$store.dispatch(`${ inStore }/findAll`, { type: POD }),
-      services: this.$store.dispatch(`${ inStore }/findAll`, { type: SERVICE }),
-      events:   this.$store.dispatch(`${ inStore }/findAll`, { type: EVENT }),
-      allSSHs:  this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.SSH }),
-      vmis:     this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.VMI }),
-      restore:  this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.RESTORE }),
-    };
-
-    await allHash(hash);
-
-    this.showVmMetrics = await allDashboardsExist(this.$store, this.currentCluster.id, [VM_METRICS_DETAIL_URL], 'harvester');
-  },
-
-  computed: {
-    ...mapGetters(['currentCluster']),
-
-    vmi() {
-      const inStore = this.$store.getters['currentProduct'].inStore;
-
-      const vmiList = this.$store.getters[`${ inStore }/all`](HCI.VMI) || [];
-      const vmi = vmiList.find( (VMI) => {
-        return VMI?.metadata?.ownerReferences?.[0]?.uid === this.value?.metadata?.uid;
-      });
-
-      return vmi;
-    },
-
-    allEvents() {
-      const inStore = this.$store.getters['currentProduct'].inStore;
-
-      return this.$store.getters[`${ inStore }/all`](EVENT);
-    },
-
-    events() {
-      return this.allEvents.filter((e) => {
-        const { name, creationTimestamp } = this.value?.metadata || {};
-        const podName = this.value.podResource?.metadata?.name;
-        const pvcName = this.value.persistentVolumeClaimName || [];
-
-        const involvedName = e?.involvedObject?.name;
-
-        const matchPVC = pvcName.find(name => name === involvedName);
-
-        return (involvedName === name || involvedName === podName || matchPVC) && e.firstTimestamp >= creationTimestamp;
-      }).sort((a, b) => {
-        if (a.lastTimestamp > b.lastTimestamp) {
-          return -1;
-        }
-
-        return 1;
-      });
-    },
-
-    graphVars() {
-      return {
-        namespace: this.value.namespace,
-        vm:        this.value.name
-      };
-    },
-
-    hasMetrics() {
-      const inStore = this.$store.getters['currentProduct'].inStore;
-
-      return !!this.$store.getters[`${ inStore }/byId`]('service', 'cattle-monitoring-system/rancher-monitoring-grafana');
-    },
-  },
-
-  methods: {
-    onTabChanged({ tab }) {
-      if (tab.name === 'cloudConfig') {
-        this.$refs.yamlEditor?.refresh();
-      }
-    },
-  },
-
-  watch: {
-    value: {
-      handler(neu) {
-        const diskRows = this.getDiskRows(neu);
-
-        this.$set(this, 'diskRows', diskRows);
-      },
-      deep: true
-    }
-  }
-};
-</script>
-
-<template>
-  <div>
-    <Tabbed v-bind="$attrs" class="mt-15" :side-tabs="true" @changed="onTabChanged">
-      <Tab name="basics" :label="t('harvester.virtualMachine.detail.tabs.basics')" class="bordered-table" :weight="7">
-        <OverviewBasics v-model="value" :resource="vmi" mode="view" />
-      </Tab>
-
-      <Tab name="disks" :label="t('harvester.tab.volume')" class="bordered-table" :weight="6">
-        <Volume
-          v-model="diskRows"
-          mode="view"
-          :namespace="value.metadata.namespace"
-          :vm="value"
-          :resource-type="value.type"
-        />
-      </Tab>
-
-      <Tab name="networks" :label="t('harvester.virtualMachine.detail.tabs.networks')" class="bordered-table" :weight="5">
-        <Network v-model="networkRows" mode="view" />
-      </Tab>
-
-      <Tab name="keypairs" :label="t('harvester.virtualMachine.detail.tabs.keypairs')" class="bordered-table" :weight="3">
-        <OverviewKeypairs v-model="value" />
-      </Tab>
-
-      <Tab
-        v-if="showVmMetrics"
-        name="vm-metrics"
-        :label="t('harvester.virtualMachine.detail.tabs.metrics')"
-        :weight="2.5"
-      >
-        <template #default="props">
-          <DashboardMetrics
-            v-if="props.active"
-            :detail-url="VM_METRICS_DETAIL_URL"
-            graph-height="550px"
-            :has-summary-and-detail="false"
-            :vars="graphVars"
-          />
-        </template>
-      </Tab>
-
-      <Tab :label="t('harvester.tab.accessCredentials')" class="bordered-table" name="accessCredentials" :weight="2.2">
-        <AccessCredentials mode="view" :value="accessCredentials" :resource="value" />
-      </Tab>
-
-      <Tab name="cloudConfig" :label="t('harvester.virtualMachine.detail.tabs.cloudConfig')" class="bordered-table" :weight="2">
-        <CloudConfig
-          ref="yamlEditor"
-          mode="view"
-          :user-script="userScript"
-          :network-script="networkScript"
-        />
-      </Tab>
-
-      <Tab name="event" :label="t('harvester.virtualMachine.detail.tabs.events')" :weight="1">
-        <Events :resource="vmi" :events="events" />
-      </Tab>
-
-      <Tab name="migration" :label="t('harvester.virtualMachine.detail.tabs.migration')">
-        <Migration v-model="value" :vmi-resource="vmi" />
-      </Tab>
-    </Tabbed>
-  </div>
-</template>

package/edit/harvesterhci.io.cloudtemplate.vue

@@ -1,123 +0,0 @@
-<script>
-import Tabbed from '@shell/components/Tabbed';
-import Tab from '@shell/components/Tabbed/Tab';
-import CruResource from '@shell/components/CruResource';
-import LabeledSelect from '@shell/components/form/LabeledSelect';
-import NameNsDescription from '@shell/components/form/NameNsDescription';
-import YamlEditor from '@shell/components/YamlEditor';
-
-import CreateEditView from '@shell/mixins/create-edit-view';
-import { HCI } from '@shell/config/labels-annotations';
-
-export default {
-  name: 'HarvesterEditCloudTemplate',
-
-  components: {
-    Tab,
-    Tabbed,
-    YamlEditor,
-    CruResource,
-    LabeledSelect,
-    NameNsDescription,
-  },
-
-  mixins: [CreateEditView],
-
-  data() {
-    return {
-      config: this.value.data?.cloudInit || '',
-      type:   this.value?.metadata?.labels?.[HCI.CLOUD_INIT] || 'user',
-    };
-  },
-
-  computed: {
-    types() {
-      return [{
-        label: 'User Data',
-        value: 'user'
-      }, {
-        label: 'Network Data',
-        value: 'network'
-      }];
-    },
-  },
-
-  created() {
-    if (this.registerBeforeHook) {
-      this.registerBeforeHook(this.updateBeforeSave);
-    }
-  },
-
-  methods: {
-    update() {
-      this.value.data = { cloudInit: this.config };
-    },
-
-    updateBeforeSave() {
-      if (this.isCreate) {
-        this.value.metadata.labels = {
-          ...this.value.metadata.labels,
-          [HCI.CLOUD_INIT]: this.type,
-        };
-
-        this.value.data = { cloudInit: this.config };
-      }
-    }
-  }
-};
-</script>
-
-<template>
-  <CruResource
-    :done-route="doneRoute"
-    :mode="mode"
-    :resource="value"
-    :errors="errors"
-    :apply-hooks="applyHooks"
-    @finish="save"
-    @cancel="done"
-  >
-    <NameNsDescription
-      v-model="value"
-      :mode="mode"
-      :namespaced="true"
-    />
-
-    <Tabbed :side-tabs="true">
-      <Tab name="basics" :label="t('harvester.host.tabs.basics')" :weight="1">
-        <div class="mb-20">
-          <LabeledSelect
-            v-model="type"
-            :label="t('harvester.cloudTemplate.templateType')"
-            :disabled="!isCreate"
-            :options="types"
-          />
-        </div>
-
-        <div class="resource-yaml">
-          <YamlEditor
-            ref="yamlUser"
-            v-model="config"
-            class="yaml-editor"
-            :editor-mode="mode === 'view' ? 'VIEW_CODE' : 'EDIT_CODE'"
-            @onChanges="update"
-          />
-        </div>
-      </Tab>
-    </Tabbed>
-  </CruResource>
-</template>
-
-<style lang="scss" scoped>
-  $yaml-height: 200px;
-
-  ::v-deep .yaml-editor{
-    flex: 1;
-    min-height: $yaml-height;
-    & .code-mirror .CodeMirror {
-      position: initial;
-      height: auto;
-      min-height: $yaml-height;
-    }
-  }
-</style>