@rancher/shell 0.1.2 → 0.1.4

package/edit/harvesterhci.io.volume.vue

@@ -1,195 +0,0 @@
-<script>
-import Tab from '@shell/components/Tabbed/Tab';
-import CruResource from '@shell/components/CruResource';
-import UnitInput from '@shell/components/form/UnitInput';
-import ResourceTabs from '@shell/components/form/ResourceTabs';
-import LabeledSelect from '@shell/components/form/LabeledSelect';
-import NameNsDescription from '@shell/components/form/NameNsDescription';
-
-import { get } from '@shell/utils/object';
-import { HCI } from '@shell/config/types';
-import { sortBy } from '@shell/utils/sort';
-import { saferDump } from '@shell/utils/create-yaml';
-import { InterfaceOption } from '@shell/config/harvester-map';
-import { _CREATE } from '@shell/config/query-params';
-import CreateEditView from '@shell/mixins/create-edit-view';
-import { HCI as HCI_ANNOTATIONS } from '@shell/config/labels-annotations';
-
-export default {
-  name: 'HarvesterVolume',
-
-  components: {
-    Tab,
-    UnitInput,
-    CruResource,
-    ResourceTabs,
-    LabeledSelect,
-    NameNsDescription,
-  },
-
-  mixins: [CreateEditView],
-
-  async fetch() {
-    await this.$store.dispatch('harvester/findAll', { type: HCI.IMAGE });
-  },
-
-  data() {
-    if (this.mode === _CREATE) {
-      this.value.spec.volumeMode = 'Block';
-      this.value.spec.accessModes = ['ReadWriteMany'];
-    }
-
-    const storage = this.value?.spec?.resources?.requests?.storage || null;
-    const imageId = get(this.value, `metadata.annotations."${ HCI_ANNOTATIONS.IMAGE_ID }"`);
-    const source = !imageId ? 'blank' : 'url';
-
-    return {
-      source,
-      storage,
-      imageId,
-    };
-  },
-
-  created() {
-    this.registerBeforeHook(this.willSave, 'willSave');
-  },
-
-  computed: {
-    isBlank() {
-      return this.source === 'blank';
-    },
-
-    isVMImage() {
-      return this.source === 'url';
-    },
-
-    sourceOption() {
-      return [{
-        value: 'blank',
-        label: this.t('harvester.volume.sourceOptions.new')
-      }, {
-        value: 'url',
-        label: this.t('harvester.volume.sourceOptions.vmImage')
-      }];
-    },
-
-    interfaceOption() {
-      return InterfaceOption;
-    },
-
-    imageOption() {
-      const choices = this.$store.getters['harvester/all'](HCI.IMAGE);
-
-      return sortBy(
-        choices
-          .filter(obj => obj.isReady)
-          .map((obj) => {
-            return {
-              label: obj.spec.displayName,
-              value: obj.id
-            };
-          }),
-        'label'
-      );
-    },
-  },
-
-  methods: {
-    willSave() {
-      this.update();
-    },
-    update() {
-      let imageAnnotations = '';
-      let storageClassName = 'longhorn';
-
-      if (this.isVMImage && this.imageId) {
-        imageAnnotations = {
-          ...this.value.metadata.annotations,
-          [HCI_ANNOTATIONS.IMAGE_ID]: this.imageId
-        };
-        storageClassName = `longhorn-${ this.imageId.split('/')[1] }`;
-      } else {
-        imageAnnotations = { ...this.value.metadata.annotations };
-      }
-
-      const spec = {
-        ...this.value.spec,
-        resources: { requests: { storage: this.storage } },
-        storageClassName
-      };
-
-      this.value.setAnnotations(imageAnnotations);
-
-      this.$set(this.value, 'spec', spec);
-    },
-
-    generateYaml() {
-      const out = saferDump(this.value);
-
-      return out;
-    },
-  }
-};
-</script>
-
-<template>
-  <div>
-    <CruResource
-      :done-route="doneRoute"
-      :resource="value"
-      :mode="mode"
-      :errors="errors"
-      :generate-yaml="generateYaml"
-      :apply-hooks="applyHooks"
-      @finish="save"
-    >
-      <NameNsDescription :value="value" :namespaced="true" :mode="mode" />
-
-      <ResourceTabs
-        v-model="value"
-        class="mt-15"
-        :need-conditions="false"
-        :need-related="false"
-        :side-tabs="true"
-        :mode="mode"
-      >
-        <Tab name="basic" :label="t('harvester.volume.tabs.basics')" :weight="3" class="bordered-table">
-          <LabeledSelect
-            v-model="source"
-            :label="t('harvester.volume.source')"
-            :options="sourceOption"
-            :disabled="!isCreate"
-            required
-            :mode="mode"
-            class="mb-20"
-            @input="update"
-          />
-
-          <LabeledSelect
-            v-if="isVMImage"
-            v-model="imageId"
-            :label="t('harvester.volume.image')"
-            :options="imageOption"
-            :disabled="!isCreate"
-            required
-            :mode="mode"
-            class="mb-20"
-            @input="update"
-          />
-
-          <UnitInput
-            v-model="storage"
-            :label="t('harvester.volume.size')"
-            :input-exponent="3"
-            :output-modifier="true"
-            :increment="1024"
-            :mode="mode"
-            required
-            class="mb-20"
-            @input="update"
-          />
-        </Tab>
-      </ResourceTabs>
-    </CruResource>
-  </div>
-</template>

