harvester-ui-extension/pkg/harvester/components/settings/default-vm-termination-grace-period-seconds.vue
Francesco Torchia aba9c167e0
Vue3 migration - vue-migration.js launch + shell compatibility fixes
Signed-off-by: Francesco Torchia <francesco.torchia@suse.com>
2024-10-23 17:00:51 +02:00

44 lines
992 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="terminationGracePeriodSeconds"
:suffix="terminationGracePeriodSeconds === 1 ? 'Second' : 'Seconds'"
:label="t('harvester.virtualMachine.terminationGracePeriodSeconds.label')"
:mode="mode"
@input="update"
/>
</div>
</div>
</template>