@rancher/shell 0.1.1 → 0.1.3

package/detail/harvesterhci.io.host/HarvesterHostDisk.vue

@@ -1,200 +0,0 @@
-<script>
-import LabelValue from '@shell/components/LabelValue';
-import { BadgeState } from '@components/BadgeState';
-import { Banner } from '@components/Banner';
-
-export default {
-  components: {
-    LabelValue,
-    BadgeState,
-    Banner,
-  },
-
-  props:      {
-    value: {
-      type:    Object,
-      default: () => {
-        return {};
-      },
-    },
-    disks: {
-      type:    Array,
-      default: () => [],
-    },
-    mode: {
-      type:    String,
-      default: 'edit',
-    },
-  },
-  data() {
-    return {};
-  },
-  computed: {
-    allowSchedulingOptions() {
-      return [{
-        label: this.t('generic.enabled'),
-        value: true,
-      }, {
-        label: this.t('generic.disabled'),
-        value: false,
-      }];
-    },
-
-    evictionRequestedOptions() {
-      return [{
-        label: this.t('generic.yes'),
-        value: true,
-      }, {
-        label: this.t('generic.no'),
-        value: false,
-      }];
-    },
-
-    readyCondiction() {
-      return this.value?.conditions?.Ready || {};
-    },
-
-    schedulableCondiction() {
-      return this.value?.conditions?.Schedulable || {};
-    },
-
-    provisionPhase() {
-      return this.value?.blockDevice?.provisionPhase || {};
-    },
-
-    mountedMessage() {
-      const state = this.value?.blockDevice?.metadata?.state || {};
-
-      if (state?.error) {
-        return state?.message;
-      } else {
-        return '';
-      }
-    },
-  },
-  methods: {
-    update() {
-      this.$emit('input', this.value);
-    },
-
-    canEditPath(value) {
-      if (this.mountedMessage) {
-        return true;
-      }
-
-      if (value.isNew && !!value.originPath) {
-        return true;
-      }
-
-      return false;
-    },
-  },
-};
-</script>
-
-<template>
-  <div class="disk" @input="update">
-    <div class="mt-30" />
-    <Banner
-      v-if="mountedMessage"
-      color="error"
-      :label="mountedMessage"
-    />
-    <div v-if="!value.isNew">
-      <div class="row">
-        <div class="col span-12">
-          <div class="pull-right">
-            Conditions:
-            <BadgeState
-              v-tooltip="readyCondiction.message"
-              :color="readyCondiction.status === 'True' ? 'bg-success' : 'bg-error' "
-              :icon="readyCondiction.status === 'True' ? 'icon-checkmark' : 'icon-warning' "
-              label="Ready"
-              class="mr-10 ml-10 state"
-            />
-            <BadgeState
-              v-tooltip="schedulableCondiction.message"
-              :color="schedulableCondiction.status === 'True' ? 'bg-success' : 'bg-error' "
-              :icon="schedulableCondiction.status === 'True' ? 'icon-checkmark' : 'icon-warning' "
-              label="Schedulable"
-              class="mr-10 state"
-            />
-            <BadgeState
-              v-if="provisionPhase.label"
-              :color="provisionPhase.color"
-              :icon="provisionPhase.icon"
-              :label="provisionPhase.label"
-              class="mr-10 state"
-            />
-          </div>
-        </div>
-      </div>
-      <div v-if="!value.isNew" class="row mt-30">
-        <div class="col span-4">
-          <LabelValue
-            name="Storage Available"
-            :value="value.storageAvailable"
-          />
-        </div>
-        <div class="col span-4">
-          <LabelValue
-            name="Storage Scheduled"
-            :value="value.storageScheduled"
-          />
-        </div>
-        <div class="col span-4">
-          <LabelValue
-            name="Storage Max"
-            :value="value.storageMaximum"
-          />
-        </div>
-      </div>
-      <hr class="mt-10" />
-    </div>
-    <div class="row mt-10">
-      <div class="col span-4">
-        <LabelValue
-          :name="t('generic.name')"
-          :value="value.displayName"
-        />
-      </div>
-      <div class="col span-4">
-        <LabelValue
-          :name="t('harvester.host.disk.path.label')"
-          :value="value.path"
-        />
-      </div>
-    </div>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.close {
-  top: 10px;
-  right: 10px;
-  padding:0;
-  position: absolute;
-}
-
-.disk {
-  position: relative;
-
-  .secret-name {
-    height: $input-height;
-  }
-
-  &:not(:last-of-type) {
-    padding-bottom: 10px;
-    margin-bottom: 30px;
-  }
-}
-
-.flex {
-  display: flex;
-  justify-content: space-between;
-}
-
-.badge-state {
-    padding: 2px 5px;
-}
-</style>

