mirror of https://github.com/rancher/dashboard.git
77 lines
1.5 KiB
Vue
77 lines
1.5 KiB
Vue
<script>
|
|
import KeyValue from '@/components/form/KeyValue';
|
|
import { _VIEW } from '@/config/query-params';
|
|
import Select from '@/components/form/Select';
|
|
|
|
const EFFECT_VALUES = {
|
|
NO_SCHEDULE: 'NoSchedule',
|
|
PREFER_NO_SCHEDULE: 'PreferNoSchedule',
|
|
NO_EXECUTE: 'NoExecute',
|
|
};
|
|
|
|
export default {
|
|
components: { KeyValue, Select },
|
|
|
|
props: {
|
|
value: {
|
|
type: Array,
|
|
default: null
|
|
},
|
|
mode: {
|
|
type: String,
|
|
default: _VIEW
|
|
}
|
|
},
|
|
|
|
data() {
|
|
return { effectOptions: Object.values(EFFECT_VALUES).map(v => ({ label: v, value: v })) };
|
|
},
|
|
|
|
computed: {
|
|
localValue: {
|
|
get() {
|
|
return this.value;
|
|
},
|
|
|
|
set(localValue) {
|
|
this.$emit('input', localValue);
|
|
}
|
|
},
|
|
|
|
defaultAddData() {
|
|
return { effect: EFFECT_VALUES.NO_SCHEDULE };
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<div class="taints">
|
|
<KeyValue
|
|
v-model="localValue"
|
|
title="Taints"
|
|
:mode="mode"
|
|
:as-map="false"
|
|
:read-allowed="false"
|
|
:protip="false"
|
|
:show-header="true"
|
|
:default-add-data="defaultAddData"
|
|
:extra-columns="['effect']"
|
|
:preserve-keys="['effect']"
|
|
:add-label="t('labels.addTaint')"
|
|
>
|
|
<template #label:effect>
|
|
Effect
|
|
</template>
|
|
|
|
<template #col:effect="{row, queueUpdate}">
|
|
<Select
|
|
v-model="row.effect"
|
|
:options="effectOptions"
|
|
@input="queueUpdate"
|
|
/>
|
|
</template>
|
|
</KeyValue>
|
|
</div>
|
|
</template>
|