From 3c63e5759091ebe2df388ef5cf35e83cb79cc12f Mon Sep 17 00:00:00 2001
From: Wei Zhou <weizhou@apache.org>
Date: Fri, 29 Apr 2022 14:13:34 +0200
Subject: [PATCH] UI: show startip and endip if network offering support
 specified ip ranges (#6336)

---
 .../network/CreateIsolatedNetworkForm.vue     | 22 +++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/ui/src/views/network/CreateIsolatedNetworkForm.vue b/ui/src/views/network/CreateIsolatedNetworkForm.vue
index a477af54dfc..189cd96c425 100644
--- a/ui/src/views/network/CreateIsolatedNetworkForm.vue
+++ b/ui/src/views/network/CreateIsolatedNetworkForm.vue
@@ -167,6 +167,22 @@
              v-model:value="form.netmask"
               :placeholder="apiParams.netmask.description"/>
           </a-form-item>
+          <a-form-item v-if="selectedNetworkOffering && selectedNetworkOffering.specifyipranges" name="startipv4" ref="startipv4">
+            <template #label>
+              <tooltip-label :title="$t('label.startipv4')" :tooltip="apiParams.startip.description"/>
+            </template>
+            <a-input
+              v-model:value="form.startipv4"
+              :placeholder="apiParams.startip.description"/>
+          </a-form-item>
+          <a-form-item v-if="selectedNetworkOffering && selectedNetworkOffering.specifyipranges" name="endipv4" ref="endipv4">
+            <template #label>
+              <tooltip-label :title="$t('label.endipv4')" :tooltip="apiParams.endip.description"/>
+            </template>
+            <a-input
+              v-model:value="form.endipv4"
+              :placeholder="apiParams.endip.description"/>
+          </a-form-item>
           <a-form-item
             ref="networkdomain"
             name="networkdomain"
@@ -444,6 +460,12 @@ export default {
         if (this.isValidTextValueForKey(values, 'netmask')) {
           params.netmask = values.netmask
         }
+        if (this.isValidTextValueForKey(values, 'startipv4')) {
+          params.startip = values.startipv4
+        }
+        if (this.isValidTextValueForKey(values, 'endipv4')) {
+          params.endip = values.endipv4
+        }
         if (this.isValidTextValueForKey(values, 'externalid')) {
           params.externalid = values.externalid
         }