package/edit/kubevirt.io.virtualmachine/VirtualMachineAccessCredentials/AccessCredentialsUsers.vue

@@ -1,190 +0,0 @@
-<script>
-import { mapGetters } from 'vuex';
-import { clone } from '@shell/utils/object';
-import { randomStr } from '@shell/utils/string';
-
-import { LabeledInput } from '@components/Form/LabeledInput';
-import LabeledSelect from '@shell/components/form/LabeledSelect';
-import ModalWithCard from '@shell/components/ModalWithCard';
-
-const _NEW = '_NEW';
-
-export default {
-  components: {
-    LabeledInput,
-    LabeledSelect,
-    ModalWithCard,
-  },
-
-  props: {
-    value: {
-      type:    [Array, String],
-      default: () => {
-        return [];
-      }
-    },
-
-    resource: {
-      type:    Object,
-      default: () => {
-        return {};
-      }
-    },
-
-    userOptions: {
-      type:    Array,
-      default: () => {
-        return [];
-      }
-    },
-
-    multiple: {
-      type:    Boolean,
-      default: false
-    },
-
-    mode: {
-      type:     String,
-      default:  'create',
-    },
-
-    disabled: {
-      type:    Boolean,
-      default: false
-    }
-  },
-
-  data() {
-    return {
-      selectedUser: this.value,
-      newUsername:  '',
-      randomStr:    randomStr(5).toLowerCase(),
-      errors:       [],
-    };
-  },
-
-  computed: { ...mapGetters({ t: 'i18n/t' }) },
-
-  watch: {
-    value(neu) {
-      this.selectedUser = neu;
-    },
-
-    selectedUser(val, old) {
-      if ( val.includes(_NEW)) {
-        this.$set(this, 'selectedUser', old);
-        this.update();
-        this.show();
-      }
-    }
-  },
-
-  methods: {
-    update() {
-      this.$emit('update:user', clone(this.selectedUser));
-    },
-
-    addUser(buttonCb) {
-      const reg = /^[-._0-9a-zA-Z]+$/;
-
-      this.errors = [];
-
-      if (!reg.test(this.newUsername)) {
-        const message = this.t('harvester.virtualMachine.accessCredentials.invalidUser');
-
-        this.errors.push(message);
-        buttonCb(false);
-
-        return;
-      }
-
-      if (this.userOptions.includes(this.newUsername)) {
-        const message = this.t('harvester.virtualMachine.accessCredentials.duplicatedUser');
-
-        this.errors.push(message);
-        buttonCb(false);
-
-        return;
-      }
-
-      if (this.multiple) {
-        this.selectedUser.push(this.newUsername);
-      } else {
-        this.selectedUser = this.newUsername;
-      }
-
-      this.$emit('update:newUser', this.newUsername);
-      this.update();
-
-      buttonCb(true);
-      this.cancel();
-    },
-
-    show() {
-      this.$modal.show(this.randomStr);
-    },
-
-    hide() {
-      this.$modal.hide(this.randomStr);
-    },
-
-    cancel() {
-      this.hide();
-      this.newUsername = '';
-    },
-
-  }
-};
-</script>
-
-<template>
-  <div class="vm__credentials-users">
-    <LabeledSelect
-      v-model="selectedUser"
-      :options="userOptions"
-      :label="t('harvester.virtualMachine.accessCredentials.injectSSH.users')"
-      :taggable="multiple"
-      :mode="mode"
-      :multiple="multiple"
-      :searchable="false"
-      :tooltip="t('harvester.virtualMachine.accessCredentials.userTips')"
-      :class="{'hasUsers': selectedUser.length > 0}"
-      @input="update"
-    />
-
-    <ModalWithCard
-      :ref="randomStr"
-      :name="randomStr"
-      width="40%"
-      :errors="errors"
-      @finish="addUser"
-      @close="cancel"
-    >
-      <template #title>
-        {{ t('harvester.virtualMachine.accessCredentials.injectSSH.addUser') }}
-      </template>
-
-      <template #content>
-        <LabeledInput
-          v-model="newUsername"
-          :label="t('harvester.virtualMachine.input.username')"
-          class="mb-20"
-          required
-          @keydown.native.enter.prevent="()=>{}"
-        />
-      </template>
-    </ModalWithCard>
-  </div>
-</template>
-
-<style lang="scss">
-  .vm__credentials-users {
-    .hasUsers.labeled-select.edit.taggable {
-      .labeled-tooltip {
-        .icon.status-icon {
-          top: 30px;
-        }
-      }
-    }
-  }
-</style>

