@rancher/shell 0.1.1 → 0.1.3

package/components/dialog/harvester/BackupModal.vue

@@ -1,117 +0,0 @@
-<script>
-import { exceptionToErrorsArray } from '@shell/utils/error';
-import { mapGetters } from 'vuex';
-import { Card } from '@components/Card';
-import { Banner } from '@components/Banner';
-import AsyncButton from '@shell/components/AsyncButton';
-import { LabeledInput } from '@components/Form/LabeledInput';
-
-export default {
-  name: 'BackupModal',
-
-  components: {
-    AsyncButton, Card, LabeledInput, Banner
-  },
-
-  props:      {
-    resources: {
-      type:     Array,
-      required: true
-    }
-  },
-
-  data() {
-    return {
-      backUpName: '',
-      errors:     []
-    };
-  },
-
-  computed: {
-    ...mapGetters({ t: 'i18n/t' }),
-
-    actionResource() {
-      return this.resources[0];
-    },
-  },
-
-  methods: {
-    close() {
-      this.backUpName = '';
-      this.$emit('close');
-    },
-
-    async save(buttonCb) {
-      if (this.actionResource) {
-        try {
-          const res = await this.actionResource.doAction('backup', { name: this.backUpName }, {}, false);
-
-          if (res._status === 200 || res._status === 204) {
-            this.$store.dispatch('growl/success', {
-              title:   this.t('harvester.notification.title.succeed'),
-              message: this.t('harvester.modal.backup.success', { backUpName: this.backUpName })
-            }, { root: true });
-
-            this.close();
-
-            buttonCb(true);
-          } else {
-            const error = [res?.data] || exceptionToErrorsArray(res);
-
-            this.$set(this, 'errors', error);
-            buttonCb(false);
-          }
-        } catch (err) {
-          const error = err?.data || err;
-          const message = exceptionToErrorsArray(error);
-
-          this.$set(this, 'errors', message);
-          buttonCb(false);
-        }
-      }
-    },
-  }
-};
-</script>
-
-<template>
-  <Card :show-highlight-border="false">
-    <h4 slot="title" class="text-default-text" v-html="t('harvester.modal.backup.addBackup')" />
-
-    <template #body>
-      <LabeledInput
-        v-model="backUpName"
-        :label="t('generic.name')"
-        required
-      />
-    </template>
-
-    <div slot="actions" class="actions">
-      <div class="buttons">
-        <button class="btn role-secondary mr-10" @click="close">
-          {{ t('generic.cancel') }}
-        </button>
-
-        <AsyncButton
-          mode="create"
-          :disabled="!backUpName"
-          @click="save"
-        />
-      </div>
-
-      <Banner v-for="(err, i) in errors" :key="i" color="error" :label="err" />
-    </div>
-  </Card>
-</template>
-
-<style lang="scss" scoped>
-.actions {
-  width: 100%;
-}
-
-.buttons {
-  display: flex;
-  justify-content: flex-end;
-  width: 100%;
-}
-</style>

package/components/dialog/harvester/CloneTemplate.vue

