@rancher/shell 0.1.1 → 0.1.3

package/edit/harvesterhci.io.managedchart/rancher-monitoring.vue

@@ -1,172 +0,0 @@
-<script>
-import { LabeledInput } from '@components/Form/LabeledInput';
-import CreateEditView from '@shell/mixins/create-edit-view';
-
-export default {
-  name:       'EditHarvesterMonitoring',
-  components: { LabeledInput },
-
-  mixins: [CreateEditView],
-
-  props:  {
-    value: {
-      type:     Object,
-      required: true,
-    },
-  },
-
-  data() {
-    return {};
-  },
-
-  created() {
-    const resources = this.value.spec.values.prometheus.prometheusSpec.resources;
-
-    if (!resources?.limits) {
-      this.$set(resources, 'limits', {});
-    }
-
-    this.$set(resources.requests, 'cpu', resources?.requests?.cpu || '');
-    this.$set(resources.requests, 'memory', resources?.requests?.memory || '');
-    this.$set(resources.limits, 'cpu', resources?.limits?.cpu || '');
-    this.$set(resources.limits, 'memory', resources?.limits?.memory || '');
-  },
-
-  computed: {
-    doneLocationOverride() {
-      return this.value.listLocation;
-    },
-
-    prometheusNodeExporter() {
-      return this.value.spec.values['prometheus-node-exporter'];
-    }
-  },
-};
-</script>
-
-<template>
-  <div>
-    <h3>{{ t('harvester.setting.harvesterMonitoring.section.prometheus') }}</h3>
-    <div class="row">
-      <div class="col span-6">
-        <LabeledInput
-          v-model="value.spec.values.prometheus.prometheusSpec.scrapeInterval"
-          :label="t('monitoring.prometheus.config.scrape')"
-          :tooltip="t('harvester.setting.harvesterMonitoring.tips.scrape')"
-          :required="true"
-          :mode="mode"
-        />
-      </div>
-      <div class="col span-6">
-        <LabeledInput
-          v-model="value.spec.values.prometheus.prometheusSpec.evaluationInterval"
-          :label="t('monitoring.prometheus.config.evaluation')"
-          :tooltip="t('harvester.setting.harvesterMonitoring.tips.evaluation')"
-          :required="true"
-          :mode="mode"
-        />
-      </div>
-    </div>
-    <div class="row mt-10">
-      <div class="col span-6">
-        <LabeledInput
-          v-model="value.spec.values.prometheus.prometheusSpec.retention"
-          :label="t('monitoring.prometheus.config.retention')"
-          :tooltip="t('harvester.setting.harvesterMonitoring.tips.retention')"
-          :required="true"
-          :mode="mode"
-        />
-      </div>
-      <div class="col span-6">
-        <LabeledInput
-          v-model="value.spec.values.prometheus.prometheusSpec.retentionSize"
-          :label="t('monitoring.prometheus.config.retentionSize')"
-          :tooltip="t('harvester.setting.harvesterMonitoring.tips.retentionSize')"
-          :required="true"
-          :mode="mode"
-        />
-      </div>
-    </div>
-    <div class="row mt-10">
-      <div class="col span-12 mt-5">
-        <h4 class="mb-0">
-          {{ t('monitoring.prometheus.config.resourceLimits') }}
-        </h4>
-      </div>
-    </div>
-    <div class="row mt-10">
-      <div class="col span-6">
-        <LabeledInput
-          v-model="value.spec.values.prometheus.prometheusSpec.resources.requests.cpu"
-          :label="t('monitoring.prometheus.config.requests.cpu')"
-          :required="true"
-          :mode="mode"
-        />
-      </div>
-      <div class="col span-6">
-        <LabeledInput
-          v-model="value.spec.values.prometheus.prometheusSpec.resources.requests.memory"
-          :label="t('monitoring.prometheus.config.requests.memory')"
-          :required="true"
-          :mode="mode"
-        />
-      </div>
-    </div>
-    <div class="row mt-10">
-      <div class="col span-6">
-        <LabeledInput
-          v-model="value.spec.values.prometheus.prometheusSpec.resources.limits.cpu"
-          :label="t('monitoring.prometheus.config.limits.cpu')"
-          :required="true"
-          :mode="mode"
-        />
-      </div>
-      <div class="col span-6">
-        <LabeledInput
-          v-model="value.spec.values.prometheus.prometheusSpec.resources.limits.memory"
-          :label="t('monitoring.prometheus.config.limits.memory')"
-          :required="true"
-          :mode="mode"
-        />
-      </div>
-    </div>
-    <hr class="divider mt-30 mb-20" />
-    <h3>{{ t('harvester.setting.harvesterMonitoring.section.prometheusNodeExporter') }}</h3>
-    <div class="row mt-10">
-      <div class="col span-6">
-        <LabeledInput
-          v-model="prometheusNodeExporter.resources.limits.cpu"
-          :label="t('monitoring.prometheus.config.limits.cpu')"
-          :required="true"
-          :mode="mode"
-        />
-      </div>
-      <div class="col span-6">
-        <LabeledInput
-          v-model="prometheusNodeExporter.resources.limits.memory"
-          :label="t('monitoring.prometheus.config.limits.memory')"
-          :required="true"
-          :mode="mode"
-        />
-      </div>
-    </div>
-    <div class="row mt-10">
-      <div class="col span-6">
-        <LabeledInput
-          v-model="prometheusNodeExporter.resources.requests.cpu"
-          :label="t('monitoring.prometheus.config.requests.cpu')"
-          :required="true"
-          :mode="mode"
-        />
-      </div>
-      <div class="col span-6">
-        <LabeledInput
-          v-model="prometheusNodeExporter.resources.requests.memory"
-          :label="t('monitoring.prometheus.config.requests.memory')"
-          :required="true"
-          :mode="mode"
-        />
-      </div>
-    </div>
-  </div>
-</template>