package/edit/kubevirt.io.virtualmachine/VirtualMachineAccessCredentials/index.vue

@@ -1,212 +0,0 @@
-<script>
-import { mapGetters } from 'vuex';
-
-import { Banner } from '@components/Banner';
-import InfoBox from '@shell/components/InfoBox';
-
-import { randomStr } from '@shell/utils/string';
-import { removeObject } from '@shell/utils/array';
-import { ACCESS_CREDENTIALS } from '@shell/config/harvester-map';
-import { _EDIT } from '@shell/config/query-params';
-import { HCI as HCI_ANNOTATIONS } from '@shell/config/labels-annotations';
-
-const _NEW = '_NEW';
-
-export default {
-  components: {
-    Banner,
-    InfoBox
-  },
-
-  props: {
-    value: {
-      type:    Array,
-      default: () => {
-        return [];
-      }
-    },
-
-    resource: {
-      type:    Object,
-      default: () => {
-        return {};
-      }
-    },
-
-    mode: {
-      type:     String,
-      default:  'create',
-    },
-
-    disableCreate: {
-      type:    Boolean,
-      default: false
-    },
-
-    disabled: {
-      type:    Boolean,
-      default: false
-    },
-
-    isQemuInstalled: {
-      type:    Boolean,
-      default: false
-    }
-  },
-
-  data() {
-    return {
-      ACCESS_CREDENTIALS,
-      toRemove:       [],
-      toSave:         [],
-      rows:           [],
-      newUserOptions: [],
-    };
-  },
-
-  computed: {
-    ...mapGetters({ t: 'i18n/t' }),
-
-    isEdit() {
-      return this.mode === _EDIT;
-    },
-
-    historyUsersOptions() {
-      const out = JSON.parse(this.resource?.spec?.template?.metadata?.annotations?.[HCI_ANNOTATIONS.DYNAMIC_SSHKEYS_USERS] || '[]');
-
-      out.unshift({
-        label: this.t('harvester.virtualMachine.accessCredentials.injectSSH.addUser'),
-        value: _NEW,
-      });
-
-      return out;
-    },
-
-    userOptions() {
-      return Array.from(new Set([...this.historyUsersOptions, ...this.newUserOptions]));
-    },
-  },
-
-  watch: {
-    value: {
-      handler(neu) {
-        this.rows = [...neu];
-      },
-      deep:      true,
-      immediate: true,
-    },
-  },
-
-  methods: {
-    addCredentials(type) {
-      const neu = {
-        source:      type,
-        users:       [],
-        sshkeys:     [],
-        username:    '',
-        newPassword: '',
-        secretName:  this.generateSecretName(this.resource.metadata.name),
-      };
-
-      this.rows.push(neu);
-      this.update();
-    },
-
-    remove(row) {
-      removeObject(this.rows, row);
-      this.update();
-    },
-
-    update() {
-      this.$emit('input', this.rows);
-    },
-
-    updateNewUser(newUser) {
-      this.newUserOptions.push(newUser);
-    },
-
-    generateSecretName(name) {
-      return name ? `${ name }-${ randomStr(5).toLowerCase() }` : undefined;
-    },
-
-    componentFor(type) {
-      switch (type) {
-      case ACCESS_CREDENTIALS.RESET_PWD:
-        return require(`./type/basicAuth.vue`).default;
-      case ACCESS_CREDENTIALS.INJECT_SSH:
-        return require(`./type/sshkey.vue`).default;
-      }
-    },
-
-    headerFor(type) {
-      return {
-        userPassword: this.$store.getters['i18n/t']('harvester.virtualMachine.accessCredentials.resetPwd.label'),
-        sshPublicKey: this.$store.getters['i18n/t']('harvester.virtualMachine.accessCredentials.injectSSH.label'),
-      }[type];
-    },
-  }
-};
-</script>
-
-<template>
-  <div>
-    <Banner class="mb-20" color="info" :label="t('harvester.virtualMachine.accessCredentials.tips')" />
-
-    <div v-for="(row, i) in rows" :key="row.id">
-      <InfoBox class="volume-source">
-        <button v-if="isEdit" type="button" class="role-link btn btn-sm remove-vol" @click="remove(row)">
-          <i class="icon icon-2x icon-x" />
-        </button>
-        <h3>
-          <span>
-            {{ headerFor(row.source) }}
-          </span>
-        </h3>
-        <div>
-          <component
-            :is="componentFor(row.source)"
-            v-model="rows[i]"
-            :rows="rows"
-            :resource="resource"
-            :user-options="userOptions"
-            :mode="mode"
-            :idx="i"
-            @update="update"
-            @update:newUser="updateNewUser"
-          />
-        </div>
-      </InfoBox>
-    </div>
-
-    <div v-if="isEdit && isQemuInstalled" class="mt-20">
-      <button
-        type="button"
-        class="btn btn-sm bg-primary mr-15 mb-10"
-        @click="addCredentials(ACCESS_CREDENTIALS.RESET_PWD)"
-      >
-        {{ t('harvester.virtualMachine.accessCredentials.resetPwd.label') }}
-      </button>
-
-      <button
-        type="button"
-        class="btn btn-sm bg-primary mr-15 mb-10"
-        @click="addCredentials(ACCESS_CREDENTIALS.INJECT_SSH)"
-      >
-        {{ t('harvester.virtualMachine.accessCredentials.injectSSH.label') }}
-      </button>
-    </div>
-  </div>
-</template>
-
-<style lang='scss' scoped>
-  .volume-source {
-    position: relative;
-  }
-
-  .remove-vol {
-    position: absolute;
-    top: 10px;
-    right: 10px;
-    padding: 0px;
-  }
-</style>

