harvester-ui-extension/pkg/harvester/components/settings/default-vm-termination-grace-period-seconds.vue
Francesco Torchia 4f2688f6ab
Add pkg/harvester components + shell portings - 1
Signed-off-by: Francesco Torchia <francesco.torchia@suse.com>
2024-10-23 17:00:46 +02: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.$set(this.value, 'value', String(this.terminationGracePeriodSeconds));
},
useDefault() {
this.$set(this, 'terminationGracePeriodSeconds', Number(this.value.default));
this.update();
},
},
};
</script>
<template>
<div
class="row"
>
<div class="col span-12">
<UnitInput
v-model="terminationGracePeriodSeconds"
:suffix="terminationGracePeriodSeconds === 1 ? 'Second' : 'Seconds'"
:label="t('harvester.virtualMachine.terminationGracePeriodSeconds.label')"
:mode="mode"
@input="update"
/>
</div>
</div>
</template>