@rancher/shell 0.1.2 → 0.1.4

package/pages/c/_cluster/harvester/airgapupgrade/index.vue

@@ -1,309 +0,0 @@
-<script>
-import CruResource from '@shell/components/CruResource';
-import { RadioGroup } from '@components/Form/Radio';
-import { LabeledInput } from '@components/Form/LabeledInput';
-import LabeledSelect from '@shell/components/form/LabeledSelect';
-import UpgradeInfo from '@shell/list/harvesterhci.io.dashboard/UpgradeInfo';
-
-import { HCI } from '@shell/config/types';
-import { exceptionToErrorsArray } from '@shell/utils/error';
-import { HCI as HCI_ANNOTATIONS } from '@shell/config/labels-annotations';
-
-const IMAGE_METHOD = {
-  NEW:    'new',
-  EXIST:  'exist'
-};
-
-const DOWNLOAD = 'download';
-const UPLOAD = 'upload';
-
-export default {
-  name:       'HarvesterAirgapUpgrade',
-  components: {
-    CruResource, LabeledSelect, LabeledInput, RadioGroup, UpgradeInfo
-  },
-
-  async fetch() {
-    await this.$store.dispatch('harvester/findAll', { type: HCI.IMAGE });
-
-    const value = await this.$store.dispatch('harvester/create', {
-      type:       HCI.UPGRADE,
-      metadata:   {
-        generateName: 'hvst-upgrade-',
-        namespace:    'harvester-system',
-      },
-      spec: { image: '' }
-    });
-
-    const imageValue = await this.$store.dispatch('harvester/create', {
-      type:     HCI.IMAGE,
-      metadata: {
-        name:         '',
-        namespace:    'harvester-system',
-        generateName: 'image-',
-        annotations:  {}
-      },
-      spec:     {
-        sourceType:  UPLOAD,
-        displayName: '',
-        checksum:    ''
-      },
-    });
-
-    this.value = value;
-    this.imageValue = imageValue;
-  },
-
-  data() {
-    return {
-      value:         null,
-      file:          {},
-      imageId:       '',
-      imageSource:   IMAGE_METHOD.NEW,
-      sourceType:    UPLOAD,
-      imageValue:    null,
-      errors:        [],
-      IMAGE_METHOD
-    };
-  },
-
-  computed: {
-    doneRoute() {
-      return 'c-cluster-product-resource';
-    },
-
-    osImageOptions() {
-      return this.$store.getters['harvester/all'](HCI.IMAGE)
-        .filter(I => I.isOSImage)
-        .map((I) => {
-          return {
-            label:    I.spec.displayName,
-            value:    I.id,
-            disabled: !I.isReady
-          };
-        });
-    },
-
-    uploadImage() {
-      return this.imageSource === IMAGE_METHOD.NEW;
-    },
-
-    fileName() {
-      return this.file?.name || '';
-    },
-  },
-
-  methods: {
-    done() {
-      this.$router.push({
-        name:   this.doneRoute,
-        params: { resource: HCI.SETTING, product: 'harvester' }
-      });
-    },
-
-    async save(buttonCb) {
-      let res = null;
-
-      this.errors = [];
-      if (!this.imageValue.spec.displayName && this.uploadImage) {
-        this.errors.push(this.$store.getters['i18n/t']('validation.required', { key: this.t('generic.name') }));
-        buttonCb(false);
-
-        return;
-      }
-
-      try {
-        if (this.imageSource === IMAGE_METHOD.NEW) {
-          this.imageValue.metadata.annotations[HCI_ANNOTATIONS.OS_UPGRADE_IMAGE] = 'True';
-
-          if (this.sourceType === UPLOAD) {
-            this.imageValue.spec.sourceType = UPLOAD;
-            const file = this.file;
-
-            if (!file.name) {
-              this.errors.push(this.$store.getters['i18n/t']('harvester.setting.upgrade.selectExitImage'));
-              buttonCb(false);
-
-              return;
-            }
-
-            this.imageValue.spec.url = '';
-
-            this.imageValue.metadata.annotations[HCI_ANNOTATIONS.IMAGE_NAME] = file.name;
-
-            res = await this.imageValue.save();
-
-            res.uploadImage(file);
-          } else if (this.sourceType === DOWNLOAD) {
-            this.imageValue.spec.sourceType = DOWNLOAD;
-            if (!this.imageValue.spec.url) {
-              this.errors.push(this.$store.getters['i18n/t']('harvester.setting.upgrade.imageUrl'));
-              buttonCb(false);
-
-              return;
-            }
-
-            res = await this.imageValue.save();
-          }
-
-          this.value.spec.image = res.id;
-        } else if (this.imageSource === IMAGE_METHOD.EXIST) {
-          if (!this.imageId) {
-            this.errors.push(this.$store.getters['i18n/t']('harvester.setting.upgrade.chooseFile'));
-
-            return;
-          }
-
-          this.value.spec.image = this.imageId;
-        }
-
-        await this.value.save();
-        this.done();
-        buttonCb(true);
-      } catch (e) {
-        this.errors = exceptionToErrorsArray(e);
-        buttonCb(false);
-      }
-    },
-
-    handleFileUpload() {
-      this.file = this.$refs.file.files[0];
-    },
-
-    selectFile() {
-      this.$refs.file.value = null;
-      this.$refs.file.click();
-    },
-  },
-
-  watch: {
-    'imageValue.spec.url': {
-      handler(neu) {
-        const suffixName = neu?.split('/')?.pop();
-        const splitName = suffixName?.split('.') || [];
-        const fileSuffix = splitName?.pop()?.toLowerCase();
-
-        if (splitName.length > 1 && fileSuffix === 'iso' && !this.imageValue.spec.displayName) {
-          this.imageValue.spec.displayName = suffixName;
-        }
-      },
-      deep: true
-    },
-
-    file(neu) {
-      if (!this.imageValue.spec.displayName && neu.name) {
-        this.imageValue.spec.displayName = neu.name;
-      }
-    }
-  }
-};
-</script>
-
-<template>
-  <div v-if="value" id="air-gap">
-    <h3 class="mb-20">
-      {{ t('harvester.upgradePage.osUpgrade') }}
-    </h3>
-    <CruResource
-      :done-route="doneRoute"
-      :resource="value"
-      mode="create"
-      :errors="errors"
-      :can-yaml="false"
-      finish-button-mode="upgrade"
-      :cancel-event="true"
-      @finish="save"
-      @cancel="done"
-    >
-      <RadioGroup
-        v-model="imageSource"
-        class="image-group"
-        name="image"
-        :options="[
-          IMAGE_METHOD.NEW,
-          IMAGE_METHOD.EXIST,
-        ]"
-        :labels="[
-          t('harvester.upgradePage.uploadNew'),
-          t('harvester.upgradePage.selectExisting'),
-        ]"
-      />
-
-      <UpgradeInfo />
-
-      <div v-if="uploadImage">
-        <LabeledInput v-model.trim="imageValue.spec.displayName" class="mb-20" label-key="harvester.fields.name" required />
-
-        <LabeledInput v-model="imageValue.spec.checksum" class="mb-20" label-key="harvester.setting.upgrade.checksum" />
-
-        <RadioGroup
-          v-model="sourceType"
-          class="mb-20 image-group"
-          name="sourceType"
-          :options="[
-            'upload',
-            'download',
-          ]"
-          :labels="[
-            t('harvester.image.sourceType.upload'),
-            t('harvester.image.sourceType.download')
-          ]"
-        />
-
-        <LabeledInput
-          v-if="sourceType === 'download'"
-          v-model.trim="imageValue.spec.url"
-          class="labeled-input--tooltip"
-          required
-          label-key="harvester.image.url"
-        />
-
-        <div v-else class="chooseFile">
-          <button
-            type="button"
-            class="btn role-primary"
-            @click="selectFile"
-          >
-            {{ t('harvester.image.uploadFile') }}
-            <input
-              v-show="false"
-              id="file"
-              ref="file"
-              type="file"
-              accept=".iso"
-              @change="handleFileUpload()"
-            />
-          </button>
-
-          <span :class="{ 'text-muted': !fileName }" class="ml-20">
-            {{ fileName ? fileName : t('harvester.generic.noFileChosen') }}
-          </span>
-        </div>
-      </div>
-
-      <LabeledSelect
-        v-else
-        v-model="imageId"
-        :options="osImageOptions"
-        required
-        class="mb-20"
-        label-key="harvester.fields.image"
-      />
-    </CruResource>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-#air-gap {
-  ::v-deep .image-group .radio-group {
-    display: flex;
-    .radio-container {
-      margin-right: 30px;
-    }
-  }
-  .chooseFile {
-    display: flex;
-    align-items: center;
-  }
-}
-</style>

