fix: fix the network IP availability showing

By default policy configuration, only administrative users can retrieve IP availability. Otherwise, Not Found (404) will be returned

Closes-Bug: #2003303
Change-Id: I9e3232dc5828208d3ef08b033d953501fe93fed8

releasenotes/notes/Fix-Network-Availability-And-Usage-Stats-Showing-46c89740ccc36e04.yaml

@@ -0,0 +1,10 @@
+---
+fixes:
+  - |
+    `Bug #2003303 <https://bugs.launchpad.net/skyline-console/+bug/2003303>`:
+
+    Fix the network IP availability showing by role.
+
+    By default policy configuration, only administrative users can retrieve IP availability.
+
+    Otherwise, Not Found (404) will be returned.

src/pages/network/containers/Network/Detail/index.jsx

@@ -17,7 +17,6 @@ import Base from 'containers/TabDetail';
 import { NetworkStore } from 'stores/neutron/network';
 import { networkStatus } from 'resources/neutron/network';
 import Port from 'pages/network/containers/Port';
-import globalRootStore from 'stores/root';
 import Subnet from 'pages/network/containers/Subnet';
 import Detail from './Detail';
 import actionConfigs from '../actions';
@@ -50,17 +49,14 @@ export class NetworkDetail extends Base {
         .fetchDetailWithAvailabilityAndUsage({
           ...newParams,
           isAdminPage: this.isAdminPage,
-          currentProjectId: globalRootStore.user.project.id,
+          canAddNetworkIPUsageInfo: this.canAddNetworkIPUsageInfo,
         })
         .catch(this.catch);
     }
   };
 
   get canAddNetworkIPUsageInfo() {
-    return (
-      this.isAdminPage ||
-      globalRootStore.user.project.id === this.detailData.project_id
-    );
+    return this.store.hasAdminRole;
   }
 
   get detailInfos() {

src/pages/network/containers/Subnet/Detail/Detail.jsx

@@ -26,9 +26,7 @@ export class BaseDetail extends Base {
   }
 
   get canAddNetworkIPUsageInfo() {
-    return (
-      this.isAdminPage || this.currentProjectId === this.detailData.project_id
-    );
+    return this.store.hasAdminRole;
   }
 
   get networkCard() {

src/pages/network/containers/Subnet/Detail/index.jsx

@@ -45,6 +45,7 @@ export class SubnetDetail extends Base {
     return {
       ...params,
       inDetail: true,
+      canAddNetworkIPUsageInfo: this.store.hasAdminRole,
     };
   };
 

src/pages/network/containers/Subnet/index.jsx

@@ -49,9 +49,7 @@ export class Subnets extends Base {
   };
 
   get canAddNetworkIPUsageInfo() {
-    return (
-      this.isAdminPage || this.currentProjectId === this.props.detail.project_id
-    );
+    return this.store.hasAdminRole;
   }
 
   getColumns = () => {

src/stores/neutron/network.js

@@ -133,7 +133,7 @@ export class NetworkStore extends Base {
   async fetchDetailWithAvailabilityAndUsage({
     id,
     isAdminPage,
-    currentProjectId,
+    canAddNetworkIPUsageInfo,
   }) {
     this.isLoading = true;
     const result = await this.client.show(id);
@@ -167,8 +167,8 @@ export class NetworkStore extends Base {
       projectName: projectDetail.name,
     };
 
-    // Only the administrator or the current network owner can view the number of IP addresses used
-    if (isAdminPage || currentProjectId === originData.project_id) {
+    // Only the administrator can view the number of IP addresses used
+    if (canAddNetworkIPUsageInfo) {
       const used = await this.ipClient.show(id);
       this.detail = {
         ...this.detail,

src/stores/neutron/subnet.js

@@ -89,7 +89,7 @@ export class SubnetStore extends Base {
   }
 
   async detailDidFetch(item, allProjects, filters) {
-    const { inDetail = false } = filters;
+    const { inDetail = false, canAddNetworkIPUsageInfo = false } = filters;
     if (!inDetail) {
       return item;
     }
@@ -97,7 +97,7 @@ export class SubnetStore extends Base {
     const networkParams = {
       id: network_id,
       isAdminPage: allProjects,
-      currentProjectId: this.currentProjectId,
+      canAddNetworkIPUsageInfo,
     };
     const { NetworkStore } = require('stores/neutron/network');
     const network =