mirror of https://github.com/rancher/dashboard.git
120 lines
3.0 KiB
Vue
120 lines
3.0 KiB
Vue
<script>
|
|
import createEditView from '@shell/mixins/create-edit-view';
|
|
import CruResource from '@shell/components/CruResource';
|
|
import LabeledSelect from '@shell/components/form/LabeledSelect';
|
|
import { LabeledInput } from '@components/Form/LabeledInput';
|
|
import NameNsDescription from '@shell/components/form/NameNsDescription';
|
|
import { mapGetters } from 'vuex';
|
|
import { CONFIG_MAP } from '@shell/config/types';
|
|
const providers = ['aks', 'docker', 'eks', 'gke', 'k3s', 'minikube', 'rke-windows', 'rke', 'rke2'];
|
|
|
|
export default {
|
|
components: {
|
|
CruResource, LabeledSelect, LabeledInput, NameNsDescription
|
|
},
|
|
|
|
mixins: [createEditView],
|
|
|
|
props: {
|
|
value: {
|
|
type: Object,
|
|
default: () => {
|
|
return {};
|
|
}
|
|
},
|
|
mode: {
|
|
type: String,
|
|
default: 'create'
|
|
}
|
|
|
|
},
|
|
|
|
async fetch() {
|
|
this.configMaps = await this.$store.dispatch('cluster/findAll', { type: CONFIG_MAP });
|
|
},
|
|
|
|
data() {
|
|
if (!this.value.spec) {
|
|
this.$set(this.value, 'spec', {});
|
|
}
|
|
|
|
return { configMaps: [], providers };
|
|
},
|
|
|
|
computed: {
|
|
customConfigMap: {
|
|
get() {
|
|
const { customBenchmarkConfigMapName = '', customBenchmarkConfigMapNamespace } = this.value?.spec;
|
|
|
|
return customBenchmarkConfigMapNamespace ? `${ customBenchmarkConfigMapNamespace }/${ customBenchmarkConfigMapName }` : customBenchmarkConfigMapName;
|
|
},
|
|
set(neu) {
|
|
const { name, namespace } = neu.metadata;
|
|
|
|
this.$set(this.value.spec, 'customBenchmarkConfigMapName', name);
|
|
this.$set(this.value.spec, 'customBenchmarkConfigMapNamespace', namespace);
|
|
}
|
|
},
|
|
...mapGetters({ t: 'i18n/t' })
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<CruResource
|
|
:done-route="doneRoute"
|
|
:resource="value"
|
|
:mode="mode"
|
|
:errors="errors"
|
|
@finish="save"
|
|
@error="e=>errors = e"
|
|
>
|
|
<div class="row">
|
|
<div class="col span-12">
|
|
<NameNsDescription
|
|
:mode="mode"
|
|
:value="value"
|
|
:namespaced="false"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="row mb-20">
|
|
<div class="col span-6">
|
|
<LabeledSelect
|
|
v-model="value.spec.clusterProvider"
|
|
:clearable="true"
|
|
:options="providers"
|
|
:mode="mode"
|
|
:label="t('cis.clusterProvider')"
|
|
/>
|
|
</div>
|
|
<div class="col span-6">
|
|
<LabeledSelect
|
|
v-model="customConfigMap"
|
|
:clearable="true"
|
|
option-label="id"
|
|
:options="configMaps"
|
|
:mode="mode"
|
|
:label="t('cis.customConfigMap')"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="row mb-20">
|
|
<div class="col span-6">
|
|
<LabeledInput
|
|
v-model="value.spec.minKubernetesVersion"
|
|
:mode="mode"
|
|
:label="t('cis.minKubernetesVersion')"
|
|
/>
|
|
</div>
|
|
<div class="col span-6">
|
|
<LabeledInput
|
|
v-model="value.spec.maxKubernetesVersion"
|
|
:mode="mode"
|
|
:label="t('cis.maxKubernetesVersion')"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</CruResource>
|
|
</template>
|