From 575e18c00af80f15f2cfb7d19bea06d086dc9779 Mon Sep 17 00:00:00 2001
From: Hoang Nguyen <hoangnm@unitech.vn>
Date: Thu, 1 Apr 2021 16:01:57 +0700
Subject: [PATCH] ui: Restored the Basic Networking (#4882)

* zone wizard: restored the basic networking

* set enabled Basic Networking
---
 ui/public/config.json                             |  3 ++-
 .../views/infra/zone/ZoneWizardZoneTypeStep.vue   | 15 ++++++++++++---
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/ui/public/config.json b/ui/public/config.json
index 45cc974ffeb..9f3b723c27f 100644
--- a/ui/public/config.json
+++ b/ui/public/config.json
@@ -47,5 +47,6 @@
     "sc": "label.simplified.chinese.keyboard"
   },
   "docHelpMappings": {},
-  "plugins": []
+  "plugins": [],
+  "basicZoneEnabled": true
 }
diff --git a/ui/src/views/infra/zone/ZoneWizardZoneTypeStep.vue b/ui/src/views/infra/zone/ZoneWizardZoneTypeStep.vue
index 722df4fa46c..72b4a60dd19 100644
--- a/ui/src/views/infra/zone/ZoneWizardZoneTypeStep.vue
+++ b/ui/src/views/infra/zone/ZoneWizardZoneTypeStep.vue
@@ -30,10 +30,18 @@
               initialValue: zoneType
             }]
           }]">
+          <a-card :gutter="12" class="card-item" v-if="$config.basicZoneEnabled">
+            <a-col :md="6" :lg="6">
+              <a-radio class="card-form-item" value="Basic">{{ $t('label.basic') }}</a-radio>
+            </a-col>
+            <a-col :md="18" :lg="18">
+              <a-card class="ant-form-text zone-support">{{ $t(zoneDescription.Basic) }}</a-card>
+            </a-col>
+          </a-card>
           <a-card :gutter="12" class="card-item">
             <a-col :md="6" :lg="6">
-              <a-radio style="display: none;" class="card-form-item" value="Advanced">{{ $t('label.advanced') }}</a-radio>
-              <span style="margin-top: 20px" class="card-form-item">
+              <a-radio class="card-form-item" value="Advanced" v-if="$config.basicZoneEnabled">{{ $t('label.advanced') }}</a-radio>
+              <span style="margin-top: 20px;" class="card-form-item" v-else>
                 <a-icon type="setting" style="margin-right: 10px" />
                 {{ $t('label.advanced') }}
               </span>
@@ -86,6 +94,7 @@ export default {
       wrapperCol: { span: 14 }
     },
     zoneDescription: {
+      Basic: 'message.desc.basic.zone',
       Advanced: 'message.desc.advanced.zone',
       SecurityGroups: 'message.advanced.security.group'
     }
@@ -108,7 +117,7 @@ export default {
       return this.zoneType === 'Advanced'
     },
     zoneType () {
-      return this.prefillContent.zoneType ? this.prefillContent.zoneType.value : 'Advanced'
+      return this.prefillContent.zoneType ? this.prefillContent.zoneType.value : (this.$config.basicZoneEnabled ? 'Basic' : 'Advanced')
     },
     securityGroupsEnabled () {
       return this.isAdvancedZone && (this.prefillContent.securityGroupsEnabled ? this.prefillContent.securityGroupsEnabled.value : false)