[cloudstack] branch 4.15 updated: ui: add cancel button missing on dialog (#4763)

[rohit]

This is an automated email from the ASF dual-hosted git repository.

rohit pushed a commit to branch 4.15
in repository https://gitbox.apache.org/repos/asf/cloudstack.git


The following commit(s) were added to refs/heads/4.15 by this push:
     new 3e8dbc05 ui: add cancel button missing on dialog (#4763)
3e8dbc05 is described below

commit 3e8dbc0584f43bba7076d9ee435d49a77f1b17b1
Author: Hoang Nguyen <hoan...@unitech.vn>
AuthorDate: Mon Mar 29 17:49:38 2021 +0700

    ui: add cancel button missing on dialog (#4763)
---
 ui/src/views/compute/AssignInstance.vue | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/ui/src/views/compute/AssignInstance.vue 
b/ui/src/views/compute/AssignInstance.vue
index a80187b..000dee5 100644
--- a/ui/src/views/compute/AssignInstance.vue
+++ b/ui/src/views/compute/AssignInstance.vue
@@ -77,9 +77,14 @@
         </a-select>
       </div>
 
-      <a-button type="primary" class="submit-btn" @click="submitData">
-        {{ $t('label.submit') }}
-      </a-button>
+      <div class="submit-btn">
+        <a-button @click="closeAction">
+          {{ $t('label.cancel') }}
+        </a-button>
+        <a-button type="primary" @click="submitData">
+          {{ $t('label.submit') }}
+        </a-button>
+      </div>
 
     </div>
 
@@ -183,6 +188,9 @@ export default {
       this.selectedAccount = null
       this.fetchNetworks()
     },
+    closeAction () {
+      this.$emit('close-action')
+    },
     submitData () {
       let variableKey = ''
       let variableValue = ''
@@ -255,6 +263,10 @@ export default {
   .submit-btn {
     margin-top: 10px;
     align-self: flex-end;
+
+    button {
+      margin-left: 10px;
+    }
   }
 
   .required {