@rancher/shell 0.1.1 → 0.1.3

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

@@ -1,201 +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 { TextAreaAutoGrow } from '@components/Form/TextArea';
-
-import CreateEditView from '@shell/mixins/create-edit-view';
-
-import { HCI_ALLOWED_SETTINGS, HCI_SINGLE_CLUSTER_ALLOWED_SETTING, HCI_SETTING } from '@shell/config/settings';
-
-export default {
-  components: {
-    CruResource,
-    LabeledInput,
-    LabeledSelect,
-    RadioGroup,
-    TextAreaAutoGrow
-  },
-
-  mixins: [CreateEditView],
-
-  data() {
-    const t = this.$store.getters['i18n/t'];
-    const setting = HCI_ALLOWED_SETTINGS[this.value.id] || HCI_SINGLE_CLUSTER_ALLOWED_SETTING[this.value.id];
-
-    let enumOptions = [];
-
-    if (setting.kind === 'enum' ) {
-      enumOptions = setting.options.map(id => ({
-        label: `advancedSettings.enum.harv-${ this.value.id }.${ id }`,
-        value: id,
-      }));
-    }
-
-    const canReset = setting.canReset || (!!this.value.default || this.value.canReset);
-
-    if (this.value.value === undefined) {
-      this.$set(this.value, 'value', null);
-    }
-
-    this.value.value = this.value.value || this.value.default || '';
-
-    const isHarvester = this.value?.type?.includes('harvesterhci');
-
-    return {
-      setting,
-      description:          isHarvester ? t(`advancedSettings.descriptions.harv-${ this.value.id }`) : t(`advancedSettings.descriptions.${ this.value.id }`),
-      editHelp:             t(`advancedSettings.editHelp.${ this.value.id }`),
-      enumOptions,
-      canReset,
-      errors:               [],
-      hasCustomComponent:   false,
-      customComponent:      null
-    };
-  },
-
-  computed: {
-    doneLocationOverride() {
-      return this.value.doneOverride;
-    },
-  },
-
-  created() {
-    let customComponent = false;
-
-    const resource = this.$route.params.resource;
-    const name = this.value.metadata.name;
-    const path = `${ resource }/${ name }`;
-
-    const hasCustomComponent = this.$store.getters['type-map/hasComponent'](path);
-
-    if ( hasCustomComponent ) {
-      customComponent = this.$store.getters['type-map/importComponent'](path);
-    }
-    this.hasCustomComponent = hasCustomComponent;
-    this.customComponent = customComponent;
-  },
-
-  methods: {
-    saveSettings(done) {
-      const t = this.$store.getters['i18n/t'];
-
-      // Validate the JSON if the setting is a json value
-      if (this.setting.kind === 'json') {
-        try {
-          JSON.parse(this.value.value);
-          this.errors = [];
-        } catch (e) {
-          this.errors = [t('advancedSettings.edit.invalidJSON')];
-
-          return done(false);
-        }
-      }
-
-      this.save(done);
-    },
-
-    useDefault(ev) {
-      // Lose the focus on the button after click
-      if (ev && ev.srcElement) {
-        ev.srcElement.blur();
-      }
-
-      if (this.value.id === HCI_SETTING.RANCHER_MONITORING) {
-        this.$set(this.value.spec.values.prometheus, 'prometheusSpec', Object.assign(this.value.spec.values.prometheus.prometheusSpec, this.value.defaultValue.prometheus, {}));
-        this.$set(this.value.spec.values, 'prometheus-node-exporter', Object.assign(this.value.spec.values['prometheus-node-exporter'], this.value.defaultValue['prometheus-node-exporter'], {}));
-      } else if (this.value.id === HCI_SETTING.VLAN) {
-        this.value.enable = false;
-        if (this.value.config) {
-          this.value.config.defaultPhysicalNIC = '';
-        }
-      } else {
-        this.value.value = this.value.default || '';
-      }
-    },
-  }
-};
-</script>
-
-<template>
-  <CruResource
-    class="route"
-    :done-route="'c-cluster-product-resource'"
-    :errors="errors"
-    :mode="mode"
-    :resource="value"
-    :subtypes="[]"
-    :can-yaml="false"
-    @error="e=>errors = e"
-    @finish="saveSettings"
-    @cancel="done"
-  >
-    <h4 v-html="description"></h4>
-
-    <h5 v-if="editHelp" class="edit-help" v-html="editHelp" />
-
-    <div class="edit-change mt-20">
-      <h5 v-t="'advancedSettings.edit.changeSetting'" />
-      <button :disabled="!canReset" type="button" class="btn role-primary" @click="useDefault">
-        {{ t('advancedSettings.edit.useDefault') }}
-      </button>
-    </div>
-
-    <div class="mt-20">
-      <div v-if="setting.from === 'import'">
-        <component
-          :is="customComponent"
-          v-if="hasCustomComponent"
-          v-model="value"
-          :register-before-hook="registerBeforeHook"
-          :mode="mode"
-        />
-      </div>
-      <div v-else-if="setting.kind === 'enum'">
-        <LabeledSelect
-          v-model="value.value"
-          :label="t('advancedSettings.edit.value')"
-          :localized-label="true"
-          :mode="mode"
-          :options="enumOptions"
-        />
-      </div>
-      <div v-else-if="setting.kind === 'boolean'">
-        <RadioGroup
-          v-model="value.value"
-          name="settings_value"
-          :labels="[t('advancedSettings.edit.trueOption'), t('advancedSettings.edit.falseOption')]"
-          :options="['true', 'false']"
-        />
-      </div>
-      <div v-else-if="setting.kind === 'multiline' || setting.kind === 'json'">
-        <TextAreaAutoGrow
-          v-model="value.value"
-          :min-height="254"
-        />
-      </div>
-      <div v-else>
-        <LabeledInput
-          v-model="value.value"
-          :label="t('advancedSettings.edit.value')"
-        />
-      </div>
-    </div>
-  </CruResource>
-</template>
-
-<style lang="scss" scoped>
-  .edit-change {
-    align-items: center;
-    display: flex;
-
-    > h5 {
-      flex: 1;
-    }
-  }
-
-  ::v-deep .edit-help code {
-    padding: 1px 5px;
-  }
-</style>

