From 60366de1633db87bcb99b396a9c86204873bcf1e Mon Sep 17 00:00:00 2001
From: Alain Courtines <acourtines@yahoo.com>
Date: Mon, 20 May 2024 19:23:12 -0700
Subject: [PATCH] User Experience: Allow users to add Description to Private
 Gateway and Static Routes #8837

---
 ui/src/views/network/VpcTab.vue | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/ui/src/views/network/VpcTab.vue b/ui/src/views/network/VpcTab.vue
index 4603e0abf694..c5b61d4627d0 100644
--- a/ui/src/views/network/VpcTab.vue
+++ b/ui/src/views/network/VpcTab.vue
@@ -224,6 +224,16 @@
                   v-model:value="form.netmask"
                 ></a-input>
               </a-form-item>
+              <a-form-item :label="$t('label.description')" ref="description" name="description">
+                <a-textarea
+                  :placeholder="placeholder.description"
+                  v-model="form.description"
+                  auto-size="{
+                    minRows: 2,
+                    maxRows: 5
+                  }"
+                ></a-textarea>
+              </a-form-item>
               <a-form-item :label="$t('label.sourcenat')" ref="nat" name="nat">
                 <a-checkbox v-model:checked="form.nat"></a-checkbox>
               </a-form-item>
@@ -433,7 +443,8 @@ export default {
         vlan: null,
         ipaddress: null,
         gateway: null,
-        netmask: null
+        netmask: null,
+        description: null
       },
       physicalnetworks: [],
       vpncustomergateways: [],
@@ -459,6 +470,11 @@ export default {
         {
           title: this.$t('label.vlan'),
           dataIndex: 'vlan'
+        },
+        {
+          key: 'description',
+          title: this.$t('label.description'),
+          dataIndex: 'description'
         }
       ],
       vpnConnectionsColumns: [