From 8e870f6b586114463f0ae8ae85514cab83be2728 Mon Sep 17 00:00:00 2001
From: Hoang Nguyen <hoangnm@unitech.vn>
Date: Mon, 21 Sep 2020 18:31:23 +0700
Subject: [PATCH] Add CIDR next to the network name (#729)

Signed-off-by: Rohit Yadav <rohit.yadav@shapeblue.com>
---
 ui/src/views/compute/DeployVM.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/ui/src/views/compute/DeployVM.vue b/ui/src/views/compute/DeployVM.vue
index 15e31ec7705..a4b42bfaa60 100644
--- a/ui/src/views/compute/DeployVM.vue
+++ b/ui/src/views/compute/DeployVM.vue
@@ -277,11 +277,14 @@
                           ]"
                           :placeholder="nic.networkDescription"
                           :filterOption="(input, option) => {
-                            return option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
+                            return option.componentOptions.children[0].children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
                           }"
                         >
                           <a-select-option v-for="opt in options.networks" :key="opt.id">
-                            {{ opt.name || opt.description }}
+                            <span v-if="opt.type!=='L2'">
+                              {{ opt.name || opt.description }} ({{ `${$t('label.cidr')}: ${opt.cidr}` }})
+                            </span>
+                            <span v-else>{{ opt.name || opt.description }}</span>
                           </a-select-option>
                         </a-select>
                       </a-form-item>