package/detail/harvesterhci.io.host/HarvesterHostNetwork.vue

@@ -1,89 +0,0 @@
-<script>
-import LabelValue from '@shell/components/LabelValue';
-import InputOrDisplay from '@shell/components/InputOrDisplay';
-import { _CREATE } from '@shell/config/query-params';
-
-export default {
-  name: 'HarvesterHostNetwork',
-
-  components: {
-    LabelValue,
-    InputOrDisplay,
-  },
-
-  props: {
-    value: {
-      type:     Object,
-      required: true,
-    },
-
-    mode: {
-      type:    String,
-      default: _CREATE,
-    },
-  },
-};
-</script>
-
-<template>
-  <div>
-    <div class="row">
-      <div class="col span-6">
-        <LabelValue
-          :name="t('generic.name')"
-          :value="value.name"
-        />
-      </div>
-      <div class="col span-6">
-        <LabelValue
-          :name="t('tableHeaders.state')"
-          :value="value.state"
-        />
-      </div>
-    </div>
-    <div class="row mt-10">
-      <div class="col span-6">
-        <LabelValue
-          :name="t('tableHeaders.type')"
-          :value="value.type"
-        />
-      </div>
-      <div class="col span-6">
-        <LabelValue
-          :name="t('harvester.fields.macAddress')"
-          :value="value.mac"
-        />
-      </div>
-    </div>
-    <div class="row mt-10">
-      <div class="col span-6">
-        <InputOrDisplay
-          :name="t('harvester.fields.ipv4Address')"
-          :value="value.ipv4Address"
-          :mode="mode"
-        >
-          <template #value>
-            <ul>
-              <li v-for="a in value.ipv4Address" :key="a">
-                {{ a }}
-              </li>
-            </ul>
-          </template>
-        </InputOrDisplay>
-      </div>
-      <div
-        v-if="value.promiscuous === 'true'"
-        class="col span-6"
-      >
-        <LabelValue
-          :name="t('harvester.fields.promiscuous')"
-          :value="value.promiscuous"
-        >
-          <template #value>
-            {{ value.promiscuous === 'true' ? t('generic.yes') : t('generic.no') }}
-          </template>
-        </LabelValue>
-      </div>
-    </div>
-  </div>
-</template>

package/detail/harvesterhci.io.host/VirtualMachineInstance.vue