package/edit/harvesterhci.io.setting/overcommit-config.vue

@@ -1,94 +0,0 @@
-<script>
-import CreateEditView from '@shell/mixins/create-edit-view';
-import UnitInput from '@shell/components/form/UnitInput';
-
-export default {
-  name: 'HarvesterOvercommitConfig',
-
-  components: { UnitInput },
-
-  mixins: [CreateEditView],
-
-  data() {
-    let parseDefaultValue = {};
-
-    try {
-      parseDefaultValue = JSON.parse(this.value.value);
-    } catch (error) {
-      parseDefaultValue = JSON.parse(this.value.default);
-    }
-
-    return {
-      parseDefaultValue,
-      errors: []
-    };
-  },
-
-  created() {
-    this.update();
-  },
-
-  methods: {
-    update() {
-      const value = JSON.stringify(this.parseDefaultValue);
-
-      this.$set(this.value, 'value', value);
-    }
-  },
-
-  watch: {
-    value: {
-      handler(neu) {
-        const parseDefaultValue = JSON.parse(neu.value);
-
-        this.$set(this, 'parseDefaultValue', parseDefaultValue);
-      },
-      deep: true
-    }
-  }
-};
-</script>
-
-<template>
-  <div class="row">
-    <div class="col span-12">
-      <template>
-        <UnitInput
-          v-model="parseDefaultValue.cpu"
-          v-int-number
-          label-key="harvester.generic.cpu"
-          suffix="%"
-          :delay="0"
-          required
-          :mode="mode"
-          class="mb-20"
-          @input="update"
-        />
-
-        <UnitInput
-          v-model="parseDefaultValue.memory"
-          v-int-number
-          label-key="harvester.generic.memory"
-          suffix="%"
-          :delay="0"
-          required
-          :mode="mode"
-          class="mb-20"
-          @input="update"
-        />
-
-        <UnitInput
-          v-model="parseDefaultValue.storage"
-          v-int-number
-          label-key="harvester.generic.storage"
-          suffix="%"
-          :delay="0"
-          required
-          :mode="mode"
-          class="mb-20"
-          @input="update"
-        />
-      </template>
-    </div>
-  </div>
-</template>

