From 10beb4097dd9490a34339ebfcd26a124937eb7b8 Mon Sep 17 00:00:00 2001
From: Hoang Nguyen <hoangnm@unitech.vn>
Date: Wed, 26 Aug 2020 16:44:15 +0700
Subject: [PATCH] VM Wizard: Custom RAM field compute offering (#600)

* Custom RAM input field compute offering

* add a new translation for memory (MB) key

* remove unnecessary formatting

* Reuse the slider.

* remove `MB` from behind memory input

Signed-off-by: Rohit Yadav <rohit.yadav@shapeblue.com>
---
 ui/src/views/compute/wizard/ComputeSelection.vue | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/ui/src/views/compute/wizard/ComputeSelection.vue b/ui/src/views/compute/wizard/ComputeSelection.vue
index 2b402682edc..bdac0b1a842 100644
--- a/ui/src/views/compute/wizard/ComputeSelection.vue
+++ b/ui/src/views/compute/wizard/ComputeSelection.vue
@@ -21,7 +21,7 @@
       <a-row>
         <a-col :md="colContraned" :lg="colContraned">
           <a-form-item
-            :label="this.$t('label.cpunumber')"
+            :label="$t('label.cpunumber')"
             :validate-status="errors.cpu.status"
             :help="errors.cpu.message">
             <a-row :gutter="12">
@@ -36,7 +36,6 @@
               <a-col :md="4" :lg="4">
                 <a-input-number
                   v-model="cpuNumberInputValue"
-                  :formatter="value => `${value}`"
                   @change="($event) => updateComputeCpuNumber($event)"
                 />
               </a-col>
@@ -45,7 +44,7 @@
         </a-col>
         <a-col :md="8" :lg="8" v-show="!isConstrained">
           <a-form-item
-            :label="this.$t('label.cpuspeed')"
+            :label="$t('label.cpuspeed')"
             :validate-status="errors.cpuspeed.status"
             :help="errors.cpuspeed.message">
             <a-input-number
@@ -56,7 +55,7 @@
         </a-col>
         <a-col :md="colContraned" :lg="colContraned">
           <a-form-item
-            :label="this.$t('label.memory.mb')"
+            :label="$t('label.memory.mb')"
             :validate-status="errors.memory.status"
             :help="errors.memory.message">
             <a-row :gutter="12">
@@ -188,6 +187,7 @@ export default {
       this.updateComputeMemory(this.preFillContent.memory || this.memoryInputValue)
     },
     updateComputeCpuNumber (value) {
+      if (!value) this.cpuNumberInputValue = 0
       if (!this.validateInput('cpu', value)) {
         return
       }
@@ -197,6 +197,7 @@ export default {
       this.$emit('update-compute-cpuspeed', this.cpuspeedInputDecorator, value)
     },
     updateComputeMemory (value) {
+      if (!value) this.memoryInputValue = 0
       if (!this.validateInput('memory', value)) {
         return
       }