@@ -1,134 +0,0 @@
-<script>
-import { STATE, AGE, NAME } from '@shell/config/table-headers';
-import SortableTable from '@shell/components/SortableTable';
-import Loading from '@shell/components/Loading';
-import HarvesterVmState from '@shell/components/formatter/HarvesterVmState';
-import { allHash } from '@shell/utils/promise';
-import { HCI } from '@shell/config/types';
-import { HOSTNAME } from '@shell/config/labels-annotations';
-
-export default {
-  name: 'InstanceNode',
-
-  components: {
-    SortableTable,
-    Loading,
-    HarvesterVmState,
-  },
-
-  props: {
-    node: {
-      type:     Object,
-      required: true,
-    },
-  },
-
-  async fetch() {
-    const hash = await allHash({
-      vms:                 this.$store.dispatch('harvester/findAll', { type: HCI.VM }),
-      vmis:                this.$store.dispatch('harvester/findAll', { type: HCI.VMI }),
-      allNodeNetwork:      this.$store.dispatch('harvester/findAll', { type: HCI.NODE_NETWORK }),
-      allClusterNetwork:   this.$store.dispatch('harvester/findAll', { type: HCI.CLUSTER_NETWORK }),
-    });
-    const instanceMap = {};
-
-    (hash.vmis || []).forEach((vmi) => {
-      const vmiUID = vmi?.metadata?.ownerReferences?.[0]?.uid;
-
-      if (vmiUID) {
-        instanceMap[vmiUID] = vmi;
-      }
-    });
-
-    this.allNodeNetwork = hash.allNodeNetwork;
-    this.allClusterNetwork = hash.allClusterNetwork;
-    this.rows = hash.vms.filter((row) => {
-      return instanceMap[row.metadata?.uid]?.status?.nodeName === this.node?.metadata?.labels?.[HOSTNAME];
-    });
-  },
-
-  data() {
-    return {
-      rows:              [],
-      allNodeNetwork:    [],
-      allClusterNetwork: []
-    };
-  },
-
-  computed: {
-    headers() {
-      return [
-        STATE,
-        NAME,
-        {
-          name:      'vmCPU',
-          labelKey:  'tableHeaders.cpu',
-          sort:      'vmCPU',
-          search:    false,
-          value:     'spec.template.spec.domain.cpu.cores',
-          width:     120
-        },
-        {
-          name:      'vmRAM',
-          labelKey:  'glance.memory',
-          sort:      'vmRAM',
-          search:    false,
-          value:     'spec.template.spec.domain.resources.limits.memory',
-          width:     120
-        },
-        {
-          name:      'ip',
-          label:     'IP Address',
-          labelKey:  'harvester.tableHeaders.vm.ipAddress',
-          value:     'id',
-          formatter: 'HarvesterIpAddress'
-        },
-        {
-          ...AGE,
-          sort: 'metadata.creationTimestamp:desc',
-        }
-      ];
-    },
-  },
-
-  methods: {}
-};
-</script>
-
-<template>
-  <Loading v-if="$fetchState.pending" />
-  <div v-else id="host-instances" class="row">
-    <div class="col span-12">
-      <SortableTable
-        v-bind="$attrs"
-        :headers="headers"
-        default-sort-by="age"
-        :rows="rows"
-        key-field="_key"
-        v-on="$listeners"
-      >
-        <template slot="cell:state" slot-scope="scope" class="state-col">
-          <div class="state">
-            <HarvesterVmState class="vmstate" :row="scope.row" :all-node-network="allNodeNetwork" :all-cluster-network="allClusterNetwork" />
-          </div>
-        </template>
-      </Sortabletable>
-    </div>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-#host-instances {
-  ::v-deep thead th {
-    vertical-align: middle;
-  }
-
-  ::v-deep .state {
-    display: flex;
-
-    .vmstate {
-      margin-right: 6px;
-    }
-  }
-}
-</style>

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

