@rancher/shell 0.1.1 → 0.1.3

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

@@ -1,533 +0,0 @@
-<script>
-import { mapGetters } from 'vuex';
-import Tabbed from '@shell/components/Tabbed';
-import Tab from '@shell/components/Tabbed/Tab';
-import Footer from '@shell/components/form/Footer';
-import InfoBox from '@shell/components/InfoBox';
-import NameNsDescription from '@shell/components/form/NameNsDescription';
-import { LabeledInput } from '@components/Form/LabeledInput';
-import LabeledSelect from '@shell/components/form/LabeledSelect';
-import ArrayListGrouped from '@shell/components/form/ArrayListGrouped';
-import ButtonDropdown from '@shell/components/ButtonDropdown';
-import CreateEditView from '@shell/mixins/create-edit-view';
-import { HCI as HCI_LABELS_ANNOTATIONS } from '@shell/config/labels-annotations';
-import { HCI, LONGHORN } from '@shell/config/types';
-import { allHash } from '@shell/utils/promise';
-import { formatSi } from '@shell/utils/units';
-import { findBy } from '@shell/utils/array';
-import { clone } from '@shell/utils/object';
-import { exceptionToErrorsArray } from '@shell/utils/error';
-import KeyValue from '@shell/components/form/KeyValue';
-import { sortBy } from '@shell/utils/sort';
-import { Banner } from '@components/Banner';
-import HarvesterDisk from './HarvesterDisk';
-
-const LONGHORN_SYSTEM = 'longhorn-system';
-
-export default {
-  name:       'HarvesterEditNode',
-  components: {
-    Footer,
-    Tabbed,
-    InfoBox,
-    Tab,
-    LabeledInput,
-    LabeledSelect,
-    NameNsDescription,
-    ArrayListGrouped,
-    HarvesterDisk,
-    ButtonDropdown,
-    KeyValue,
-    Banner,
-  },
-  mixins: [CreateEditView],
-  props:  {
-    value: {
-      type:     Object,
-      required: true,
-    }
-  },
-  async fetch() {
-    const inStore = this.$store.getters['currentProduct'].inStore;
-
-    const hash = await allHash({
-      hostNetworks:      this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.NODE_NETWORK }),
-      longhornNodes: this.$store.dispatch(`${ inStore }/findAll`, { type: LONGHORN.NODES }),
-      blockDevices:   this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.BLOCK_DEVICE }),
-    });
-
-    const hostNetworks = hash.hostNetworks;
-    const hostNetworkResource = hostNetworks.find( O => this.value.id === O.attachNodeName);
-
-    if (hostNetworkResource) {
-      this.hostNetworkResource = hostNetworkResource;
-      this.nic = hostNetworkResource.spec?.nic;
-      this.type = hostNetworkResource.spec?.type;
-      this.nics = hostNetworkResource.nics;
-    }
-
-    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);
-    this.blockDeviceOpts = this.getBlockDeviceOpts();
-  },
-  data() {
-    const customName = this.value.metadata?.annotations?.[HCI_LABELS_ANNOTATIONS.HOST_CUSTOM_NAME] || '';
-    const consoleUrl = this.value.metadata?.annotations?.[HCI_LABELS_ANNOTATIONS.HOST_CONSOLE_URL] || '';
-
-    return {
-      hostNetworkResource:  null,
-      customName,
-      consoleUrl,
-      type:                 'vlan',
-      nic:                  '',
-      nics:                 [],
-      disks:                [],
-      newDisks:             [],
-      blockDevice:          [],
-      blockDeviceOpts:      [],
-      filteredLabels:       clone(this.value.filteredSystemLabels),
-    };
-  },
-  computed: {
-    ...mapGetters({ t: 'i18n/t' }),
-    nicsOptions() {
-      return this.nics.filter((N) => {
-        return !(N.masterIndex !== undefined && N.usedByVlanNetwork === undefined);
-      })
-        .map( (N) => {
-          const isRecommended = N.usedByManagementNetwork ? `(${ this.$store.getters['i18n/t']('harvester.host.detail.notRecommended') })` : '';
-
-          const label = `${ N.name }(${ N.type }, ${ N.state })   ${ isRecommended }`;
-
-          return {
-            value:                   N.name,
-            label,
-            state:                   N.state,
-            type:                    N.type,
-            usedByManagementNetwork: N.usedByManagementNetwork,
-          };
-        });
-    },
-    removedDisks() {
-      const out = this.disks.filter((d) => {
-        return !findBy(this.newDisks, 'name', d.name);
-      }) || [];
-
-      return out;
-    },
-    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;
-    },
-
-    showFormattedWarning() {
-      const out = this.newDisks.filter(d => d.forceFormatted && d.isNew) || [];
-
-      return out.length > 0;
-    },
-
-    hasHostNetworksSchema() {
-      const inStore = this.$store.getters['currentProduct'].inStore;
-
-      return !!this.$store.getters[`${ inStore }/schemaFor`](HCI.NODE_NETWORK);
-    },
-
-    hasBlockDevicesSchema() {
-      const inStore = this.$store.getters['currentProduct'].inStore;
-
-      return !!this.$store.getters[`${ inStore }/schemaFor`](HCI.BLOCK_DEVICE);
-    },
-  },
-  watch: {
-    customName(neu) {
-      this.value.setAnnotation(HCI_LABELS_ANNOTATIONS.HOST_CUSTOM_NAME, neu);
-    },
-
-    consoleUrl(neu) {
-      this.value.setAnnotation(HCI_LABELS_ANNOTATIONS.HOST_CONSOLE_URL, neu);
-    },
-
-    newDisks() {
-      this.blockDeviceOpts = this.getBlockDeviceOpts();
-    },
-  },
-
-  created() {
-    if (this.registerBeforeHook) {
-      this.registerBeforeHook(this.willSave, 'willSave');
-    }
-
-    if (this.registerAfterHook) {
-      this.registerAfterHook(this.saveHostNetwork);
-      this.registerAfterHook(this.saveDisk);
-    }
-  },
-
-  methods: {
-    saveHostNetwork() {
-      if (this.hostNetworkResource) {
-        this.hostNetworkResource.save();
-      }
-    },
-    update() {
-      this.$set(this.hostNetworkResource.spec, 'nic', this.nic);
-    },
-    addDisk(id) {
-      const removedDisk = findBy(this.removedDisks, 'blockDevice.id', id);
-
-      if (removedDisk) {
-        return this.newDisks.push(removedDisk);
-      }
-
-      const inStore = this.$store.getters['currentProduct'].inStore;
-      const disk = this.$store.getters[`${ inStore }/byId`](HCI.BLOCK_DEVICE, id);
-      const mountPoint = disk?.spec?.fileSystem?.mountPoint;
-      const lastFormattedAt = disk?.status?.deviceStatus?.fileSystem?.LastFormattedAt;
-
-      let forceFormatted = true;
-      const systems = ['ext4', 'XFS'];
-
-      if (lastFormattedAt) {
-        forceFormatted = false;
-      } else if (systems.includes(disk?.status?.deviceStatus?.fileSystem?.type)) {
-        forceFormatted = false;
-      }
-
-      const name = disk?.metadata?.name;
-
-      this.newDisks.push({
-        name,
-        path:              mountPoint,
-        allowScheduling:   false,
-        evictionRequested: false,
-        storageReserved:   0,
-        isNew:             true,
-        originPath:        disk?.spec?.fileSystem?.mountPoint,
-        blockDevice:       disk,
-        displayName:       disk?.displayName,
-        forceFormatted,
-      });
-    },
-    async saveDisk() {
-      const inStore = this.$store.getters['currentProduct'].inStore;
-      const addDisks = this.newDisks.filter(d => d.isNew);
-      const removeDisks = this.disks.filter(d => !findBy(this.newDisks, 'name', d.name) && d.blockDevice);
-
-      try {
-        await Promise.all(addDisks.map((d) => {
-          const blockDevice = this.$store.getters[`${ inStore }/byId`](HCI.BLOCK_DEVICE, `${ LONGHORN_SYSTEM }/${ d.name }`);
-
-          blockDevice.spec.fileSystem.provisioned = true;
-          blockDevice.spec.fileSystem.forceFormatted = d.forceFormatted;
-
-          return blockDevice.save();
-        }));
-
-        await Promise.all(removeDisks.map((d) => {
-          const blockDevice = this.$store.getters[`${ inStore }/byId`](HCI.BLOCK_DEVICE, `${ LONGHORN_SYSTEM }/${ d.name }`);
-
-          blockDevice.spec.fileSystem.provisioned = false;
-
-          return blockDevice.save();
-        }));
-
-        this.$store.dispatch('growl/success', {
-          title:   this.t('harvester.notification.title.succeed'),
-          message: this.t('harvester.host.disk.notification.success', { name: this.value.metadata?.name || '' }),
-        }, { root: true });
-      } catch (err) {
-        return Promise.reject(exceptionToErrorsArray(err));
-      }
-    },
-
-    canRemove(row) {
-      return !!row?.value?.blockDevice;
-    },
-
-    onRemove(scope) {
-      scope.remove();
-    },
-
-    updateHostLabels(labels) {
-      this.filteredLabels = labels;
-    },
-
-    selectable(opt) {
-      if ( opt.disabled) {
-        return false;
-      }
-
-      return true;
-    },
-    getBlockDeviceOpts() {
-      const inStore = this.$store.getters['currentProduct'].inStore;
-      const blockDevices = this.$store.getters[`${ inStore }/all`](HCI.BLOCK_DEVICE);
-
-      const out = blockDevices
-        .filter((d) => {
-          const addedToNodeCondition = findBy(d?.status?.conditions || [], 'type', 'AddedToNode');
-          const isAdded = findBy(this.newDisks, 'name', d.metadata.name);
-          const isRemoved = findBy(this.removedDisks, 'name', d.metadata.name);
-
-          const deviceType = d.status?.deviceStatus?.details?.deviceType;
-
-          if (deviceType !== 'disk') {
-            return false;
-          }
-
-          if ((!findBy(this.disks || [], 'name', d.metadata.name) &&
-                d?.spec?.nodeName === this.value.id &&
-                (!addedToNodeCondition || addedToNodeCondition?.status === 'False') &&
-                !d.spec?.fileSystem?.provisioned &&
-                !isAdded) ||
-                isRemoved
-          ) {
-            return true;
-          } else {
-            return false;
-          }
-        })
-        .map((d) => {
-          const devPath = d.spec?.devPath;
-          const deviceType = d.status?.deviceStatus?.details?.deviceType;
-          const sizeBytes = d.status?.deviceStatus?.capacity?.sizeBytes;
-          const size = formatSi(sizeBytes, { increment: 1024 });
-          const parentDevice = d.status?.deviceStatus?.parentDevice;
-          const isChildAdded = this.newDisks.find(newDisk => newDisk.blockDevice?.status?.deviceStatus?.parentDevice === devPath);
-          const name = d.displayName;
-
-          let label = `${ name } (Type: ${ deviceType }, Size: ${ size })`;
-
-          if (parentDevice) {
-            label = `- ${ label }`;
-          }
-
-          return {
-            label,
-            value:    d.id,
-            action:   this.addDisk,
-            kind:     !parentDevice ? 'group' : '',
-            disabled: !!(d.childParts.length > 0 || isChildAdded),
-            group:    parentDevice || devPath,
-            isParent: !!parentDevice,
-          };
-        });
-
-      return sortBy(out, ['group', 'isParent', 'label']);
-    },
-
-    ddButtonAction() {
-      this.blockDeviceOpts = this.getBlockDeviceOpts();
-    },
-
-    willSave() {
-      const filteredLabels = this.filteredLabels || {};
-
-      this.value.metadata.labels = {
-        ...this.value.metadata.labels,
-        ...filteredLabels,
-      };
-
-      const originLabels = this.value.filteredSystemLabels;
-
-      Object.keys(originLabels).map((key) => {
-        if (!filteredLabels[key]) {
-          delete this.value.metadata.labels[key];
-        }
-      });
-    },
-  },
-};
-</script>
-<template>
-  <div class="node">
-    <NameNsDescription
-      :value="value"
-      :namespaced="false"
-      :mode="mode"
-    />
-    <Tabbed ref="tabbed" class="mt-15" :side-tabs="true">
-      <Tab name="basics" :weight="100" :label="t('harvester.host.tabs.basics')">
-        <LabeledInput
-          v-model="customName"
-          :label="t('harvester.host.detail.customName')"
-          class="mb-20"
-          :mode="mode"
-        />
-
-        <LabeledInput
-          v-model="consoleUrl"
-          :label="t('harvester.host.detail.consoleUrl')"
-          class="mb-20"
-          :mode="mode"
-        />
-      </Tab>
-      <Tab v-if="hasHostNetworksSchema" name="network" :weight="90" :label="t('harvester.host.tabs.network')">
-        <InfoBox class="wrapper">
-          <div class="row">
-            <div class="col span-6">
-              <LabeledInput
-                v-model="type"
-                label="Type"
-                class="mb-20"
-                :mode="mode"
-                :disabled="true"
-              />
-            </div>
-            <div class="col span-6">
-              <LabeledSelect
-                v-model="nic"
-                :options="nicsOptions"
-                :label="t('harvester.fields.PhysicalNic')"
-                class="mb-20"
-                :mode="mode"
-                :disabled="!hostNetworkResource"
-                @input="update"
-              >
-                <template v-slot:option="option">
-                  <template>
-                    <div class="nicOption">
-                      <span>{{ option.value }}({{ option.type }}, {{ option.state }}) </span> <span class="pull-right">{{ option.usedByManagementNetwork ? t('harvester.host.detail.notRecommended') : '' }}</span>
-                    </div>
-                  </template>
-                </template>
-              </LabeledSelect>
-            </div>
-          </div>
-        </InfoBox>
-      </Tab>
-      <Tab
-        v-if="hasBlockDevicesSchema"
-        name="disk"
-        :weight="80"
-        :label="t('harvester.host.tabs.disk')"
-      >
-        <ArrayListGrouped
-          v-model="newDisks"
-          :mode="mode"
-        >
-          <template #default="props">
-            <HarvesterDisk
-              v-model="props.row.value"
-              class="mb-20"
-              :mode="mode"
-              :disks="disks"
-            />
-          </template>
-          <template #add>
-            <ButtonDropdown
-              v-if="!isView"
-              :button-label="t('harvester.host.disk.add')"
-              :dropdown-options="blockDeviceOpts"
-              size="sm"
-              :selectable="selectable"
-              @click-action="e=>addDisk(e.value)"
-              @dd-button-action="ddButtonAction"
-            >
-              <template #option="option">
-                <template v-if="option.kind === 'group'">
-                  <b>
-                    {{ option.label }}
-                  </b>
-                </template>
-                <div v-else>
-                  {{ option.label }}
-                </div>
-              </template>
-            </ButtonDropdown>
-          </template>
-          <template #remove-button="scope">
-            <button
-              v-if="canRemove(scope.row, scope.i) && !isView"
-              type="button"
-              class="btn role-link close btn-sm"
-              @click="() => onRemove(scope)"
-            >
-              <i class="icon icon-2x icon-x" />
-            </button>
-            <span v-else />
-          </template>
-        </ArrayListGrouped>
-      </Tab>
-      <Tab name="labels" label-key="harvester.host.tabs.labels">
-        <KeyValue
-          key="labels"
-          :value="filteredLabels"
-          :add-label="t('labels.addLabel')"
-          :mode="mode"
-          :title="t('labels.labels.title')"
-          :read-allowed="false"
-          :value-can-be-empty="true"
-          @input="updateHostLabels"
-        />
-      </Tab>
-    </Tabbed>
-    <Banner
-      v-if="showFormattedWarning"
-      color="warning"
-      :label="t('harvester.host.disk.forceFormatted.toolTip')"
-    />
-    <Footer :mode="mode" :errors="errors" @save="save" @done="done" />
-  </div>
-</template>
-<style lang="scss" scoped>
-.wrapper{
-  position: relative;
-}
-.nicOption {
-  display: flex;
-  justify-content: space-between;
-}
-</style>

