CONSOLE-4954: Add Workload tab to Node view

Author: jeff-phillips-18

frontend/packages/console-app/locales/en/console-app.json

@@ -526,6 +526,7 @@
   "Kubelet version": "Kubelet version",
   "Kube-Proxy version": "Kube-Proxy version",
   "Configuration": "Configuration",
+  "Workload": "Workload",
   "Machine set": "Machine set",
   "This count is based on your access permissions and might not include all virtual machines.": "This count is based on your access permissions and might not include all virtual machines.",
   "{{formattedCores}} cores / {{totalCores}} cores": "{{formattedCores}} cores / {{totalCores}} cores",

frontend/packages/console-app/src/components/nodes/NodeDetailsPage.tsx

@@ -21,6 +21,7 @@ import NodeDashboard from './node-dashboard/NodeDashboard';
 import NodeDetails from './NodeDetails';
 import NodeLogs from './NodeLogs';
 import NodeTerminal from './NodeTerminal';
+import { NodeWorkload } from './NodeWorkload';
 
 const NodePodsPage: FC<PageComponentProps<NodeKind>> = ({ obj }) => (
   <PodsPage
@@ -55,10 +56,15 @@ export const NodeDetailsPage: FC<ComponentProps<typeof DetailsPage>> = (props) =
               nameKey: 'console-app~Configuration',
               component: NodeConfiguration,
             },
+            {
+              href: 'workload',
+              // t('console-app~Workload')
+              nameKey: 'console-app~Workload',
+              component: NodeWorkload,
+            },
+            navFactory.editYaml(),
           ]
-        : []),
-      navFactory.editYaml(),
-      navFactory.pods(NodePodsPage),
+        : [navFactory.editYaml(), navFactory.pods(NodePodsPage)]),
       navFactory.logs(NodeLogs),
       navFactory.events(ResourceEventStream),
       ...(!isWindowsNode(node) ? [navFactory.terminal(NodeTerminal)] : []),

frontend/packages/console-app/src/components/nodes/NodeWorkload.tsx

@@ -0,0 +1,31 @@
+import type { FC } from 'react';
+import type { NodeKind } from '@console/dynamic-plugin-sdk/src';
+import { PodsPage } from '@console/internal/components/pod-list';
+import type { PageComponentProps } from '@console/internal/components/utils';
+import { NodeSubNavPage } from './NodeSubNavPage';
+
+const NodePodsPage: FC<PageComponentProps<NodeKind>> = ({ obj }) => (
+  <PodsPage
+    fieldSelector={`spec.nodeName=${obj.metadata.name}`}
+    showNamespaceOverride
+    hideFavoriteButton
+  />
+);
+
+type NodeWorkloadProps = {
+  obj: NodeKind;
+};
+
+const standardPages = [
+  {
+    tabId: 'pods',
+    // t('console-app~Pods')
+    nameKey: 'console-app~Pods',
+    component: NodePodsPage,
+    priority: 30,
+  },
+];
+
+export const NodeWorkload: FC<NodeWorkloadProps> = ({ obj }) => (
+  <NodeSubNavPage obj={obj} pageId="workload" standardPages={standardPages} />
+);

frontend/public/components/pod-list.tsx

@@ -588,6 +588,7 @@ export const PodsPage: FC<PodPageProps> = ({
   hideLabelFilter,
   hideColumnManagement,
   showNamespaceOverride,
+  hideFavoriteButton,
 }) => {
   const { t } = useTranslation();
   const dispatch = useConsoleDispatch();
@@ -638,7 +639,10 @@ export const PodsPage: FC<PodPageProps> = ({
 
   return (
     <>
-      <ListPageHeader title={showTitle ? t('public~Pods') : ''}>
+      <ListPageHeader
+        title={showTitle ? t('public~Pods') : ''}
+        hideFavoriteButton={hideFavoriteButton}
+      >
         {canCreate && (
           <ListPageCreate groupVersionKind={resourceKind} createAccessReview={accessReview}>
             {t('public~Create Pod')}
@@ -711,4 +715,5 @@ type PodPageProps = {
   hideNameLabelFilters?: boolean;
   hideColumnManagement?: boolean;
   showNamespaceOverride?: boolean;
+  hideFavoriteButton?: boolean;
 };