UI: Add button to show public IPs associated with vlanid (apache#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

@@ -54,6 +54,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"
@@ -748,4 +754,4 @@ export default {
   .pagination {
     margin-top: 20px;
   }
-</style>
+</style>