package/pages/c/_cluster/harvester/console/_uid/serial.vue

@@ -1,51 +0,0 @@
-<script>
-import { HCI } from '@shell/config/types';
-import SerialConsole from '@shell/components/form/SerialConsole';
-import Loading from '@shell/components/Loading';
-
-export default {
-  layout: 'blank',
-
-  components: { SerialConsole, Loading },
-
-  async fetch() {
-    this.rows = await this.$store.dispatch('harvester/findAll', { type: HCI.VMI });
-  },
-
-  data() {
-    return { uid: this.$route.params.uid };
-  },
-
-  computed: {
-    vmi() {
-      const vmiList = this.$store.getters['harvester/all'](HCI.VMI) || [];
-      const vmi = vmiList.find( (VMI) => {
-        return VMI?.metadata?.ownerReferences?.[0]?.uid === this.uid;
-      });
-
-      return vmi;
-    },
-  },
-
-  mounted() {
-    window.addEventListener('beforeunload', () => {
-      this.$refs.serialConsole.close();
-    });
-  },
-
-  head() {
-    return { title: this.vmi?.metadata?.name };
-  },
-};
-</script>
-
-<template>
-  <Loading v-if="$fetchState.pending" />
-  <SerialConsole v-else ref="serialConsole" v-model="vmi" />
-</template>
-
-<style lang="scss" scoped>
-  body, #__nuxt, #__layout, main {
-    height: 100%;
-  }
-</style>

