Fix: CIDR list sent to VR & UI tooltip

Author: CodeBleu

server/src/main/java/com/cloud/network/router/CommandSetupHelper.java

@@ -365,7 +365,10 @@ public void createApplyLoadBalancingRulesCommands(final List<LoadBalancingRule>
             final List<LbDestination> destinations = rule.getDestinations();
             final List<LbStickinessPolicy> stickinessPolicies = rule.getStickinessPolicies();
             final LoadBalancerTO lb = new LoadBalancerTO(uuid, srcIp, srcPort, protocol, algorithm, revoked, false, inline, destinations, stickinessPolicies);
-            lb.setCidrList(rule.getCidrList());
+            String cidrList = rule.getCidrList();
+            if (cidrList != null && !cidrList.isEmpty()) {
+                lb.setCidrList(String.join(" ", cidrList.split(",")));
+            }
             lb.setLbProtocol(lb_protocol);
             lb.setLbSslCert(rule.getLbSslCert());
             lbs[i++] = lb;

ui/src/views/network/LoadBalancing.vue

@@ -452,17 +452,20 @@
           </a-select>
         </div>
         <div v-if="lbProvider !== 'Netris'" class="edit-rule__item">
-          <p class="edit-rule__label">{{ $t('label.sourcecidrlist') }}</p>
+          <p class="edit-rule__label">
+            {{ $t('label.sourcecidrlist') }}
+            <tooltip-label
+              :title="''"
+              bold
+              :tooltip="createLoadBalancerRuleParams.cidrlist.description || 'Enter a comma-separated list of CIDR blocks.'"
+              :tooltip-placement="'right'"
+              style="display: inline; margin-left: 5px;"
+            />
+          </p>
           <a-input
             v-model:value="editRuleDetails.cidrlist"
             :placeholder="$t('label.sourcecidrlist')"
           />
-          <tooltip-label
-            :title="$t('label.sourcecidrlist')"
-            bold
-            :tooltip="createLoadBalancerRuleParams.cidrlist.description"
-            :tooltip-placement="'right'"
-          />
         </div>
         <div :span="24" class="action-button">
           <a-button @click="() => editRuleModalVisible = false">{{ $t('label.cancel') }}</a-button>