package/edit/harvesterhci.io.keypair.vue

@@ -1,112 +0,0 @@
-<script>
-import Tabbed from '@shell/components/Tabbed';
-import Tab from '@shell/components/Tabbed/Tab';
-import CruResource from '@shell/components/CruResource';
-import { LabeledInput } from '@components/Form/LabeledInput';
-import NameNsDescription from '@shell/components/form/NameNsDescription';
-import FileSelector, { createOnSelected } from '@shell/components/form/FileSelector';
-
-import { randomStr } from '@shell/utils/string';
-import CreateEditView from '@shell/mixins/create-edit-view';
-
-export default {
-  name: 'HarvesterEditKeypair',
-
-  components: {
-    Tab,
-    Tabbed,
-    CruResource,
-    LabeledInput,
-    FileSelector,
-    NameNsDescription
-  },
-
-  mixins: [CreateEditView],
-
-  props: {
-    value: {
-      type:     Object,
-      required: true,
-    }
-  },
-
-  data() {
-    if ( !this.value.spec ) {
-      this.value.spec = {};
-      this.value.metadata = { name: '' };
-    }
-
-    return {
-      publicKey:    this.value.spec.publicKey || '',
-      randomString: '',
-    };
-  },
-
-  watch: {
-    publicKey(neu) {
-      this.value.spec.publicKey = neu;
-
-      const splitSSH = neu.split(/\s+/);
-
-      if (splitSSH.length === 3) {
-        if (splitSSH[2].includes('@') && !this.value.metadata.name) {
-          this.value.metadata.name = splitSSH[2].split('@')[0];
-          this.randomString = randomStr(10).toLowerCase();
-        }
-      }
-    }
-  },
-
-  methods: { onKeySelected: createOnSelected('publicKey') },
-};
-</script>
-
-<template>
-  <div class="keypair-card">
-    <CruResource
-      :done-route="doneRoute"
-      :resource="value"
-      :mode="mode"
-      :errors="errors"
-      :apply-hooks="applyHooks"
-      @finish="save"
-    >
-      <div class="header mb-20">
-        <FileSelector
-          v-if="isCreate"
-          class="btn btn-sm bg-primary mt-10"
-          :label="t('generic.readFromFile')"
-          accept=".pub"
-          @selected="onKeySelected"
-        />
-      </div>
-
-      <NameNsDescription
-        ref="nd"
-        :key="randomString"
-        v-model="value"
-        :mode="mode"
-      />
-
-      <Tabbed v-bind="$attrs" class="mt-15" :side-tabs="true">
-        <Tab name="basic" :label="t('harvester.sshKey.tabs.basics')" :weight="1" class="bordered-table">
-          <LabeledInput
-            v-model="publicKey"
-            type="multiline"
-            :mode="mode"
-            :min-height="160"
-            :label="t('harvester.sshKey.keypair')"
-            required
-          />
-        </Tab>
-      </Tabbed>
-    </CruResource>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.header {
-  display: flex;
-  justify-content: flex-end;
-}
-</style>

package/edit/harvesterhci.io.managedchart/index.vue

@@ -1,25 +0,0 @@
-<script>
-import CreateEditView from '@shell/mixins/create-edit-view';
-import Setting from '@shell/edit/harvesterhci.io.setting';
-
-export default {
-  name:       'EditManagedChart',
-  components: { Setting },
-  mixins:     [CreateEditView],
-
-  props: {
-    value: {
-      type:     Object,
-      required: true,
-    }
-  },
-};
-</script>
-
-<template>
-  <Setting
-    :initial-value="initialValue"
-    :live-value="liveValue"
-    :value="value"
-  />
-</template>