@rancher/shell 0.1.1 → 0.1.3

package/detail/harvesterhci.io.virtualmachinebackup/index.vue

@@ -1,221 +0,0 @@
-<script>
-import Tabbed from '@shell/components/Tabbed';
-import Tab from '@shell/components/Tabbed/Tab';
-import Loading from '@shell/components/Loading';
-import CruResource from '@shell/components/CruResource';
-import { Checkbox } from '@components/Form/Checkbox';
-import LabelValue from '@shell/components/LabelValue';
-import VM_MIXIN from '@shell/mixins/harvester-vm';
-import { allHash } from '@shell/utils/promise';
-import CreateEditView from '@shell/mixins/create-edit-view';
-import { HCI } from '@shell/config/types';
-import CpuMemory from '@shell/edit/kubevirt.io.virtualmachine/VirtualMachineCpuMemory';
-
-import OverviewKeypairs from '@shell/detail/kubevirt.io.virtualmachine/VirtualMachineTabs/VirtualMachineKeypairs';
-import Volume from '@shell/edit/kubevirt.io.virtualmachine/VirtualMachineVolume';
-import Network from '@shell/edit/kubevirt.io.virtualmachine/VirtualMachineNetwork';
-import CloudConfig from '@shell/edit/kubevirt.io.virtualmachine/VirtualMachineCloudConfig';
-const UNDEFINED = 'n/a';
-
-export default {
-  name: 'BackupDetail',
-
-  components: {
-    Volume,
-    Network,
-    CruResource,
-    Tabbed,
-    Loading,
-    LabelValue,
-    Tab,
-    CloudConfig,
-    Checkbox,
-    CpuMemory,
-    OverviewKeypairs,
-  },
-
-  mixins: [CreateEditView, VM_MIXIN],
-
-  props: {
-    value: {
-      type:     Object,
-      required: true,
-    },
-    mode: {
-      type:     String,
-      required: true,
-    },
-  },
-
-  async fetch() {
-    await allHash({ allImages: this.$store.dispatch('harvester/findAll', { type: HCI.IMAGE }) });
-  },
-
-  data() {
-    return { vm: null };
-  },
-
-  computed: {
-    name() {
-      return this.value?.metadata?.name || UNDEFINED;
-    },
-
-    hostname() {
-      return this?.spec?.template?.spec?.hostname;
-    },
-
-    imageName() {
-      const imageList = this.$store.getters['harvester/all'](HCI.IMAGE) || [];
-
-      const image = imageList.find( I => this.imageId === I.id);
-
-      return image?.spec?.displayName || '-';
-    },
-
-    disks() {
-      const disks = this?.spec?.template?.spec?.domain?.devices?.disks || [];
-
-      return disks.filter((disk) => {
-        return !!disk.bootOrder;
-      }).sort((a, b) => {
-        if (a.bootOrder < b.bootOrder) {
-          return -1;
-        }
-
-        return 1;
-      });
-    },
-
-    cdroms() {
-      const disks = this?.spec?.template?.spec?.domain?.devices?.disks || [];
-
-      return disks.filter((disk) => {
-        return !!disk.cdrom;
-      });
-    },
-  },
-
-  methods: {
-    getDeviceType(o) {
-      if (o.disk) {
-        return 'Disk';
-      } else {
-        return 'CD-ROM';
-      }
-    },
-    isEmpty(o) {
-      return o !== undefined && Object.keys(o).length === 0;
-    },
-    onTabChanged({ tab }) {
-      if (tab.name === 'advanced') {
-        this.$refs.yamlEditor?.refresh();
-      }
-    }
-  },
-};
-</script>
-
-<template>
-  <Loading v-if="$fetchState.pending" />
-  <CruResource
-    v-else
-    :done-route="doneRoute"
-    :resource="value"
-    :mode="mode"
-    :apply-hooks="applyHooks"
-  >
-    <Tabbed v-if="spec" :side-tabs="true" @changed="onTabChanged">
-      <Tab name="Basics" :label="t('harvester.virtualMachine.detail.tabs.basics')">
-        <div class="row">
-          <div class="col span-6">
-            <LabelValue :name="t('harvester.virtualMachine.detail.details.name')" :value="name" />
-          </div>
-
-          <div class="col span-6">
-            <LabelValue :name="t('harvester.fields.image')" :value="imageName" />
-          </div>
-        </div>
-
-        <div class="row">
-          <div class="col span-6">
-            <LabelValue :name="t('harvester.virtualMachine.detail.details.hostname')" :value="hostname" />
-          </div>
-
-          <div class="col span-6">
-            <LabelValue :name="t('harvester.virtualMachine.input.MachineType')" :value="machineType" />
-          </div>
-        </div>
-
-        <CpuMemory :cpu="cpu" :mode="mode" :memory="memory" />
-
-        <div class="row">
-          <div class="col span-6">
-            <LabelValue :name="t('harvester.virtualMachine.detail.details.bootOrder')">
-              <template #value>
-                <div>
-                  <ul>
-                    <li v-for="(disk) in disks" :key="disk.bootOrder">
-                      {{ disk.bootOrder }}. {{ disk.name }} ({{ getDeviceType(disk) }})
-                    </li>
-                  </ul>
-                </div>
-              </template>
-            </LabelValue>
-          </div>
-          <div class="col span-6">
-            <LabelValue :name="t('harvester.virtualMachine.detail.details.CDROMs')">
-              <template #value>
-                <div>
-                  <ul v-if="cdroms.length > 0">
-                    <li v-for="(rom) in cdroms" :key="rom.name">
-                      {{ rom.name }}
-                    </li>
-                  </ul>
-                  <span v-else>
-                    {{ t("harvester.virtualMachine.detail.notAvailable") }}
-                  </span>
-                </div>
-              </template>
-            </LabelValue>
-          </div>
-        </div>
-      </Tab>
-
-      <Tab
-        name="volume"
-        :label="t('harvester.tab.volume')"
-        :weight="-1"
-      >
-        <Volume v-model="diskRows" :mode="mode" />
-      </Tab>
-
-      <Tab
-        name="network"
-        :label="t('harvester.tab.network')"
-        :weight="-2"
-      >
-        <Network v-model="networkRows" :mode="mode" />
-      </Tab>
-
-      <Tab name="keypairs" :label="t('harvester.virtualMachine.detail.tabs.keypairs')" class="bordered-table" :weight="-3">
-        <OverviewKeypairs v-if="vm" v-model="vm" />
-      </Tab>
-
-      <Tab
-        name="advanced"
-        :label="t('harvester.tab.advanced')"
-        :weight="-4"
-      >
-        <CloudConfig
-          ref="yamlEditor"
-          :user-script="userScript"
-          :mode="mode"
-          :network-script="networkScript"
-        />
-
-        <div class="spacer"></div>
-        <Checkbox v-model="installUSBTablet" :mode="mode" class="check" type="checkbox" :label="t('harvester.virtualMachine.enableUsb')" />
-      </Tab>
-    </Tabbed>
-  </CruResource>
-</template>