package/edit/harvesterhci.io.setting/ssl-certificates.vue

@@ -1,117 +0,0 @@
-<script>
-import CreateEditView from '@shell/mixins/create-edit-view';
-import FileSelector from '@shell/components/form/FileSelector';
-
-export default {
-  name: 'HarvesterSSLCertificates',
-
-  components: { FileSelector },
-
-  mixins: [CreateEditView],
-
-  data() {
-    let parseDefaultValue = {};
-
-    try {
-      parseDefaultValue = JSON.parse(this.value.value);
-    } catch (error) {
-      parseDefaultValue = JSON.parse(this.value.default);
-    }
-
-    return {
-      parseDefaultValue,
-      caFileName:                '',
-      publicCertificateFileName: '',
-      privateKeyFileName:        ''
-    };
-  },
-
-  methods: {
-    onKeySelectedCa(type, file) {
-      const { name, value } = file;
-
-      this.$set(this.parseDefaultValue, type, value);
-      this.$set(this, `${ type }FileName`, name);
-      const _value = JSON.stringify(this.parseDefaultValue);
-
-      this.$set(this.value, 'value', _value);
-    }
-  },
-
-  watch: {
-    value: {
-      handler(neu) {
-        const parseDefaultValue = JSON.parse(neu.value);
-
-        this.$set(this, 'parseDefaultValue', parseDefaultValue);
-      },
-      deep: true
-    }
-  }
-};
-</script>
-
-<template>
-  <div>
-    <div class="row mb-20">
-      <div class="col span-12">
-        <div class="mb-10">
-          {{ t('harvester.setting.sslCertificates.publicCertificate') }}
-        </div>
-
-        <div class="chooseFile">
-          <FileSelector
-            :include-file-name="true"
-            class="btn btn-sm bg-primary mr-20"
-            label="Choose File"
-            @selected="onKeySelectedCa('publicCertificate', $event)"
-          />
-          <span :class="{ 'text-muted': !publicCertificateFileName }">{{ publicCertificateFileName ? publicCertificateFileName : t('harvester.generic.noFileChosen') }}</span>
-        </div>
-      </div>
-    </div>
-
-    <div class="row mb-20">
-      <div class="col span-12">
-        <div class="mb-10">
-          {{ t('harvester.setting.sslCertificates.privateKey') }}
-        </div>
-
-        <div class="chooseFile">
-          <FileSelector
-            :include-file-name="true"
-            class="btn btn-sm bg-primary mr-20"
-            label="Choose File"
-            @selected="onKeySelectedCa('privateKey', $event)"
-          />
-          <span :class="{ 'text-muted': !privateKeyFileName }">{{ privateKeyFileName ? privateKeyFileName : t('harvester.generic.noFileChosen') }}</span>
-        </div>
-      </div>
-    </div>
-
-    <div class="row mb-20">
-      <div class="col span-12">
-        <div class="mb-10">
-          {{ t('harvester.setting.sslCertificates.ca') }}
-        </div>
-
-        <div class="chooseFile">
-          <FileSelector
-            :include-file-name="true"
-            class="btn btn-sm bg-primary mr-20"
-            label="Choose File"
-            @selected="onKeySelectedCa('ca', $event)"
-          />
-          <span :class="{ 'text-muted': !caFileName }">{{ caFileName ? caFileName : t('harvester.generic.noFileChosen') }}</span>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.chooseFile {
-  display: flex;
-  align-items: center;
-}
-</style>

package/edit/harvesterhci.io.setting/ssl-parameters.vue

