CONSOLE-922: Support AppliedClusterResourceQuota for normal users

Have only added list page support so far; will work on details page next.

Fixes https://issues.redhat.com/browse/CONSOLE-922

frontend/packages/console-shared/src/constants/common.ts

@@ -65,6 +65,7 @@ export enum FLAGS {
   CAN_LIST_NODE = 'CAN_LIST_NODE',
   CAN_LIST_PV = 'CAN_LIST_PV',
   CAN_LIST_CRD = 'CAN_LIST_CRD',
+  CAN_LIST_CLUSTER_QUOTA = 'CAN_LIST_CLUSTER_QUOTA',
   CAN_LIST_CHARGEBACK_REPORTS = 'CAN_LIST_CHARGEBACK_REPORTS',
   CAN_LIST_USERS = 'CAN_LIST_USERS',
   CAN_LIST_GROUPS = 'CAN_LIST_GROUPS',

frontend/public/actions/features.ts

@@ -122,6 +122,14 @@ const ssarChecks = [
       verb: 'list',
     },
   },
+  {
+    flag: FLAGS.CAN_LIST_CLUSTER_QUOTA,
+    resourceAttributes: {
+      group: 'quota.openshift.io',
+      resource: 'clusterresourcequota',
+      verb: 'list',
+    },
+  },
   {
     // TODO: Move into OLM plugin
     flag: FLAGS.CAN_LIST_OPERATOR_GROUP,

frontend/public/components/default-resource.tsx

@@ -8,6 +8,7 @@ import { Conditions } from './conditions';
 import { DetailsPage, ListPage, Table, TableData, TableProps, RowFunctionArgs } from './factory';
 import {
   referenceFor,
+  referenceForModel,
   kindForReference,
   K8sResourceKind,
   modelFor,
@@ -23,6 +24,7 @@ import {
   SectionHeading,
   Timestamp,
 } from './utils';
+import { AppliedClusterResourceQuotaModel } from '../models';
 
 const { common } = Kebab.factory;
 
@@ -102,22 +104,29 @@ export const DefaultList: React.FC<TableProps & { kinds: string[] }> = (props) =
     ];
   };
 
-  const TableRowForKind: React.FC<RowFunctionArgs<K8sResourceKind>> = ({ obj, customData }) => {
+  const TableRowForKind: React.FC<RowFunctionArgs<TableRowForKindProps>> = ({
+    obj,
+    customData,
+    namespace,
+  }) => {
     const kind = referenceFor(obj) || customData.kind;
     const menuActions = [...Kebab.getExtensionsActionsForKind(kindObj(kind)), ...common];
+    const appliedClusterQuotaReference = referenceForModel(AppliedClusterResourceQuotaModel);
+    const resourceNamespace =
+      kind === appliedClusterQuotaReference ? namespace : obj.metadata.namespace;
 
     return (
       <>
         <TableData className={tableColumnClasses[0]}>
           <ResourceLink
             kind={customData.kind}
             name={obj.metadata.name}
-            namespace={obj.metadata.namespace}
+            namespace={kind === appliedClusterQuotaReference ? namespace : obj.metadata.namespace}
           />
         </TableData>
         <TableData className={classNames(tableColumnClasses[1], 'co-break-word')}>
-          {obj.metadata.namespace ? (
-            <ResourceLink kind="Namespace" name={obj.metadata.namespace} />
+          {resourceNamespace ? (
+            <ResourceLink kind="Namespace" name={resourceNamespace} />
           ) : (
             t('public~None')
           )}
@@ -176,4 +185,7 @@ export const DefaultDetailsPage: React.FC<React.ComponentProps<typeof DetailsPag
 
   return <DetailsPage {...props} menuActions={menuActions} pages={pages} />;
 };
+
+export type TableRowForKindProps = K8sResourceKind & { namespace?: string };
+
 DefaultDetailsPage.displayName = 'DefaultDetailsPage';

frontend/public/components/factory/list-page.tsx

@@ -98,6 +98,7 @@ type ListPageWrapperProps<L = any, C = any> = {
   reduxIDs?: string[];
   textFilter?: string;
   nameFilterPlaceholder?: string;
+  namespace?: string;
   labelFilterPlaceholder?: string;
   label?: string;
   staticFilters?: { key: string; value: string }[];
@@ -573,6 +574,7 @@ export const MultiListPage: React.FC<MultiListPageProps> = (props) => {
           columnLayout={columnLayout}
           nameFilterPlaceholder={nameFilterPlaceholder}
           labelFilterPlaceholder={labelFilterPlaceholder}
+          namespace={namespace}
         />
       </Firehose>
     </FireMan>

frontend/public/components/factory/table.tsx

@@ -270,6 +270,7 @@ const VirtualBody: React.FC<VirtualBodyProps> = (props) => {
     scrollTop,
     width,
     getRowProps,
+    namespace,
   } = props;
 
   const cellMeasurementCache = new CellMeasurerCache({
@@ -283,6 +284,7 @@ const VirtualBody: React.FC<VirtualBodyProps> = (props) => {
       obj: data[index],
       columns,
       customData,
+      namespace,
     };
 
     // do not render non visible elements (this excludes overscan)
@@ -331,6 +333,7 @@ export type RowFunctionArgs<T = any, C = any> = {
   obj: T;
   columns: any[];
   customData?: C;
+  namespace?: string;
 };
 
 export type VirtualBodyProps<D = any, C = any> = {
@@ -345,6 +348,7 @@ export type VirtualBodyProps<D = any, C = any> = {
   width: number;
   expand: boolean;
   getRowProps?: (obj: D) => Partial<Pick<TableRowProps, 'id' | 'className' | 'title'>>;
+  namespace?: string;
 };
 
 type HeaderFunc = (componentProps: ComponentProps) => any[];
@@ -415,6 +419,7 @@ export const Table: React.FC<TableProps> = ({
   expand,
   label,
   mock,
+  namespace,
   selectedResourcesForKind,
   'aria-label': ariaLabel,
   virtualize = true,
@@ -570,6 +575,7 @@ export const Table: React.FC<TableProps> = ({
                 width={width}
                 expand={expand}
                 getRowProps={getRowProps}
+                namespace={namespace}
               />
             </div>
           )}
@@ -672,6 +678,7 @@ export type TableProps<D = any, C = any> = Partial<ComponentProps<D>> & {
   expand?: boolean;
   scrollElement?: HTMLElement | (() => HTMLElement);
   getRowProps?: VirtualBodyProps<D>['getRowProps'];
+  namespace?: string;
 };
 
 export type ComponentProps<D = any> = {

frontend/public/components/resource-pages.ts

@@ -8,6 +8,7 @@ import { ReportReference, ReportGenerationQueryReference } from './chargeback';
 import { referenceForModel, GroupVersionKind, referenceForExtensionModel } from '../module/k8s';
 import {
   AlertmanagerModel,
+  AppliedClusterResourceQuotaModel,
   BuildConfigModel,
   BuildModel,
   ClusterOperatorModel,
@@ -275,6 +276,11 @@ export const baseDetailsPages = ImmutableMap<ResourceMapKey, ResourceMapValue>()
       (m) => m.ResourceQuotasDetailsPage,
     ),
   )
+  .set(referenceForModel(AppliedClusterResourceQuotaModel), () =>
+    import('./resource-quota' /* webpackChunkName: "resource-quota" */).then(
+      (m) => m.ResourceQuotasDetailsPage,
+    ),
+  )
   .set(referenceForModel(LimitRangeModel), () =>
     import('./limit-range' /* webpackChunkName: "limit-range" */).then(
       (m) => m.LimitRangeDetailsPage,