package/pages/c/_cluster/harvester/console/_uid/vnc.vue

@@ -1,52 +0,0 @@
-<script>
-import { HCI } from '@shell/config/types';
-import NovncConsoleWrapper from '@shell/components/novnc/NovncConsoleWrapper';
-import Loading from '@shell/components/Loading';
-
-export default {
-  layout: 'blank',
-
-  components: { NovncConsoleWrapper, Loading },
-
-  async fetch() {
-    this.rows = await this.$store.dispatch('harvester/findAll', { type: HCI.VMI });
-  },
-
-  data() {
-    return { uid: this.$route.params.uid };
-  },
-
-  computed: {
-    vmi() {
-      const vmiList = this.$store.getters['harvester/all'](HCI.VMI) || [];
-
-      const vmi = vmiList.find( (VMI) => {
-        return VMI?.metadata?.ownerReferences?.[0]?.uid === this.uid;
-      });
-
-      return vmi;
-    },
-  },
-
-  mounted() {
-    window.addEventListener('beforeunload', () => {
-      this.$refs.console.close();
-    });
-  },
-
-  head() {
-    return { title: this.vmi?.metadata?.name };
-  },
-};
-</script>
-
-<template>
-  <Loading v-if="$fetchState.pending" />
-  <NovncConsoleWrapper v-else ref="console" v-model="vmi" class="novnc-wrapper" />
-</template>
-
-<style>
-HTML, BODY, MAIN, #__nuxt, #__layout, #app, .vm-console, .vm-console > DIV, .vm-console > DIV > DIV {
-  height: 100%;
-}
-</style>

package/pages/c/_cluster/harvester/index.vue

@@ -1,24 +0,0 @@
-<script>
-import { NAME } from '@shell/config/product/harvester';
-import { HCI } from '@shell/config/types';
-
-export default {
-  middleware({ redirect, route } ) {
-    return redirect({
-      name:   'c-cluster-product-resource',
-      params: {
-        ...route.params,
-        product:  NAME,
-        resource: HCI.DASHBOARD,
-      }
-    });
-  }
-};
-
-</script>
-
-<template>
-  <div>
-    This is harvester Dashboard.
-  </div>
-</template>

