UI: fix issues when deploy VNF applicance on network with SG

[weizhouapache]

Description

since #9415 , shared network with Security groups are supported in advanced zone (with SG)

This PR fixes two issues when deploy VNF appliance on such network

• "Configure network rules for VNF's management interfaces" is not visible (UI: No checkbox to configure rules for VNF management interfaces #12435)

• "Security groups" are not listed in details of VNF appliance

• Fix Access details of VNF appliance (UI:VNF Appliance management information is not displayed #12470)

Types of changes

• Breaking change (fix or feature that would cause existing functionality to change)
• New feature (non-breaking change which adds functionality)
• Bug fix (non-breaking change which fixes an issue)
• Enhancement (improves an existing feature and functionality)
• Cleanup (Code refactoring and cleanup, that may add test cases)
• Build/CI
• Test (unit or integration test code)

Feature/Enhancement Scale or Bug Severity

Feature/Enhancement Scale

• Major
• Minor

Bug Severity

• BLOCKER
• Critical
• Major
• Minor
• Trivial

Screenshots (if appropriate):

How Has This Been Tested?

How did you try to break this feature and the system with this change?

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 16.24%. Comparing base (9e86fdf) to head (828a208).
⚠️ Report is 15 commits behind head on 4.20.

Additional details and impacted files

@@ Coverage Diff @@## 4.20 #12436 +/- ##
==========================================
Coverage 16.23% 16.24% - Complexity 13378 13390 +12 
==========================================
Files 5657 5657 Lines 498971 499108 +137 Branches 60561 60574 +13 ==========================================
+ Hits 81032 81065 +33 - Misses 408905 409005 +100 - Partials 9034 9038 +4 

Flag	Coverage Δ
uitests	4.03% <ø> (-0.01%)	⬇️
unittests	17.09% <ø> (+<0.01%)	⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[DaanHoogland]

@blueorangutan ui

[blueorangutan]

@DaanHoogland a Jenkins job has been kicked to build UI QA env. I'll keep you posted as I make progress.

[blueorangutan]

UI build: ✔️
Live QA URL: https://qa.cloudstack.cloud/simulator/pr/12436 (QA-JID-846)

[DaanHoogland]

clgtm

[DaanHoogland]

@weizhouapache could you add some test configuration description to this PR?

[weizhouapache]

@weizhouapache could you add some test configuration description to this PR?

added a paragraph in the description. cc @RosiKyu

Refer to https://docs.cloudstack.apache.org/en/latest/adminguide/networking/security_groups.html
To enable security groups for an existing advanced zone which doesn’t have security groups enabled, the administrator can enable the SecurityGroupProvider for the physical network of the zone. This will allow user to create networks with Security Groups.

[vishesh92]

clgtm

[RosiKyu]

@blueorangutan package

[blueorangutan]

@RosiKyu a [SL] Jenkins job has been kicked to build packages. It will be bundled with KVM, XenServer and VMware SystemVM templates. I'll keep you posted as I make progress.

[blueorangutan]

Packaging result [SF]: ✔️ el8 ✔️ el9 ✔️ el10 ✔️ debian ✔️ suse15. SL-JID 16476

[RosiKyu]

LGTM

Test Report

Environment: KVM, Advanced Zone with Shared Network + Security Groups enabled

Test Results

Test Case	Result
Toggle "Configure network rules for VNF's management interfaces" visible	PASS
Toggle default state (OFF)	PASS
Security groups tab visible in VNF details	PASS
VNF Security Group created and assigned	PASS
Management access information displayed	PASS

Evidence

Minor Issue

The tooltip says "True by default" but the documentation and actual behavior is "False by default".

Consider updating the tooltip for consistency

[weizhouapache]

thanks @RosiKyu for the testing, awesome

Minor Issue

The tooltip says "True by default" but the documentation and actual behavior is "False by default".

Consider updating the tooltip for consistency

I will fix the minor issue in #12499

cc @DaanHoogland