@@ -1,243 +0,0 @@
-<script>
-import Tabbed from '@shell/components/Tabbed';
-import Tab from '@shell/components/Tabbed/Tab';
-import metricPoller from '@shell/mixins/metric-poller';
-import {
-  METRIC, NODE, HCI, LONGHORN, POD
-} from '@shell/config/types';
-import { allHash } from '@shell/utils/promise';
-import { formatSi } from '@shell/utils/units';
-import ArrayListGrouped from '@shell/components/form/ArrayListGrouped';
-import { findBy } from '@shell/utils/array';
-import { clone } from '@shell/utils/object';
-import Basic from './HarvesterHostBasic';
-import Instance from './VirtualMachineInstance';
-import Disk from './HarvesterHostDisk';
-import Network from './HarvesterHostNetwork';
-
-export default {
-  name: 'DetailHost',
-
-  components: {
-    Tabbed,
-    Tab,
-    Basic,
-    Instance,
-    ArrayListGrouped,
-    Disk,
-    Network,
-  },
-  mixins: [metricPoller],
-
-  props: {
-    value: {
-      type:     Object,
-      required: true,
-    },
-  },
-
-  async fetch() {
-    const inStore = this.$store.getters['currentProduct'].inStore;
-
-    const hash = {
-      nodes:         this.$store.dispatch('harvester/findAll', { type: NODE }),
-      pods:          this.$store.dispatch(`${ inStore }/findAll`, { type: POD }),
-    };
-
-    if (this.$store.getters['harvester/schemaFor'](HCI.NODE_NETWORK)) {
-      hash.hostNetworks = this.$store.dispatch('harvester/findAll', { type: HCI.NODE_NETWORK });
-    }
-
-    if (this.$store.getters['harvester/schemaFor'](HCI.BLOCK_DEVICE)) {
-      hash.blockDevices = this.$store.dispatch('harvester/findAll', { type: HCI.BLOCK_DEVICE });
-    }
-
-    if (this.$store.getters['harvester/schemaFor'](LONGHORN.NODES)) {
-      hash.longhornNodes = this.$store.dispatch('harvester/findAll', { type: LONGHORN.NODES });
-    }
-
-    const res = await allHash(hash);
-    const hostNetworkResource = (res.hostNetworks || []).find( O => this.value.id === O.attachNodeName);
-
-    this.loadMetrics();
-
-    if (hostNetworkResource) {
-      this.hostNetworkResource = hostNetworkResource;
-    }
-
-    const blockDevices = this.$store.getters[`${ inStore }/all`](HCI.BLOCK_DEVICE);
-    const provisionedBlockDevices = blockDevices.filter((d) => {
-      const provisioned = d?.spec?.fileSystem?.provisioned;
-      const isCurrentNode = d?.spec?.nodeName === this.value.id;
-      const isLonghornMounted = findBy(this.longhornDisks, 'name', d.metadata.name);
-
-      return provisioned && isCurrentNode && !isLonghornMounted;
-    })
-      .map((d) => {
-        return {
-          isNew:          true,
-          name:           d?.metadata?.name,
-          originPath:     d?.spec?.fileSystem?.mountPoint,
-          path:           d?.spec?.fileSystem?.mountPoint,
-          blockDevice:    d,
-          displayName:    d?.displayName,
-          forceFormatted: d?.spec?.fileSystem?.forceFormatted || false,
-        };
-      });
-
-    const disks = [...this.longhornDisks, ...provisionedBlockDevices];
-
-    this.disks = disks;
-    this.newDisks = clone(disks);
-  },
-
-  data() {
-    return {
-      metrics:               null,
-      mode:                  'view',
-      hostNetworkResource:   null,
-      newDisks:              [],
-      disks:                 [],
-    };
-  },
-
-  computed: {
-    longhornDisks() {
-      const inStore = this.$store.getters['currentProduct'].inStore;
-      const longhornNode = this.$store.getters[`${ inStore }/byId`](LONGHORN.NODES, `longhorn-system/${ this.value.id }`);
-      const diskStatus = longhornNode?.status?.diskStatus || {};
-      const diskSpec = longhornNode?.spec?.disks || {};
-
-      const formatOptions = {
-        increment:    1024,
-        minExponent:  3,
-        maxExponent:  3,
-        maxPrecision: 2,
-        suffix:       'iB',
-      };
-
-      const longhornDisks = Object.keys(diskStatus).map((key) => {
-        const blockDevice = this.$store.getters[`${ inStore }/byId`](HCI.BLOCK_DEVICE, `longhorn-system/${ key }`);
-
-        return {
-          ...diskStatus[key],
-          ...diskSpec?.[key],
-          name:             key,
-          isNew:            false,
-          storageReserved:  formatSi(diskSpec[key]?.storageReserved, formatOptions),
-          storageAvailable: formatSi(diskStatus[key]?.storageAvailable, formatOptions),
-          storageMaximum:   formatSi(diskStatus[key]?.storageMaximum, formatOptions),
-          storageScheduled: formatSi(diskStatus[key]?.storageScheduled, formatOptions),
-          blockDevice,
-          displayName:      blockDevice?.displayName || key,
-          forceFormatted:   blockDevice?.spec?.fileSystem?.forceFormatted || false,
-        };
-      });
-
-      return longhornDisks;
-    },
-
-    network() {
-      const inStore = this.$store.getters['currentProduct'].inStore;
-      const networks = this.$store.getters[`${ inStore }/all`](HCI.NODE_NETWORK);
-
-      return findBy(networks, 'spec.nodeName', this.value.id) || {};
-    },
-
-    networkLinks() {
-      const networkLinkStatus = this.network?.status?.networkLinkStatus || {};
-
-      const out = Object.keys(networkLinkStatus).map((key) => {
-        const obj = networkLinkStatus[key] || {};
-
-        return {
-          ...obj,
-          name:        key,
-          promiscuous: obj.promiscuous ? 'true' : 'false',
-        };
-      });
-
-      return out;
-    },
-
-    hasBlockDevicesSchema() {
-      return !!this.$store.getters['harvester/schemaFor'](HCI.BLOCK_DEVICE);
-    },
-
-    hasHostNetworksSchema() {
-      return !!this.$store.getters['harvester/schemaFor'](HCI.NODE_NETWORK);
-    }
-  },
-
-  methods: {
-    async loadMetrics() {
-      const schema = this.$store.getters['harvester/schemaFor'](METRIC.NODE);
-
-      if (schema) {
-        this.metrics = await this.$store.dispatch('harvester/find', {
-          type: METRIC.NODE,
-          id:   this.value.id,
-          opt:  { force: true, watch: false }
-        });
-
-        this.$forceUpdate();
-      }
-    },
-
-  }
-};
-</script>
-
-<template>
-  <div>
-    <Tabbed v-bind="$attrs" class="mt-15" :side-tabs="true">
-      <Tab name="basics" :label="t('harvester.host.tabs.basics')" :weight="4" class="bordered-table">
-        <Basic v-model="value" :metrics="metrics" :mode="mode" :host-network-resource="hostNetworkResource" />
-      </Tab>
-      <Tab name="instance" :label="t('harvester.host.tabs.instance')" :weight="3" class="bordered-table">
-        <Instance :node="value" />
-      </Tab>
-      <Tab
-        v-if="hasHostNetworksSchema"
-        name="network"
-        :label="t('harvester.host.tabs.network')"
-        :weight="2"
-        class="bordered-table"
-      >
-        <ArrayListGrouped
-          v-model="networkLinks"
-          :mode="mode"
-          :can-remove="false"
-        >
-          <template #default="props">
-            <Network
-              :value="props.row.value"
-              :mode="mode"
-            />
-          </template>
-        </ArrayListGrouped>
-      </Tab>
-      <Tab
-        v-if="hasBlockDevicesSchema"
-        name="disk"
-        :weight="1"
-        :label="t('harvester.host.tabs.disk')"
-      >
-        <ArrayListGrouped
-          v-model="newDisks"
-          :mode="mode"
-          :can-remove="false"
-        >
-          <template #default="props">
-            <Disk
-              v-model="props.row.value"
-              class="mb-20"
-              :mode="mode"
-              :disks="disks"
-            />
-          </template>
-        </ArrayListGrouped>
-      </Tab>
-    </Tabbed>
-  </div>
-</template>