@@ -1,125 +0,0 @@
-<script>
-import { exceptionToErrorsArray } from '@shell/utils/error';
-import { mapGetters } from 'vuex';
-
-import { Card } from '@components/Card';
-import { Banner } from '@components/Banner';
-import AsyncButton from '@shell/components/AsyncButton';
-import { LabeledInput } from '@components/Form/LabeledInput';
-
-export default {
-  name: 'CloneTemplateModal',
-
-  components: {
-    AsyncButton, Banner, Card, LabeledInput
-  },
-
-  props:      {
-    resources: {
-      type:     Array,
-      required: true
-    }
-  },
-
-  data() {
-    return {
-      templateName: '',
-      description:  '',
-      errors:       []
-    };
-  },
-
-  computed: {
-    ...mapGetters({ t: 'i18n/t' }),
-
-    actionResource() {
-      return this.resources[0];
-    },
-  },
-
-  methods: {
-    close() {
-      this.templateName = '';
-      this.description = '';
-      this.$emit('close');
-    },
-
-    async saveRestore(buttonCb) {
-      try {
-        const res = await this.actionResource.doAction('createTemplate', { name: this.templateName, description: this.description }, {}, false);
-
-        if (res._status === 200 || res._status === 204) {
-          this.$store.dispatch('growl/success', {
-            title:   this.t('harvester.notification.title.succeed'),
-            message: this.t('harvester.modal.createTemplate.message.success', { templateName: this.templateName })
-          }, { root: true });
-
-          this.close();
-          buttonCb(true);
-        } else {
-          const error = [res?.data] || exceptionToErrorsArray(res);
-
-          this.$set(this, 'errors', error);
-          buttonCb(false);
-        }
-      } catch (err) {
-        const error = err?.data || err;
-        const message = exceptionToErrorsArray(error);
-
-        this.$set(this, 'errors', message);
-        buttonCb(false);
-      }
-    }
-  },
-};
-</script>
-
-<template>
-  <Card :show-highlight-border="false">
-    <template #title>
-      {{ t('harvester.modal.createTemplate.title') }}
-    </template>
-
-    <template #body>
-      <LabeledInput
-        v-model="templateName"
-        class="mb-20"
-        :label="t('harvester.modal.createTemplate.name')"
-        required
-      />
-
-      <LabeledInput
-        v-model="description"
-        :label="t('harvester.modal.createTemplate.description')"
-      />
-    </template>
-
-    <div slot="actions" class="actions">
-      <div class="buttons">
-        <button class="btn role-secondary mr-10" @click="close">
-          {{ t('generic.cancel') }}
-        </button>
-
-        <AsyncButton
-          mode="create"
-          :disabled="!templateName"
-          @click="saveRestore"
-        />
-      </div>
-
-      <Banner v-for="(err, i) in errors" :key="i" color="error" :label="err" />
-    </div>
-  </Card>
-</template>
-
-<style lang="scss" scoped>
-.actions {
-  width: 100%;
-}
-
-.buttons {
-  display: flex;
-  justify-content: flex-end;
-  width: 100%;
-}
-</style>

package/components/dialog/harvester/EjectCDROMDialog.vue