package/detail/harvesterhci.io.virtualmachineimage.vue

@@ -1,118 +0,0 @@
-<script>
-import CopyToClipboardText from '@shell/components/CopyToClipboardText';
-import LabelValue from '@shell/components/LabelValue';
-import { DESCRIPTION, HCI } from '@shell/config/labels-annotations';
-import Tabbed from '@shell/components/Tabbed';
-import Tab from '@shell/components/Tabbed/Tab';
-import { findBy } from '@shell/utils/array';
-import { get } from '@shell/utils/object';
-
-export default {
-  components: {
-    CopyToClipboardText,
-    Tab,
-    Tabbed,
-    LabelValue
-  },
-
-  props: {
-    value: {
-      type:     Object,
-      required: true,
-    },
-  },
-
-  data() {
-    return {};
-  },
-
-  computed: {
-    formattedValue() {
-      return this.value?.downSize;
-    },
-
-    url() {
-      return this.value?.spec?.url || '-';
-    },
-
-    description() {
-      return this.value?.metadata?.annotations?.[DESCRIPTION] || '-';
-    },
-
-    errorMessage() {
-      const conditions = get(this.value, 'status.conditions');
-
-      return findBy(conditions, 'type', 'Imported')?.message || '-';
-    },
-
-    isUpload() {
-      return this.value?.spec?.sourceType === 'upload';
-    },
-
-    imageName() {
-      return this.value?.metadata?.annotations?.[HCI.IMAGE_NAME] || '-';
-    },
-  }
-};
-</script>
-
-<template>
-  <Tabbed v-bind="$attrs" class="mt-15" :side-tabs="true">
-    <Tab name="detail" :label="t('harvester.virtualMachine.detail.tabs.basics')" class="bordered-table">
-      <div class="row">
-        <div class="col span-12">
-          <LabelValue
-            v-if="isUpload"
-            :name="t('harvester.image.fileName')"
-            :value="imageName"
-            class="mb-20"
-          />
-          <LabelValue
-            v-else
-            :name="t('harvester.image.url')"
-            :value="url"
-            class="mb-20"
-          >
-            <template #value>
-              <div v-if="url !== '-'">
-                <CopyToClipboardText :text="url" />
-              </div>
-              <div v-else>
-                {{ url }}
-              </div>
-            </template>
-          </LabelValue>
-        </div>
-      </div>
-
-      <div class="row">
-        <div class="col span-12">
-          <LabelValue :name="t('harvester.image.size')" :value="formattedValue" class="mb-20" />
-        </div>
-      </div>
-
-      <div class="row">
-        <div class="col span-12">
-          <LabelValue :name="t('nameNsDescription.description.label')" :value="description" class="mb-20" />
-        </div>
-      </div>
-
-      <div v-if="errorMessage !== '-'" class="row">
-        <div class="col span-12">
-          <div>
-            {{ t('tableHeaders.message') }}
-          </div>
-          <div :class="{ 'error': errorMessage !== '-' }">
-            {{ errorMessage }}
-          </div>
-        </div>
-      </div>
-    </Tab>
-  </Tabbed>
-</template>
-
-<style lang="scss" scoped>
-.error {
-  color: var(--error);
-}
-</style>

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