package/pages/c/_cluster/harvester/support/index.vue

@@ -1,154 +0,0 @@
-<script>
-import { mapGetters } from 'vuex';
-import BannerGraphic from '@shell/components/BannerGraphic';
-import IndentedPanel from '@shell/components/IndentedPanel';
-import SupportBundle from '@shell/components/dialog/harvester/SupportBundle';
-import CommunityLinks from '@shell/components/CommunityLinks';
-import { SCHEMA, HCI } from '@shell/config/types';
-
-export default {
-  layout: 'home',
-
-  components: {
-    BannerGraphic,
-    IndentedPanel,
-    CommunityLinks,
-    SupportBundle,
-  },
-
-  data() {
-    return {
-      options: {
-        'footer.docs':   'https://docs.harvesterhci.io/latest/',
-        'footer.forums': 'https://forums.rancher.com/c/harvester/',
-        'footer.slack':  'https://slack.rancher.io',
-        'footer.issue':  'https://github.com/harvester/harvester/issues/new/choose',
-      },
-    };
-  },
-
-  computed: {
-    ...mapGetters(['currentCluster']),
-
-    title() {
-      return 'harvester.support.title';
-    },
-
-    showSupportBundle() {
-      const inStore = this.$store.getters['currentProduct'].inStore;
-
-      return !!this.$store.getters[`${ inStore }/byId`](SCHEMA, HCI.SUPPORT_BUNDLE);
-    },
-  },
-
-  methods: {
-    open() {
-      this.$store.commit('harvester-common/toggleBundleModal', true);
-    },
-  },
-};
-</script>
-
-<template>
-  <div>
-    <BannerGraphic :title="t(title, {}, true)" />
-
-    <IndentedPanel>
-      <div class="content mt-20">
-        <div class="promo">
-          <div v-if="showSupportBundle" class="box mb-20 box-primary">
-            <h2>
-              {{ t('harvester.modal.bundle.title') }}
-            </h2>
-            <div>
-              <p class="pb-10">
-                {{ t('harvester.modal.bundle.titleDescription') }}
-              </p>
-              <button class="btn role-secondary btn-sm" type="button" @click="open">
-                {{ t('harvester.modal.bundle.title') }}
-              </button>
-            </div>
-          </div>
-          <div class="box mb-20 box-primary">
-            <h2>
-              {{ t('harvester.support.kubeconfig.title') }}
-            </h2>
-            <div>
-              <p class="pb-10">
-                {{ t('harvester.support.kubeconfig.titleDescription') }}
-              </p>
-              <button
-                class="btn role-secondary btn-sm"
-                type="button"
-                @click="currentCluster.downloadKubeConfig()"
-              >
-                {{ t('harvester.support.kubeconfig.title') }}
-              </button>
-            </div>
-          </div>
-        </div>
-        <div class="community">
-          <CommunityLinks
-            :link-options="options"
-          />
-        </div>
-      </div>
-    </IndentedPanel>
-    <SupportBundle
-      v-if="showSupportBundle"
-    />
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.content {
-  display: grid;
-  grid-column-gap: 20px;
-  grid-row-gap: 20px;
-  grid-template-columns: 70% 30%;
-}
-
-.only-community {
-  display: grid;
-  grid-template-columns: 100%;
-}
-
-.community {
-  border-left: 1px solid var(--border);
-  padding-left: 20px;
-  > h2 {
-    font-size: 18px;
-    font-weight: 300;
-    margin-bottom: 20px;
-  }
-  .support-link {
-    margin: 10px 0;
-  }
-}
-
-.box {
-  padding: 20px;
-  border: 1px solid var(--border);
-
-  &.box-primary {
-    border-color: var(--primary);
-  }
-
-  > h2 {
-    font-size: 20px;
-    font-weight: 300;
-  }
-
-  > div {
-    font-weight: 300;
-    line-height: 18px;
-    opacity: 0.8;
-  }
-}
-
-.role-secondary {
-  &:focus {
-    background-color: transparent;
-  }
-}
-</style>