package/edit/harvesterhci.io.networkattachmentdefinition.vue

@@ -1,210 +0,0 @@
-<script>
-import Tabbed from '@shell/components/Tabbed';
-import Tab from '@shell/components/Tabbed/Tab';
-import CruResource from '@shell/components/CruResource';
-import { LabeledInput } from '@components/Form/LabeledInput';
-import { RadioGroup } from '@components/Form/Radio';
-import NameNsDescription from '@shell/components/form/NameNsDescription';
-
-import { HCI } from '@shell/config/labels-annotations';
-import CreateEditView from '@shell/mixins/create-edit-view';
-
-const AUTO = 'auto';
-const MANUAL = 'manual';
-
-export default {
-  components: {
-    Tab,
-    Tabbed,
-    CruResource,
-    LabeledInput,
-    NameNsDescription,
-    RadioGroup,
-  },
-
-  mixins: [CreateEditView],
-
-  props: {
-    value: {
-      type:     Object,
-      required: true,
-    }
-  },
-
-  data() {
-    const config = JSON.parse(this.value.spec.config);
-    const annotations = this.value?.metadata?.annotations || {};
-    const layer3Network = JSON.parse(annotations[HCI.NETWORK_ROUTE] || '{}');
-
-    return {
-      config,
-      type:          'L2VlanNetwork',
-      layer3Network: {
-        mode:         layer3Network.mode || AUTO,
-        serverIPAddr: layer3Network.serverIPAddr || '',
-        cidr:         layer3Network.cidr || '',
-        gateway:      layer3Network.gateway || '',
-      },
-    };
-  },
-
-  created() {
-    if (this.registerBeforeHook) {
-      this.registerBeforeHook(this.updateBeforeSave);
-    }
-  },
-
-  computed: {
-    modeOptions() {
-      return [{
-        label: this.t('harvester.network.layer3Network.mode.auto'),
-        value: AUTO,
-      }, {
-        label: this.t('harvester.network.layer3Network.mode.manual'),
-        value: MANUAL,
-      }];
-    },
-  },
-
-  methods: {
-    async saveNetwork(buttonCb) {
-      const errors = [];
-
-      if (!this.config.vlan) {
-        errors.push(this.$store.getters['i18n/t']('validation.required', { key: this.t('tableHeaders.networkVlan') }));
-      }
-
-      if (this.layer3Network.mode === MANUAL) {
-        if (!this.layer3Network.gateway) {
-          errors.push(this.$store.getters['i18n/t']('validation.required', { key: this.t('harvester.network.layer3Network.gateway.label') }));
-        }
-        if (!this.layer3Network.cidr) {
-          errors.push(this.$store.getters['i18n/t']('validation.required', { key: this.t('harvester.network.layer3Network.cidr.label') }));
-        }
-      }
-
-      if (errors.length > 0) {
-        buttonCb(false);
-        this.errors = errors;
-
-        return false;
-      }
-
-      this.value.setAnnotation(HCI.NETWORK_ROUTE, JSON.stringify(this.layer3Network));
-
-      await this.save(buttonCb);
-    },
-
-    input(neu) {
-      const pattern = /^([1-9]|[1-9][0-9]{1,2}|[1-3][0-9]{3}|40[0-9][0-4])$/;
-
-      if (!pattern.test(neu) && neu !== '') {
-        this.config.vlan = neu > 4094 ? 4094 : 1;
-      }
-    },
-
-    updateBeforeSave() {
-      this.value.setLabel(HCI.NETWORK_TYPE, this.type);
-      this.config.name = this.value.metadata.name;
-      this.value.spec.config = JSON.stringify(this.config);
-    }
-  }
-};
-</script>
-
-<template>
-  <CruResource
-    :done-route="doneRoute"
-    :resource="value"
-    :mode="mode"
-    :errors="errors"
-    :apply-hooks="applyHooks"
-    @finish="saveNetwork"
-  >
-    <NameNsDescription
-      ref="nd"
-      v-model="value"
-      :mode="mode"
-    />
-
-    <Tabbed v-bind="$attrs" class="mt-15" :side-tabs="true">
-      <Tab name="basics" :label="t('harvester.network.tabs.basics')" :weight="99" class="bordered-table">
-        <LabeledInput
-          v-model="type"
-          class="mb-20"
-          :label="t('harvester.fields.type')"
-          :disabled="true"
-          required
-        />
-
-        <LabeledInput
-          v-model.number="config.vlan"
-          v-int-number
-          class="mb-20"
-          required
-          type="number"
-          placeholder="e.g. 1-4094"
-          :label="t('tableHeaders.networkVlan')"
-          :mode="mode"
-          @input="input"
-        />
-      </Tab>
-      <Tab
-        name="layer3Network"
-        :label="t('harvester.network.tabs.layer3Network')"
-        :weight="98"
-        class="bordered-table"
-      >
-        <div class="row mt-10">
-          <div class="col span-6">
-            <RadioGroup
-              v-model="layer3Network.mode"
-              name="layer3NetworkMode"
-              :label="t('harvester.network.layer3Network.mode.label')"
-              :mode="mode"
-              :options="modeOptions"
-            />
-          </div>
-        </div>
-        <div
-          v-if="layer3Network.mode === 'auto'"
-          class="row mt-10"
-        >
-          <div class="col span-6">
-            <LabeledInput
-              v-model="layer3Network.serverIPAddr"
-              class="mb-20"
-              :label="t('harvester.network.layer3Network.serverIPAddr.label')"
-              :mode="mode"
-            />
-          </div>
-        </div>
-        <div
-          v-else
-          class="row mt-10"
-        >
-          <div class="col span-6">
-            <LabeledInput
-              v-model="layer3Network.cidr"
-              class="mb-20"
-              :label="t('harvester.network.layer3Network.cidr.label')"
-              :placeholder="t('harvester.network.layer3Network.cidr.placeholder')"
-              :mode="mode"
-              required
-            />
-          </div>
-          <div class="col span-6">
-            <LabeledInput
-              v-model="layer3Network.gateway"
-              class="mb-20"
-              :label="t('harvester.network.layer3Network.gateway.label')"
-              :placeholder="t('harvester.network.layer3Network.gateway.placeholder')"
-              :mode="mode"
-              required
-            />
-          </div>
-        </div>
-      </Tab>
-    </Tabbed>
-  </CruResource>
-</template>