@@ -1,161 +0,0 @@
-<script>
-import { LabeledInput } from '@components/Form/LabeledInput';
-import { _EDIT } from '@shell/config/query-params';
-import LabeledSelect from '@shell/components/form/LabeledSelect';
-
-export default {
-  name: 'HarvesterSslParameters',
-
-  components: {
-    LabeledInput,
-    LabeledSelect,
-  },
-
-  props: {
-    mode: {
-      type:    String,
-      default: _EDIT,
-    },
-
-    value: {
-      type:    Object,
-      default: () => {
-        return {};
-      },
-    },
-
-    registerBeforeHook: {
-      type:     Function,
-      required: true,
-    },
-  },
-
-  data() {
-    let parsedDefaultValue = {};
-
-    try {
-      parsedDefaultValue = JSON.parse(this.value.value);
-    } catch (error) {
-      parsedDefaultValue = JSON.parse(this.value.default);
-    }
-
-    const protocols = parsedDefaultValue.protocols && (parsedDefaultValue.protocols || '').split(' ');
-
-    return {
-      parsedDefaultValue: {
-        protocols,
-        ciphers: parsedDefaultValue.ciphers,
-      },
-    };
-  },
-
-  created() {
-    if (this.registerBeforeHook) {
-      this.registerBeforeHook(this.willSave, 'willSave');
-    }
-  },
-
-  computed: {
-    protocolOptions() {
-      return [{
-        label: 'TLSv1.3',
-        value: 'TLSv1.3',
-      }, {
-        label: 'TLSv1.2',
-        value: 'TLSv1.2',
-      }, {
-        label: `TLSv1.1 (${ this.t('generic.deprecated') })`,
-        value: 'TLSv1.1',
-      }, {
-        label: `TLSv1 (${ this.t('generic.deprecated') })`,
-        value: 'TLSv1',
-      }, {
-        label: `SSLv3 (${ this.t('generic.deprecated') })`,
-        value: 'SSLv3',
-      }, {
-        label: `SSLv2 (${ this.t('generic.deprecated') })`,
-        value: 'SSLv2',
-      }];
-    },
-  },
-
-  methods: {
-    update() {
-      const out = {
-        protocols: (this.parsedDefaultValue.protocols || []).join(' '),
-        ciphers:   this.parsedDefaultValue.ciphers,
-      };
-
-      const value = JSON.stringify(out);
-
-      this.$set(this.value, 'value', value);
-    },
-
-    willSave() {
-      const errors = [];
-
-      const ciphers = this.parsedDefaultValue.ciphers;
-      const protocols = this.parsedDefaultValue.protocols || [];
-
-      if (ciphers && protocols.length === 0) {
-        errors.push(this.t('validation.required', { key: this.t('harvester.sslParameters.protocols.label') }, true));
-      }
-
-      if (!ciphers && protocols.length > 0) {
-        errors.push(this.t('validation.required', { key: this.t('harvester.sslParameters.ciphers.label') }, true));
-      }
-
-      const regex = /^(:?[A-Z0-9]+(?:-[A-Z0-9]+)+)+$/gm;
-
-      if (ciphers && (!ciphers.match(regex) || ciphers.startsWith(':'))) {
-        errors.push(this.t('validation.invalid', { key: this.t('harvester.sslParameters.ciphers.label') }, true));
-      }
-
-      if (errors.length > 0) {
-        return Promise.reject(errors);
-      } else {
-        return Promise.resolve();
-      }
-    },
-  },
-
-  watch: {
-    'value.value': {
-      handler(value) {
-        if (value === this.value.default) {
-          this.parsedDefaultValue.protocols = [];
-          this.parsedDefaultValue.ciphers = '';
-        }
-      },
-      deep: true,
-    },
-  }
-};
-</script>
-
-<template>
-  <div>
-    <div class="row mt-10">
-      <div class="col span-12">
-        <LabeledSelect
-          v-model="parsedDefaultValue.protocols"
-          :mode="mode"
-          label-key="harvester.sslParameters.protocols.label"
-          :multiple="true"
-          :options="protocolOptions"
-          @input="update"
-        />
-      </div>
-    </div>
-    <div class="row mt-20">
-      <div class="col span-12">
-        <LabeledInput
-          v-model="parsedDefaultValue.ciphers"
-          :mode="mode"
-          label-key="harvester.sslParameters.ciphers.label"
-          @input="update"
-        />
-      </div>
-    </div>
-  </div>
-</template>