@@ -1,279 +0,0 @@
-<script>
-import HarvesterIpAddress from '@shell/components/formatter/HarvesterIpAddress';
-import VMConsoleBar from '@shell/components/VMConsoleBar';
-import LabelValue from '@shell/components/LabelValue';
-import InputOrDisplay from '@shell/components/InputOrDisplay';
-import { HCI } from '@shell/config/types';
-import CreateEditView from '@shell/mixins/create-edit-view';
-
-const UNDEFINED = 'n/a';
-
-export default {
-  name: 'Details',
-
-  components: {
-    VMConsoleBar,
-    HarvesterIpAddress,
-    LabelValue,
-    InputOrDisplay
-  },
-
-  mixins: [CreateEditView],
-
-  props: {
-    value: {
-      type:     Object,
-      required: true
-    },
-    resource: {
-      type:     Object,
-      required: true,
-      default:  () => {
-        return {};
-      }
-    },
-    mode: {
-      type:     String,
-      required: true,
-    },
-  },
-
-  computed: {
-    creationTimestamp() {
-      const date = new Date(this.value?.metadata?.creationTimestamp);
-
-      if (!date.getMonth) {
-        return UNDEFINED;
-      }
-
-      return `${ date.getMonth() + 1 }/${ date.getDate() }/${ date.getUTCFullYear() }`;
-    },
-
-    node() {
-      return this.resource?.status?.nodeName || UNDEFINED;
-    },
-
-    hostname() {
-      return this.resource?.spec?.hostname || this.resource?.status?.guestOSInfo?.hostname;
-    },
-
-    imageName() {
-      const imageList = this.$store.getters['harvester/all'](HCI.IMAGE) || [];
-
-      const image = imageList.find( (I) => {
-        return this.value.rootImageId === I.id;
-      });
-
-      return image?.spec?.displayName || 'N/A';
-    },
-
-    disks() {
-      const disks = this.value?.spec?.template?.spec?.domain?.devices?.disks || [];
-
-      return disks.filter((disk) => {
-        return !!disk.bootOrder;
-      }).sort((a, b) => {
-        if (a.bootOrder < b.bootOrder) {
-          return -1;
-        }
-
-        return 1;
-      });
-    },
-
-    cdroms() {
-      const disks = this.value?.spec?.template?.spec?.domain?.devices?.disks || [];
-
-      return disks.filter((disk) => {
-        return !!disk.cdrom;
-      });
-    },
-
-    flavor() {
-      const domain = this.value?.spec?.template?.spec?.domain;
-
-      return `${ domain.cpu?.cores } vCPU , ${ domain.resources?.limits?.memory } ${ this.t('harvester.virtualMachine.input.memory') }`;
-    },
-
-    kernelRelease() {
-      return this.resource?.status?.guestOSInfo?.kernelRelease;
-    },
-
-    operatingSystem() {
-      return this.resource?.status?.guestOSInfo?.prettyName;
-    },
-
-    isDown() {
-      return this.isEmpty(this.resource);
-    },
-
-    machineType() {
-      return this.value?.spec?.template?.spec?.domain?.machine?.type || undefined;
-    }
-  },
-
-  methods: {
-    getDeviceType(o) {
-      if (o.disk) {
-        return 'Disk';
-      } else {
-        return 'CD-ROM';
-      }
-    },
-    isEmpty(o) {
-      return o !== undefined && Object.keys(o).length === 0;
-    }
-  }
-};
-</script>
-
-<template>
-  <div class="overview-basics">
-    <div class="row">
-      <div class="col span-6">
-        <LabelValue :name="t('harvester.virtualMachine.detail.details.name')" :value="value.nameDisplay">
-          <template #value>
-            <div class="smart-row">
-              <div class="console">
-                {{ value.nameDisplay }} <VMConsoleBar :resource="value" class="consoleBut" />
-              </div>
-            </div>
-          </template>
-        </LabelValue>
-      </div>
-
-      <div class="col span-6">
-        <LabelValue :name="t('harvester.fields.image')" :value="imageName" />
-      </div>
-    </div>
-
-    <div class="row">
-      <div class="col span-6">
-        <LabelValue :name="t('harvester.virtualMachine.detail.details.hostname')" :value="hostname">
-          <template #value>
-            <div v-if="!isDown">
-              {{ hostname || t("harvester.virtualMachine.detail.GuestAgentNotInstalled") }}
-            </div>
-            <div v-else>
-              {{ t("harvester.virtualMachine.detail.details.down") }}
-            </div>
-          </template>
-        </LabelValue>
-      </div>
-
-      <div class="col span-6">
-        <LabelValue :name="t('harvester.virtualMachine.detail.details.node')" :value="node">
-          <template #value>
-            <div v-if="!isDown">
-              {{ node }}
-            </div>
-            <div v-else>
-              {{ t("harvester.virtualMachine.detail.details.down") }}
-            </div>
-          </template>
-        </LabelValue>
-      </div>
-    </div>
-
-    <div class="row">
-      <div class="col span-6">
-        <LabelValue :name="t('harvester.virtualMachine.detail.details.ipAddress')">
-          <template #value>
-            <HarvesterIpAddress v-model="value.id" :row="value" />
-          </template>
-        </LabelValue>
-      </div>
-
-      <div class="col span-6">
-        <LabelValue :name="t('harvester.virtualMachine.detail.details.created')" :value="creationTimestamp" />
-      </div>
-    </div>
-
-    <hr class="section-divider" />
-
-    <h2>{{ t('harvester.virtualMachine.detail.tabs.configurations') }}</h2>
-
-    <div class="row">
-      <div class="col span-6">
-        <InputOrDisplay :name="t('harvester.virtualMachine.detail.details.bootOrder')" :value="disks" :mode="mode">
-          <template #value>
-            <ul>
-              <li v-for="(disk) in disks" :key="disk.bootOrder">
-                {{ disk.bootOrder }}. {{ disk.name }} ({{ getDeviceType(disk) }})
-              </li>
-            </ul>
-          </template>
-        </InputOrDisplay>
-      </div>
-      <div class="col span-6">
-        <InputOrDisplay :name="t('harvester.virtualMachine.detail.details.CDROMs')" :value="cdroms" :mode="mode">
-          <template #value>
-            <div>
-              <ul v-if="cdroms.length > 0">
-                <li v-for="(rom) in cdroms" :key="rom.name">
-                  {{ rom.name }}
-                </li>
-              </ul>
-              <span v-else>
-                {{ t("harvester.virtualMachine.detail.notAvailable") }}
-              </span>
-            </div>
-          </template>
-        </InputOrDisplay>
-      </div>
-    </div>
-    <div class="row">
-      <div class="col span-6">
-        <LabelValue :name="t('harvester.virtualMachine.detail.details.operatingSystem')" :value="operatingSystem || t('harvester.virtualMachine.detail.GuestAgentNotInstalled')" />
-      </div>
-      <LabelValue :name="t('harvester.virtualMachine.detail.details.flavor')" :value="flavor" />
-    </div>
-    <div class="row">
-      <div class="col span-6">
-        <LabelValue :name="t('harvester.virtualMachine.detail.details.kernelRelease')" :value="kernelRelease || t('harvester.virtualMachine.detail.GuestAgentNotInstalled')" />
-      </div>
-
-      <div class="col span-6">
-        <LabelValue :name="t('harvester.virtualMachine.input.MachineType')" :value="machineType" />
-      </div>
-    </div>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-  .consoleBut {
-    position: relative;
-    top: -20px;
-    left: 38px;
-  }
-
-  .overview-basics {
-    display: grid;
-    grid-template-columns: 100%;
-    grid-template-rows: auto;
-    grid-row-gap: 15px;
-
-    .badge-state {
-      padding: 2px 5px;
-      font-size: 12px;
-      margin-right: 3px;
-    }
-
-    .smart-row {
-      display: flex;
-      flex-direction: row;
-
-      .console {
-        display: flex;
-      }
-    }
-
-    &__name {
-      flex: 1;
-    }
-
-    &__ssh-key {
-      min-width: 150px;
-    }
-  }
-</style>

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