package/edit/harvesterhci.io.setting/additional-ca.vue

@@ -1,36 +0,0 @@
-<script>
-import CreateEditView from '@shell/mixins/create-edit-view';
-import FileSelector, { createOnSelected } from '@shell/components/form/FileSelector';
-import { TextAreaAutoGrow } from '@components/Form/TextArea';
-
-export default {
-  name: 'HarvesterAdditionalCA',
-
-  components: { FileSelector, TextAreaAutoGrow },
-
-  mixins: [CreateEditView],
-
-  methods: { onKeySelected: createOnSelected('value.value') },
-};
-</script>
-
-<template>
-  <div>
-    <div class="row mb-20">
-      <div class="col span-12">
-        <FileSelector
-          class="btn btn-sm bg-primary mb-10"
-          :label="t('generic.readFromFile')"
-          @selected="onKeySelected"
-        />
-
-        <div>
-          <TextAreaAutoGrow
-            v-model="value.value"
-            :min-height="254"
-          />
-        </div>
-      </div>
-    </div>
-  </div>
-</template>

package/edit/harvesterhci.io.setting/backup-target.vue

@@ -1,182 +0,0 @@
-<script>
-import Tip from '@shell/components/Tip';
-import { HCI_SETTING } from '@shell/config/settings';
-import Password from '@shell/components/form/Password';
-import MessageLink from '@shell/components/MessageLink';
-import CreateEditView from '@shell/mixins/create-edit-view';
-import { LabeledInput } from '@components/Form/LabeledInput';
-import LabeledSelect from '@shell/components/form/LabeledSelect';
-
-export default {
-  name: 'HarvesterEditBackupTarget',
-
-  components: {
-    LabeledInput, LabeledSelect, Tip, Password, MessageLink
-  },
-
-  mixins: [CreateEditView],
-
-  data() {
-    let parseDefaultValue = {};
-
-    try {
-      parseDefaultValue = JSON.parse(this.value.value);
-    } catch (error) {
-      parseDefaultValue = JSON.parse(this.value.default);
-    }
-
-    if (!parseDefaultValue.type) {
-      parseDefaultValue.type = 's3';
-    }
-
-    return {
-      parseDefaultValue,
-      errors: []
-    };
-  },
-
-  computed: {
-    typeOption() {
-      return [{
-        value: 'nfs',
-        label: 'NFS'
-      }, {
-        value: 's3',
-        label: 'S3'
-      }];
-    },
-
-    virtualHostedStyleType() {
-      return [{
-        value: true,
-        label: 'True'
-      }, {
-        value: false,
-        label: 'False'
-      }];
-    },
-
-    isS3() {
-      return this.parseDefaultValue.type === 's3';
-    },
-
-    endpointPlaceholder() {
-      return this.isS3 ? '' : 'nfs://server:/path/';
-    },
-
-    toCA() {
-      return `${ HCI_SETTING.ADDITIONAL_CA }?mode=edit`;
-    }
-  },
-
-  watch: {
-    value: {
-      handler(neu) {
-        const parseDefaultValue = JSON.parse(neu.value);
-
-        this.$set(this, 'parseDefaultValue', parseDefaultValue);
-      },
-      deep: true
-    }
-  },
-
-  created() {
-    this.update();
-  },
-
-  methods: {
-    update() {
-      if (!this.isS3) {
-        delete this.parseDefaultValue.accessKeyId;
-        delete this.parseDefaultValue.secretAccessKey;
-        delete this.parseDefaultValue.bucketName;
-        delete this.parseDefaultValue.bucketRegion;
-        delete this.parseDefaultValue.virtualHostedStyle;
-        delete this.parseDefaultValue.cert;
-      }
-
-      const value = JSON.stringify(this.parseDefaultValue);
-
-      this.$set(this.value, 'value', value);
-    },
-  }
-};
-</script>
-
-<template>
-  <div class="row" @input="update">
-    <div class="col span-12">
-      <LabeledSelect v-model="parseDefaultValue.type" class="mb-20" :label="t('harvester.fields.type')" :options="typeOption" @input="update" />
-
-      <LabeledInput v-model="parseDefaultValue.endpoint" class="mb-5" :placeholder="endpointPlaceholder" :mode="mode" label="Endpoint" />
-      <Tip class="mb-20" icon="icon icon-info" :text="t('harvester.backup.backupTargetTip')" />
-
-      <template v-if="isS3">
-        <LabeledInput
-          v-model="parseDefaultValue.bucketName"
-          class="mb-20"
-          :mode="mode"
-          label="Bucket Name"
-          required
-        />
-
-        <LabeledInput
-          v-model="parseDefaultValue.bucketRegion"
-          class="mb-20"
-          :mode="mode"
-          label="Bucket Region"
-          required
-        />
-
-        <LabeledInput
-          v-model="parseDefaultValue.accessKeyId"
-          :placeholder="t('harvester.setting.placeholder.accessKeyId')"
-          class="mb-20"
-          :mode="mode"
-          label="Access Key ID"
-          required
-        />
-
-        <Password
-          v-model="parseDefaultValue.secretAccessKey"
-          class="mb-20"
-          :mode="mode"
-          :placeholder="t('harvester.setting.placeholder.secretAccessKey')"
-          label="Secret Access Key"
-          required
-        />
-
-        <LabeledSelect v-model="parseDefaultValue.virtualHostedStyle" class="mb-20" label="Virtual Hosted-Style" :options="virtualHostedStyleType" @input="update" />
-
-        <div class="mb-20">
-          <Tip icon="icon icon-info">
-            <MessageLink
-              :to="toCA"
-              target="_blank"
-              prefix-label="harvester.setting.message.ca.prefix"
-              middle-label="harvester.setting.message.ca.middle"
-              suffix-label="harvester.setting.message.ca.suffix"
-            />
-          </Tip>
-        </div>
-      </template>
-    </div>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-p {
-  display: flex;
-  align-items: center;
-}
-.icon-h-question {
-  font-size: 24px;
-}
-.tip {
-  font-size: 15px;
-}
-
-.goCA {
-  margin: 0 3px;
-}
-</style>

package/edit/harvesterhci.io.setting/http-proxy.vue

@@ -1,79 +0,0 @@
-<script>
-import CreateEditView from '@shell/mixins/create-edit-view';
-import { LabeledInput } from '@components/Form/LabeledInput';
-
-export default {
-  name: 'HarvesterHttpProxy',
-
-  components: { LabeledInput },
-
-  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" @input="update">
-    <div class="col span-12">
-      <template>
-        <LabeledInput
-          v-model="parseDefaultValue.httpProxy"
-          class="mb-20"
-          :mode="mode"
-          label="http-proxy"
-        />
-
-        <LabeledInput
-          v-model="parseDefaultValue.httpsProxy"
-          class="mb-20"
-          :mode="mode"
-          label="https-proxy"
-        />
-
-        <LabeledInput
-          v-model="parseDefaultValue.noProxy"
-          class="mb-20"
-          :mode="mode"
-          label="no-proxy"
-        />
-      </template>
-    </div>
-  </div>
-</template>