package/edit/kubevirt.io.virtualmachine/VirtualMachineAccessCredentials/type/basicAuth.vue

@@ -1,94 +0,0 @@
-<script>
-import Password from '@shell/components/form/Password';
-import AccessCredentialsUsers from '../AccessCredentialsUsers';
-
-export default {
-  name:       'HarvesterEditVolume',
-  components: { Password, AccessCredentialsUsers },
-
-  props: {
-    mode: {
-      type:    String,
-      default: 'create'
-    },
-
-    resource: {
-      type:    Object,
-      default: () => {
-        return {};
-      }
-    },
-
-    userOptions: {
-      type:    Array,
-      default: () => {
-        return [];
-      }
-    },
-
-    value: {
-      type:    Object,
-      default: () => {
-        return {};
-      }
-    },
-  },
-
-  data() {
-    return {
-      defaultPwdValue: {
-        username:    '',
-        newPassword: ''
-      }
-    };
-  },
-
-  methods: {
-    update() {
-      this.$emit('update');
-    },
-
-    updateUser(neu) {
-      this.$set(this.value, 'username', neu);
-      this.update();
-    },
-
-    updateNewUser(neu) {
-      this.$emit('update:newUser', neu);
-    }
-  },
-};
-</script>
-
-<template>
-  <div class="row" @input="update">
-    <div class="col span-6">
-      <AccessCredentialsUsers
-        v-model="value.username"
-        :resource="resource"
-        :user-options="userOptions"
-        :multiple="false"
-        :mode="mode"
-        @update:user="updateUser"
-        @update:newUser="updateNewUser"
-      />
-    </div>
-    <div class="col span-6">
-      <Password
-        ref="password"
-        v-model="value.newPassword"
-        :mode="mode"
-        :disabled="mode !== 'edit'"
-        :label="t('harvester.virtualMachine.input.password')"
-        required
-      />
-    </div>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.action {
-  display: flex;
-  flex-direction: row-reverse;
-}
-</style>