@rancher/shell 0.1.1 → 0.1.3

package/list/harvesterhci.io.virtualmachinebackup.vue

@@ -1,172 +0,0 @@
-<script>
-import { Banner } from '@components/Banner';
-import Loading from '@shell/components/Loading';
-import MessageLink from '@shell/components/MessageLink';
-import Masthead from '@shell/components/ResourceList/Masthead';
-import ResourceTable from '@shell/components/ResourceTable';
-
-import { HCI } from '@shell/config/types';
-import { allHash } from '@shell/utils/promise';
-import { STATE, AGE, NAME, NAMESPACE } from '@shell/config/table-headers';
-
-export default {
-  name:       'HarvesterListBackup',
-  components: {
-    ResourceTable, Banner, Loading, Masthead, MessageLink
-  },
-
-  props: {
-    schema: {
-      type:     Object,
-      required: true,
-    }
-  },
-
-  async fetch() {
-    const hash = await allHash({
-      vms:      this.$store.dispatch('harvester/findAll', { type: HCI.VM }),
-      settings: this.$store.dispatch('harvester/findAll', { type: HCI.SETTING }),
-      rows:     this.$store.dispatch('harvester/findAll', { type: HCI.BACKUP }),
-    });
-
-    this.rows = hash.rows;
-    this.settings = hash.settings;
-  },
-
-  data() {
-    const params = { ...this.$route.params };
-
-    const resource = params.resource;
-
-    return {
-      rows:     [],
-      settings: [],
-      resource,
-      to:       `${ HCI.SETTING }/backup-target?mode=edit`
-    };
-  },
-
-  computed: {
-    headers() {
-      return [
-        STATE,
-        NAME,
-        NAMESPACE,
-        {
-          name:      'targetVM',
-          labelKey:  'tableHeaders.targetVm',
-          value:     'attachVM',
-          align:     'left',
-          formatter: 'AttachVMWithName'
-        },
-        {
-          name:      'backupTarget',
-          labelKey:  'tableHeaders.backupTarget',
-          value:     'backupTarget',
-          align:     'left',
-          formatter: 'HarvesterBackupTargetValidation'
-        },
-        {
-          name:      'readyToUse',
-          labelKey:  'tableHeaders.readyToUse',
-          value:     'status.readyToUse',
-          align:     'left',
-          formatter: 'Checked',
-        },
-        AGE
-      ];
-    },
-
-    backupTargetResource() {
-      return this.settings.find( O => O.id === 'backup-target');
-    },
-
-    isEmptyValue() {
-      return this.backupTargetResource.backupTargetIsEmpty;
-    },
-
-    canUpdate() {
-      return this?.backupTargetResource?.canUpdate;
-    },
-
-    errorMessage() {
-      return this.backupTargetResource?.errMessage;
-    },
-  },
-};
-</script>
-
-<template>
-  <Loading v-if="$fetchState.pending" />
-  <div v-else>
-    <Masthead
-      :schema="schema"
-      :resource="resource"
-      :create-button-label="t('harvester.backup.createText')"
-    />
-
-    <Banner
-      v-if="(errorMessage || isEmptyValue) && canUpdate"
-      color="error"
-    >
-      <MessageLink
-        v-if="isEmptyValue"
-        :to="to"
-        prefix-label="harvester.backup.message.noSetting.prefix"
-        middle-label="harvester.backup.message.noSetting.middle"
-        suffix-label="harvester.backup.message.noSetting.suffix"
-      />
-
-      <MessageLink
-        v-else
-        :to="to"
-        prefix-label="harvester.backup.message.errorTip.prefix"
-        middle-label="harvester.backup.message.errorTip.middle"
-      >
-        <template v-slot:suffix>
-          {{ t('harvester.backup.message.errorTip.suffix') }} {{ errorMessage }}
-        </template>
-      </MessageLink>
-    </Banner>
-
-    <Banner
-      v-else-if="canUpdate"
-      color="info"
-    >
-      <MessageLink
-        :to="to"
-        prefix-label="harvester.backup.message.viewSetting.prefix"
-        middle-label="harvester.backup.message.viewSetting.middle"
-        suffix-label="harvester.backup.message.viewSetting.suffix"
-      />
-    </Banner>
-
-    <ResourceTable
-      v-bind="$attrs"
-      :headers="headers"
-      :groupable="true"
-      :rows="rows"
-      :schema="schema"
-      key-field="_key"
-      default-sort-by="age"
-      v-on="$listeners"
-    >
-      <template #col:name="{row}">
-        <td>
-          <span>
-            <n-link
-              v-if="row.status && row.status.source"
-              :to="row.detailLocation"
-            >
-              {{ row.nameDisplay }}
-            </n-link>
-            <span v-else>
-              {{ row.nameDisplay }}
-            </span>
-          </span>
-        </td>
-      </template>
-    </resourcetable>
-  </div>
-  </div>
-</template>

