From 0bd0fe2880964ba72680d583f977d3ebe5d18910 Mon Sep 17 00:00:00 2001
From: Rohit Yadav <rohit.yadav@shapeblue.com>
Date: Wed, 25 Sep 2019 11:17:15 +0530
Subject: [PATCH] config: allow custom action component needs to be in popup

When custom component is specified for an action, allow boolean option
to display that component either in a popup or in routable component.

Signed-off-by: Rohit Yadav <rohit.yadav@shapeblue.com>
---
 ui/src/config/section/infra.js | 1 +
 ui/src/views/AutogenView.vue   | 6 +++---
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/ui/src/config/section/infra.js b/ui/src/config/section/infra.js
index 727018c0e95..7f94c34f131 100644
--- a/ui/src/config/section/infra.js
+++ b/ui/src/config/section/infra.js
@@ -16,6 +16,7 @@ export default {
           icon: 'plus',
           label: 'Add Zone',
           listView: true,
+          popup: true,
           component: () => import('@/views/infra/ZoneWizard.vue')
         }
       ]
diff --git a/ui/src/views/AutogenView.vue b/ui/src/views/AutogenView.vue
index 61ec6e5a17a..6c7a614e365 100644
--- a/ui/src/views/AutogenView.vue
+++ b/ui/src/views/AutogenView.vue
@@ -90,16 +90,16 @@
           :visible="showAction"
           :closable="true"
           style="top: 20px;"
-          @ok="handleSubmit"
           @cancel="closeAction"
           :confirmLoading="currentAction.loading"
+          :footer="null"
           centered
         >
           <component :is="currentAction.component"/></component>
         </a-modal>
       </keep-alive>
-
       <a-modal
+        v-else
         :title="currentAction.label"
         :visible="showAction"
         :closable="true"
@@ -369,7 +369,7 @@ export default {
       this.currentAction = {}
     },
     execAction (action) {
-      if (action.component && action.api) {
+      if (action.component && action.api && !action.popup) {
         this.$router.push({ name: action.api })
         return
       }