UI: Add button to show public IPs associated with vlanid (#8717)

Author: vishesh92

ui/src/config/section/infra/phynetworks.js

@@ -42,6 +42,11 @@ export default {
     name: 'guestnetwork',
     title: 'label.guest.networks',
     param: 'physicalnetworkid'
+  },
+  {
+    name: 'publicip',
+    title: 'label.public.ip.addresses',
+    param: 'physicalnetworkid'
   }],
   actions: [
     {

ui/src/views/infra/network/IpRangesTabPublic.vue

@@ -53,6 +53,12 @@
         <div
           class="actions"
           style="text-align: right" >
+          <router-link :to="{ name: 'publicip', query: { vlanid: record.id }}" target="_blank">
+            <tooltip-button
+              tooltipPlacement="bottom"
+              :tooltip="$t('label.view') + ' ' + $t('label.public.ip.addresses')"
+              icon="environment-outlined"/>
+          </router-link>
           <tooltip-button
             v-if="!record.domain && !basicGuestNetwork && record.gateway && !record.ip6gateway"
             tooltipPlacement="bottom"