@@ -1,75 +0,0 @@
-<script>
-import { REASON } from '@shell/config/table-headers';
-import SortableTable from '@shell/components/SortableTable';
-
-export default {
-  name: 'VirtualMachineEvents',
-
-  components: { SortableTable },
-
-  props: {
-    events: {
-      type:     Array,
-      required: true,
-    },
-  },
-
-  data() {
-    const reason = {
-      ...REASON,
-      canBeVariable: true,
-      width:         180
-    };
-
-    const eventHeaders = [
-      reason,
-      {
-        name:          'resource',
-        label:         'Resource',
-        labelKey:      'clusterIndexPage.sections.events.resource.label',
-        value:         'displayInvolvedObject',
-        sort:          ['involvedObject.kind', 'involvedObject.name'],
-        canBeVariable: true,
-      },
-      {
-        align:         'right',
-        name:          'date',
-        label:         'Date',
-        labelKey:      'clusterIndexPage.sections.events.date.label',
-        value:         'lastTimestamp',
-        sort:          'lastTimestamp:desc',
-        formatter:     'LiveDate',
-        formatterOpts: { addSuffix: true },
-        width:         125,
-        defaultSort:   true,
-      },
-    ];
-
-    return { eventHeaders };
-  },
-
-};
-</script>
-
-<template>
-  <SortableTable
-    :rows="events"
-    :headers="eventHeaders"
-    key-field="id"
-    :search="false"
-    :table-actions="false"
-    :row-actions="false"
-    :paging="true"
-    :rows-per-page="10"
-    default-sort-by="date"
-  >
-    <template #cell:resource="{row, value}">
-      <div class="text-info">
-        {{ value }}
-      </div>
-      <div v-if="row.message">
-        {{ row.displayMessage }}
-      </div>
-    </template>
-  </SortableTable>
-</template>