@@ -1,157 +0,0 @@
-<script>
-import { mapGetters } from 'vuex';
-
-import { Card } from '@components/Card';
-import { Banner } from '@components/Banner';
-import AsyncButton from '@shell/components/AsyncButton';
-import { Checkbox } from '@components/Form/Checkbox';
-import { exceptionToErrorsArray } from '@shell/utils/error';
-
-export default {
-  name: 'EjectCDROMModal',
-
-  components: {
-    AsyncButton, Card, Checkbox, Banner
-  },
-
-  props:      {
-    resources: {
-      type:     Array,
-      required: true
-    }
-  },
-
-  data() {
-    const allDisk = [];
-    const disks = this.resources[0].spec.template.spec.domain.devices.disks;
-
-    if (Array.isArray(disks)) {
-      disks.forEach((D) => {
-        if (D.cdrom) {
-          allDisk.push({
-            name:  D.name,
-            value: false
-          });
-        }
-      });
-    }
-
-    return {
-      allDisk,
-      errors:     [],
-      diskNames:  []
-    };
-  },
-
-  computed: {
-    ...mapGetters({ t: 'i18n/t' }),
-
-    actionResource() {
-      return this.resources[0];
-    },
-
-    isDeleteDisabled() {
-      return this.diskNames.length === 0;
-    },
-  },
-
-  methods: {
-    updateNames(names) {
-      this.diskNames = names;
-    },
-
-    async remove(buttonDone) {
-      try {
-        await this.actionResource.doAction('ejectCdRom', { diskNames: this.diskNames });
-        this.close();
-        buttonDone(true);
-      } catch (err) {
-        const error = err?.data || err;
-        const message = exceptionToErrorsArray(error);
-
-        this.$set(this, 'errors', message);
-        buttonDone(false);
-      }
-    },
-
-    close() {
-      this.backupName = '';
-      this.errors = [];
-      this.$emit('close');
-    },
-  },
-
-  watch: {
-    allDisk: {
-      handler(neu) {
-        const diskNames = [];
-
-        neu.forEach((D) => {
-          if (D.value) {
-            diskNames.push(D.name);
-          }
-        });
-
-        this.$set(this, 'diskNames', diskNames);
-      },
-      deep: true
-    }
-  }
-};
-</script>
-
-<template>
-  <Card :show-highlight-border="false">
-    <template #title>
-      {{ t('harvester.modal.ejectCDROM.title') }}
-    </template>
-
-    <template #body>
-      <span class="text-info mb-10">
-        {{ t('harvester.modal.ejectCDROM.operationTip') }}
-      </span>
-
-      <div>
-        <Checkbox
-          v-for="disk in allDisk"
-          :key="disk.name"
-          v-model="disk.value"
-          :label="disk.name"
-        />
-      </div>
-
-      <Banner color="warning">
-        <span>{{ t('harvester.modal.ejectCDROM.warnTip') }}</span>
-      </Banner>
-    </template>
-
-    <div slot="actions" class="actions">
-      <div class="buttons">
-        <button class="btn role-secondary mr-10" @click="close">
-          {{ t('generic.cancel') }}
-        </button>
-
-        <AsyncButton
-          mode="delete"
-          :disabled="!diskNames.length"
-          class="btn bg-error ml-10"
-          @click="remove"
-        />
-      </div>
-
-      <Banner v-for="(err, i) in errors" :key="i" color="error" :label="err" />
-    </div>
-  </Card>
-</template>
-
-<style lang="scss" scoped>
-.actions {
-  width: 100%;
-}
-
-.buttons {
-  display: flex;
-  justify-content: flex-end;
-  width: 100%;
-}
-</style>

package/components/dialog/harvester/ExportImageDialog.vue

@@ -1,152 +0,0 @@
-<script>
-import { mapGetters } from 'vuex';
-import { exceptionToErrorsArray } from '@shell/utils/error';
-
-import { sortBy } from '@shell/utils/sort';
-import { Card } from '@components/Card';
-import { Banner } from '@components/Banner';
-import AsyncButton from '@shell/components/AsyncButton';
-import { LabeledInput } from '@components/Form/LabeledInput';
-import LabeledSelect from '@shell/components/form/LabeledSelect';
-import { NAMESPACE } from '@shell/config/types';
-
-export default {
-  name: 'HarvesterExportImageDialog',
-
-  components: {
-    AsyncButton, Banner, Card, LabeledInput, LabeledSelect
-  },
-
-  props:      {
-    resources: {
-      type:     Array,
-      required: true
-    }
-  },
-
-  data() {
-    const namespace = this.$store.getters['defaultNamespace'] || '';
-
-    return {
-      name:      '',
-      namespace,
-      errors:       []
-    };
-  },
-
-  computed: {
-    ...mapGetters({ t: 'i18n/t' }),
-
-    actionResource() {
-      return this.resources[0];
-    },
-
-    namespaces() {
-      const choices = this.$store.getters['harvester/all'](NAMESPACE).filter( N => !N.isSystem);
-
-      const out = sortBy(
-        choices.map((obj) => {
-          return {
-            label: obj.nameDisplay,
-            value: obj.id,
-          };
-        }),
-        'label'
-      );
-
-      return out;
-    },
-
-    disableSave() {
-      return !(this.name && this.namespace);
-    }
-  },
-
-  methods: {
-    close() {
-      this.name = '';
-      this.namespace = '';
-      this.$emit('close');
-    },
-
-    async save(buttonCb) {
-      try {
-        const res = await this.actionResource.doAction('export', { displayName: this.name, namespace: this.namespace });
-
-        if (res._status === 200 || res._status === 204) {
-          this.$store.dispatch('growl/success', {
-            title:   this.t('harvester.notification.title.succeed'),
-            message: this.t('harvester.modal.exportImage.message.success', { name: this.name })
-          }, { root: true });
-
-          this.close();
-          buttonCb(true);
-        } else {
-          const error = [res?.data] || exceptionToErrorsArray(res);
-
-          this.$set(this, 'errors', error);
-          buttonCb(false);
-        }
-      } catch (err) {
-        const error = err?.data || err;
-        const message = exceptionToErrorsArray(error);
-
-        this.$set(this, 'errors', message);
-        buttonCb(false);
-      }
-    }
-  },
-};
-</script>
-
-<template>
-  <Card :show-highlight-border="false">
-    <template #title>
-      {{ t('harvester.modal.exportImage.title') }}
-    </template>
-
-    <template #body>
-      <LabeledSelect
-        v-model="namespace"
-        :label="t('harvester.modal.exportImage.namespace')"
-        :options="namespaces"
-        class="mb-20"
-        required
-      />
-
-      <LabeledInput
-        v-model="name"
-        :label="t('harvester.modal.exportImage.name')"
-        required
-      />
-    </template>
-
-    <div slot="actions" class="actions">
-      <div class="buttons">
-        <button class="btn role-secondary mr-10" @click="close">
-          {{ t('generic.cancel') }}
-        </button>
-
-        <AsyncButton
-          mode="create"
-          :disabled="disableSave"
-          @click="save"
-        />
-      </div>
-
-      <Banner v-for="(err, i) in errors" :key="i" color="error" :label="err" />
-    </div>
-  </Card>
-</template>
-
-<style lang="scss" scoped>
-.actions {
-  width: 100%;
-}
-
-.buttons {
-  display: flex;
-  justify-content: flex-end;
-  width: 100%;
-}
-</style>

