harvester-ui-extension/pkg/harvester/components/settings/default-vm-termination-grace-period-seconds.vue
andy.lee f4efd61408
fix default-vm-termination-grace-period-seconds setting can not update
Signed-off-by: andy.lee <andy.lee@suse.com>
2024-11-12 11:50:20 +01:00

44 lines
1006 B
Vue

<script>
import CreateEditView from '@shell/mixins/create-edit-view';
import UnitInput from '@shell/components/form/UnitInput';
export default {
name: 'DefaultVMTerminationGracePeriodSeconds',
components: { UnitInput },
mixins: [CreateEditView],
data() {
return { terminationGracePeriodSeconds: this.value.value || this.value.default };
},
methods: {
update() {
this.value['value'] = String(this.terminationGracePeriodSeconds);
},
useDefault() {
this['terminationGracePeriodSeconds'] = Number(this.value.default);
this.update();
},
},
};
</script>
<template>
<div
class="row"
>
<div class="col span-12">
<UnitInput
v-model:value.number="terminationGracePeriodSeconds"
:suffix="terminationGracePeriodSeconds === 1 ? 'Second' : 'Seconds'"
:label="t('harvester.virtualMachine.terminationGracePeriodSeconds.label')"
:mode="mode"
@update:value="update"
/>
</div>
</div>
</template>