From bee009f6059f335c38f55375e244657f9fdb99e7 Mon Sep 17 00:00:00 2001
From: Wei Zhou <weizhou@apache.org>
Date: Thu, 5 Jan 2023 13:26:55 +0100
Subject: [PATCH] UI: fix cannot list lb rules if cidr_list is NULL

---
 ui/src/components/view/BulkActionProgress.vue | 2 +-
 ui/src/components/view/BulkActionView.vue     | 2 +-
 ui/src/views/network/LoadBalancing.vue        | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/ui/src/components/view/BulkActionProgress.vue b/ui/src/components/view/BulkActionProgress.vue
index ce99d23354cf..be21a05e9776 100644
--- a/ui/src/components/view/BulkActionProgress.vue
+++ b/ui/src/components/view/BulkActionProgress.vue
@@ -81,7 +81,7 @@
           <div><desktop-outlined /> {{ record.virtualmachinename }} ({{ record.vmguestip }})</div>
         </template>
         <template #cidrlist="{ record }">
-          <span style="white-space: pre-line"> {{ record.cidrlist.replaceAll(" ", "\n") }}</span>
+          <span style="white-space: pre-line"> {{ record.cidrlist?.replaceAll(" ", "\n") }}</span>
         </template>
       </a-table>
       <br/>
diff --git a/ui/src/components/view/BulkActionView.vue b/ui/src/components/view/BulkActionView.vue
index e30a8676d6ee..a22ab5a192e2 100644
--- a/ui/src/components/view/BulkActionView.vue
+++ b/ui/src/components/view/BulkActionView.vue
@@ -83,7 +83,7 @@
             {{ record.icmpcode || record.endport >= 0 ? record.icmpcode || record.endport : $t('label.all') }}
           </template>
           <template #cidrlist="{record}">
-            <span style="white-space: pre-line"> {{ record.cidrlist.replaceAll(" ", "\n") }}</span>
+            <span style="white-space: pre-line"> {{ record.cidrlist?.replaceAll(" ", "\n") }}</span>
           </template>
         </a-table>
         <a-divider />
diff --git a/ui/src/views/network/LoadBalancing.vue b/ui/src/views/network/LoadBalancing.vue
index ace092ee8c92..cc6899bb5bbd 100644
--- a/ui/src/views/network/LoadBalancing.vue
+++ b/ui/src/views/network/LoadBalancing.vue
@@ -119,7 +119,7 @@
       :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
       :rowKey="record => record.id">
       <template #cidrlist="{ record }">
-        <span style="white-space: pre-line"> {{ record.cidrlist.replaceAll(" ", "\n") }}</span>
+        <span style="white-space: pre-line"> {{ record.cidrlist?.replaceAll(" ", "\n") }}</span>
       </template>
       <template #algorithm="{ record }">
         {{ returnAlgorithmName(record.algorithm) }}