package/edit/harvesterhci.io.setting/support-bundle-image.vue

@@ -1,134 +0,0 @@
-<script>
-import { _EDIT } from '@shell/config/query-params';
-import { LabeledInput } from '@components/Form/LabeledInput';
-import LabeledSelect from '@shell/components/form/LabeledSelect';
-
-export default {
-  name: 'HarvesterSupportBundleImage',
-
-  components: { LabeledInput, LabeledSelect },
-
-  props: {
-    registerBeforeHook: {
-      type:     Function,
-      required: true,
-    },
-
-    mode: {
-      type:    String,
-      default: _EDIT,
-    },
-
-    value: {
-      type:    Object,
-      default: () => {
-        return {};
-      },
-    },
-  },
-
-  data() {
-    let parseDefaultValue = {};
-
-    try {
-      parseDefaultValue = JSON.parse(this.value.value);
-    } catch (error) {
-      parseDefaultValue = JSON.parse(this.value.default);
-    }
-
-    return { parseDefaultValue };
-  },
-
-  created() {
-    this.update();
-    if (this.registerBeforeHook) {
-      this.registerBeforeHook(this.willSave, 'willSave');
-    }
-  },
-
-  computed: {
-    imagePolicyOptions() {
-      return [{
-        label: this.t('generic.imagePullPolicy.always'),
-        value: 'Always',
-      }, {
-        label: this.t('generic.imagePullPolicy.ifNotPresent'),
-        value: 'IfNotPresent',
-      }, {
-        label: this.t('generic.imagePullPolicy.never'),
-        value: 'Never'
-      }];
-    }
-  },
-
-  methods: {
-    update() {
-      const value = JSON.stringify(this.parseDefaultValue);
-
-      this.$set(this.value, 'value', value);
-    },
-
-    willSave() {
-      const errors = [];
-
-      if (!this.parseDefaultValue.repository) {
-        errors.push(this.t('validation.required', { key: this.t('harvester.setting.supportBundleImage.repo') }, true));
-      }
-
-      if (!this.parseDefaultValue.tag) {
-        errors.push(this.t('validation.required', { key: this.t('harvester.setting.supportBundleImage.tag') }, true));
-      }
-
-      if (errors.length > 0) {
-        return Promise.reject(errors);
-      } else {
-        return Promise.resolve();
-      }
-    },
-  },
-
-  watch: {
-    value: {
-      handler(neu) {
-        const parseDefaultValue = JSON.parse(neu.value);
-
-        this.$set(this, 'parseDefaultValue', parseDefaultValue);
-      },
-      deep: true
-    }
-  }
-};
-</script>
-
-<template>
-  <div class="row" @input="update">
-    <div class="col span-12">
-      <template>
-        <LabeledInput
-          v-model="parseDefaultValue.repository"
-          class="mb-20"
-          :mode="mode"
-          required
-          label-key="harvester.setting.supportBundleImage.repo"
-        />
-
-        <LabeledInput
-          v-model="parseDefaultValue.tag"
-          class="mb-20"
-          :mode="mode"
-          required
-          label-key="harvester.setting.supportBundleImage.tag"
-        />
-
-        <LabeledSelect
-          v-model="parseDefaultValue.imagePullPolicy"
-          class="mb-20"
-          required
-          label-key="harvester.setting.supportBundleImage.imagePullPolicy"
-          :options="imagePolicyOptions"
-          @input="update"
-        />
-      </template>
-    </div>
-  </div>
-</template>