mirror of
https://github.com/harvester/harvester-ui-extension.git
synced 2026-02-04 23:11:44 +00:00
128 lines
2.9 KiB
Vue
128 lines
2.9 KiB
Vue
<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 NameNsDescription from '@shell/components/form/NameNsDescription';
|
|
import LabelValue from '@shell/components/LabelValue';
|
|
import CreateEditView from '@shell/mixins/create-edit-view';
|
|
|
|
export default {
|
|
name: 'HarvesterEditMIGConfiguration',
|
|
|
|
components: {
|
|
Tab,
|
|
Tabbed,
|
|
CruResource,
|
|
LabeledInput,
|
|
NameNsDescription,
|
|
LabelValue
|
|
},
|
|
|
|
mixins: [CreateEditView],
|
|
|
|
inheritAttrs: false,
|
|
|
|
props: {
|
|
value: {
|
|
type: Object,
|
|
required: true,
|
|
}
|
|
},
|
|
|
|
data() {
|
|
const { profileSpec } = this.value.spec;
|
|
|
|
return { profileSpec: profileSpec || [] };
|
|
},
|
|
|
|
created() {
|
|
if (this.registerBeforeHook) {
|
|
this.registerBeforeHook(this.updateBeforeSave);
|
|
}
|
|
},
|
|
|
|
methods: {
|
|
updateBeforeSave() {
|
|
// MIGConfiguration CRD don't have any namespace field,
|
|
// so we need to remove the namespace field before saving
|
|
delete this.value.metadata.namespace;
|
|
// enable the MIGConfiguration when saving
|
|
this.value.spec.enabled = true;
|
|
},
|
|
|
|
labelTitle(profile) {
|
|
return `${ profile.name }`;
|
|
},
|
|
|
|
available(profile) {
|
|
const count = this.value.status?.profileStatus?.find((p) => p.id === profile.id)?.available;
|
|
|
|
return count || 0;
|
|
},
|
|
|
|
updateRequested(neu, profile) {
|
|
if (neu === null || neu === '') return;
|
|
const newValue = Number(neu);
|
|
const availableCount = this.available(profile);
|
|
|
|
if (newValue < 0) {
|
|
profile.requested = 0;
|
|
} else if ( newValue > availableCount ) {
|
|
profile.requested = availableCount;
|
|
} else {
|
|
profile.requested = newValue;
|
|
}
|
|
}
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<CruResource
|
|
:done-route="doneRoute"
|
|
:resource="value"
|
|
:mode="mode"
|
|
:errors="errors"
|
|
:apply-hooks="applyHooks"
|
|
finish-button-mode="enable"
|
|
@finish="save"
|
|
@error="e=>errors=e"
|
|
>
|
|
<NameNsDescription
|
|
:value="value"
|
|
:mode="mode"
|
|
/>
|
|
<Tabbed
|
|
v-bind="$attrs"
|
|
class="mt-15"
|
|
:side-tabs="true"
|
|
>
|
|
<Tab
|
|
name="Profile Spec"
|
|
:label="t('harvester.migconfiguration.profileSpec')"
|
|
:weight="1"
|
|
class="bordered-table"
|
|
>
|
|
<div
|
|
v-for="(profile, index) in profileSpec"
|
|
:key="index"
|
|
>
|
|
<LabelValue
|
|
:value="labelTitle(profile)"
|
|
class="mb-10"
|
|
/>
|
|
<LabeledInput
|
|
v-model:value="profile.requested"
|
|
:min="0"
|
|
type="number"
|
|
class="mb-20"
|
|
:label="`${t('harvester.migconfiguration.requested')} (available : ${available(profile)})`"
|
|
@update:value="updateRequested($event, profile)"
|
|
/>
|
|
</div>
|
|
</Tab>
|
|
</Tabbed>
|
|
</CruResource>
|
|
</template>
|