package/list/harvesterhci.io.virtualmachineimage.vue

@@ -1,80 +0,0 @@
-<script>
-import ResourceTable from '@shell/components/ResourceTable';
-import { Banner } from '@components/Banner';
-import FilterLabel from '@shell/components/FilterLabel';
-import { defaultTableSortGenerationFn } from '@shell/components/ResourceTable.vue';
-
-export default {
-  name: 'ListHarvesterImage',
-
-  components: {
-    ResourceTable,
-    Banner,
-    FilterLabel
-  },
-
-  props:      {
-    schema: {
-      type:     Object,
-      required: true,
-    },
-    rows: {
-      type:     Array,
-      required: true,
-    },
-  },
-
-  data() {
-    return {
-      searchLabels: [],
-      filterRows:   []
-    };
-  },
-
-  computed: {
-    uploadingImages() {
-      return this.$store.getters['harvester-common/uploadingImages'] || [];
-    },
-  },
-
-  methods: {
-    changeRows(filterRows, searchLabels) {
-      this.$set(this, 'filterRows', filterRows);
-      this.$set(this, 'searchLabels', searchLabels);
-    },
-
-    sortGenerationFn() {
-      let base = defaultTableSortGenerationFn(this.schema, this.$store);
-
-      this.searchLabels.map((label) => {
-        base += label.key;
-        base += label.value;
-      });
-
-      return base;
-    },
-  }
-};
-</script>
-
-<template>
-  <div>
-    <Banner
-      v-if="uploadingImages.length > 0"
-      color="warning"
-      :label="t('harvester.image.warning.uploading', {count: uploadingImages.length} )"
-    />
-    <ResourceTable
-      v-bind="$attrs"
-      :rows="filterRows"
-      :schema="schema"
-      :sort-generation-fn="sortGenerationFn"
-      key-field="_key"
-      v-on="$listeners"
-    >
-      <template #more-header-middle>
-        <FilterLabel ref="filterLabel" :rows="rows" @changeRows="changeRows" />
-      </template>
-    </ResourceTable>
-  </div>
-</template>

package/list/harvesterhci.io.virtualmachinetemplateversion.vue

@@ -1,173 +0,0 @@
-<script>
-import Loading from '@shell/components/Loading';
-import LiveData from '@shell/components/formatter/LiveDate';
-import ResourceTable from '@shell/components/ResourceTable';
-
-import { HCI } from '@shell/config/types';
-import { allHash } from '@shell/utils/promise';
-import { STATE, AGE, NAME, NAMESPACE } from '@shell/config/table-headers';
-
-export default {
-  name:       'HarvesterListTemplate',
-  components: {
-    ResourceTable, LiveData, Loading
-  },
-
-  props: {
-    schema: {
-      type:     Object,
-      required: true,
-    },
-  },
-
-  async fetch() {
-    const hash = await allHash({
-      template:           this.$store.dispatch('harvester/findAll', { type: HCI.VM_TEMPLATE }),
-      templateVersion:    this.$store.dispatch('harvester/findAll', { type: HCI.VM_VERSION }),
-    });
-
-    this.template = hash.template;
-    this.templateVersion = hash.templateVersion;
-  },
-
-  data() {
-    return {
-      template:        [],
-      templateVersion: [],
-    };
-  },
-
-  computed: {
-    headers() {
-      return [
-        STATE,
-        NAME,
-        NAMESPACE,
-        {
-          name:           'defaultVersion',
-          value:          'id',
-          labelKey:       'tableHeaders.defaultVersion'
-        },
-        AGE
-      ];
-    },
-
-    rows() {
-      return [...this.templateVersion];
-    },
-
-    groupBy() {
-      return 'spec.templateId';
-    },
-
-    groupTitleBy() {
-      return HCI.VM_TEMPLATE;
-    },
-  },
-
-  methods: {
-    showActions(e, group) {
-      const template = group.rows[0].template;
-
-      this.$store.commit(`action-menu/show`, {
-        resources: [template],
-        elem:      e.target
-      });
-    },
-
-    valueFor(group) {
-      const resource = group?.rows?.[0].template;
-
-      return resource?.metadata?.creationTimestamp;
-    },
-
-    templateLabel(group) {
-      return group.key;
-    },
-
-    templateResource(group) {
-      return group?.rows?.[0].template;
-    }
-  },
-};
-</script>
-
-<template>
-  <Loading v-if="$fetchState.pending" />
-  <ResourceTable
-    v-else
-    v-bind="$attrs"
-    :headers="headers"
-    :sub-rows="true"
-    :groupable="false"
-    :rows="rows"
-    :group-title-by="groupTitleBy"
-    :group-by="groupBy"
-    :schema="schema"
-    :group-can-action="true"
-    key-field="_key"
-    v-on="$listeners"
-  >
-    <template #group-by="group">
-      <div class="group-bar">
-        <div class="group-tab">
-          <div class="project-name" v-html="templateLabel(group.group)" />
-        </div>
-
-        <div class="right">
-          <LiveData
-            :value="valueFor(group.group)"
-            :row="templateResource(group.group)"
-          />
-          <button type="button" class="btn btn-sm actions mr-5 role-multi-action" @click="showActions($event, group.group)">
-            <i class="icon icon-actions" />
-          </button>
-        </div>
-      </div>
-    </template>
-
-    <template #col:defaultVersion="{row}">
-      <td v-if="row.isDefaultVersion">
-        <i class="icon icon-lg icon-checkmark" />
-      </td>
-      <td v-else></td>
-    </template>
-  </ResourceTable>
-</template>
-
-<style lang="scss" scoped>
-::v-deep {
-  .group-name {
-    line-height: 30px;
-  }
-
-  .group-bar {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-
-    .live-date {
-      padding-right: 7px;
-    }
-
-    &.has-description {
-      .right {
-        margin-top: 5px;
-      }
-      .group-tab {
-        &, &::after {
-            height: 50px;
-        }
-
-        &::after {
-            right: -20px;
-        }
-
-        .description {
-            margin-top: -20px;
-        }
-      }
-    }
-  }
-}
-</style>