package/components/dialog/harvester/MaintenanceDialog.vue

@@ -1,94 +0,0 @@
-<script>
-import { mapGetters } from 'vuex';
-import AsyncButton from '@shell/components/AsyncButton';
-import { Card } from '@components/Card';
-import { Banner } from '@components/Banner';
-import { exceptionToErrorsArray } from '@shell/utils/error';
-
-export default {
-  components: {
-    Card,
-    AsyncButton,
-    Banner,
-  },
-
-  props:      {
-    resources: {
-      type:     Array,
-      required: true
-    }
-  },
-
-  data() {
-    return { errors: [] };
-  },
-
-  computed:   {
-    ...mapGetters({ t: 'i18n/t' }),
-
-    actionResource() {
-      return this.resources[0];
-    },
-  },
-
-  methods: {
-    close() {
-      this.$emit('close');
-    },
-
-    async apply(buttonCb) {
-      this.errors = [];
-
-      try {
-        await this.actionResource.doAction('enableMaintenanceMode', {});
-
-        buttonCb(true);
-        this.close();
-      } catch (e) {
-        const error = [e?.data] || exceptionToErrorsArray(e);
-
-        this.errors = error;
-        buttonCb(false);
-      }
-    }
-  }
-};
-</script>
-
-<template>
-  <Card :show-highlight-border="false">
-    <template #title>
-      {{ t('harvester.host.enableMaintenance.title') }}
-    </template>
-
-    <template #body>
-      <Banner color="warning" :label="t('harvester.host.enableMaintenance.protip')" class="mt-20" />
-      <Banner v-for="(err, i) in errors" :key="i" color="error" :label="err" />
-    </template>
-
-    <div slot="actions" class="actions">
-      <div class="buttons">
-        <button class="btn role-secondary mr-10" @click="close">
-          {{ t('generic.cancel') }}
-        </button>
-
-        <AsyncButton
-          mode="apply"
-          @click="apply"
-        />
-      </div>
-    </div>
-  </Card>
-</template>
-
-<style lang="scss" scoped>
-.actions {
-  width: 100%;
-}
-
-.buttons {
-  display: flex;
-  justify-content: flex-end;
-  width: 100%;
-}
-</style>