package/list/harvesterhci.io.volume.vue

@@ -1,122 +0,0 @@
-<script>
-import Loading from '@shell/components/Loading';
-import ResourceTable from '@shell/components/ResourceTable';
-
-import { allHash } from '@shell/utils/promise';
-import { PVC, SCHEMA, HCI } from '@shell/config/types';
-import { STATE, AGE, NAME, NAMESPACE } from '@shell/config/table-headers';
-
-const schema = {
-  id:         HCI.VOLUME,
-  type:       SCHEMA,
-  attributes: {
-    kind:       HCI.VOLUME,
-    namespaced: true
-  },
-  metadata: { name: HCI.VOLUME },
-};
-
-export default {
-  name:       'HarvesterListVolume',
-  components: { Loading, ResourceTable },
-
-  async fetch() {
-    const hash = await allHash({
-      pvcs: this.$store.dispatch('harvester/findAll', { type: PVC }),
-      vms:  this.$store.dispatch('harvester/findAll', { type: HCI.VM })
-    });
-
-    const pvcSchema = this.$store.getters['harvester/schemaFor'](PVC);
-
-    if (!pvcSchema?.collectionMethods.find(x => x.toLowerCase() === 'post')) {
-      this.$store.dispatch('type-map/configureType', { match: HCI.VOLUME, isCreatable: false });
-    }
-
-    this.rows = hash.pvcs;
-  },
-
-  data() {
-    return { rows: [] };
-  },
-
-  computed: {
-    schema() {
-      return schema;
-    },
-
-    headers() {
-      return [
-        STATE,
-        NAME,
-        NAMESPACE,
-        {
-          name:          'size',
-          labelKey:      'tableHeaders.size',
-          value:         'spec.resources.requests.storage',
-          sort:          'volumeSort',
-          formatter:     'Si',
-          formatterOpts: {
-            opts: {
-              increment: 1024, addSuffix: true, maxExponent: 3, minExponent: 3, suffix: 'i',
-            },
-            needParseSi: true
-          },
-        },
-        {
-          name:      'AttachedVM',
-          labelKey:  'tableHeaders.attachedVM',
-          type:      'attached',
-          value:     'spec.claimRef',
-          sort:      'name',
-        },
-        {
-          ...STATE,
-          name:          'phase',
-          labelKey:      'tableHeaders.phase',
-          formatterOpts: { arbitrary: true },
-          value:         'phaseState',
-        },
-        AGE,
-      ];
-    },
-  },
-
-  methods: {
-    goTo(row) {
-      return row?.attachVM?.detailLocation;
-    },
-
-    getVMName(row) {
-      return row.attachVM?.metadata?.name || '';
-    }
-  },
-
-  typeDisplay() {
-    return this.$store.getters['type-map/labelFor'](schema, 99);
-  },
-};
-</script>
-
-<template>
-  <Loading v-if="$fetchState.pending" />
-  <ResourceTable
-    v-else
-    v-bind="$attrs"
-    :headers="headers"
-    :groupable="true"
-    default-sort-by="age"
-    :namespaced="true"
-    :rows="rows"
-    :schema="schema"
-    key-field="_key"
-    v-on="$listeners"
-  >
-    <template slot="cell:AttachedVM" slot-scope="scope">
-      <div>
-        <n-link v-if="getVMName(scope.row)" :to="goTo(scope.row)">
-          {{ getVMName(scope.row) }}
-        </n-link>
-      </div>
-    </template>
-  </ResourceTable>
-</template>