refactor(k8s): namespace core logic (#12142)

Co-authored-by: testA113 <aliharriss1995@gmail.com>
Co-authored-by: Anthony Lapenna <anthony.lapenna@portainer.io>
Co-authored-by: James Carppe <85850129+jamescarppe@users.noreply.github.com>
Co-authored-by: Ali <83188384+testA113@users.noreply.github.com>

app/react/kubernetes/more-resources/ClusterRolesView/ClusterRoleBindingsDatatable/columns/created.tsx

@@ -0,0 +1,12 @@
+import { formatDate } from '@/portainer/filters/filters';
+
+import { columnHelper } from './helper';
+
+export const created = columnHelper.accessor(
+  (row) => formatDate(row.creationDate),
+  {
+    header: 'Created',
+    id: 'created',
+    cell: ({ getValue }) => getValue(),
+  }
+);

app/react/kubernetes/more-resources/ClusterRolesView/ClusterRoleBindingsDatatable/columns/helper.ts

@@ -0,0 +1,5 @@
+import { createColumnHelper } from '@tanstack/react-table';
+
+import { ClusterRoleBinding } from '../types';
+
+export const columnHelper = createColumnHelper<ClusterRoleBinding>();

app/react/kubernetes/more-resources/ClusterRolesView/ClusterRoleBindingsDatatable/columns/index.tsx

@@ -0,0 +1,17 @@
+import { name } from './name';
+import { roleName } from './roleName';
+import { kind } from './kind';
+import { created } from './created';
+import { subjectKind } from './subjectKind';
+import { subjectName } from './subjectName';
+import { subjectNamespace } from './subjectNamespace';
+
+export const columns = [
+  name,
+  roleName,
+  kind,
+  subjectKind,
+  subjectName,
+  subjectNamespace,
+  created,
+];

app/react/kubernetes/more-resources/ClusterRolesView/ClusterRoleBindingsDatatable/columns/kind.tsx

@@ -0,0 +1,6 @@
+import { columnHelper } from './helper';
+
+export const kind = columnHelper.accessor('roleRef.kind', {
+  header: 'Role Kind',
+  id: 'roleKind',
+});

app/react/kubernetes/more-resources/ClusterRolesView/ClusterRoleBindingsDatatable/columns/name.tsx

@@ -0,0 +1,22 @@
+import { SystemBadge } from '@@/Badge/SystemBadge';
+
+import { columnHelper } from './helper';
+
+export const name = columnHelper.accessor(
+  (row) => {
+    if (row.isSystem) {
+      return `${row.name} system`;
+    }
+    return row.name;
+  },
+  {
+    header: 'Name',
+    id: 'name',
+    cell: ({ row }) => (
+      <div className="flex gap-2">
+        {row.original.name}
+        {row.original.isSystem && <SystemBadge />}
+      </div>
+    ),
+  }
+);

app/react/kubernetes/more-resources/ClusterRolesView/ClusterRoleBindingsDatatable/columns/roleName.tsx

@@ -0,0 +1,6 @@
+import { columnHelper } from './helper';
+
+export const roleName = columnHelper.accessor('roleRef.name', {
+  header: 'Role Name',
+  id: 'roleName',
+});

app/react/kubernetes/more-resources/ClusterRolesView/ClusterRoleBindingsDatatable/columns/subjectKind.tsx

@@ -0,0 +1,13 @@
+import { columnHelper } from './helper';
+
+export const subjectKind = columnHelper.accessor(
+  (row) => row.subjects?.map((sub) => sub.kind).join(', '),
+  {
+    header: 'Subject Kind',
+    id: 'subjectKind',
+    cell: ({ row }) =>
+      row.original.subjects?.map((sub, index) => (
+        <div key={index}>{sub.kind}</div>
+      )) || '-',
+  }
+);

app/react/kubernetes/more-resources/ClusterRolesView/ClusterRoleBindingsDatatable/columns/subjectName.tsx

@@ -0,0 +1,13 @@
+import { columnHelper } from './helper';
+
+export const subjectName = columnHelper.accessor(
+  (row) => row.subjects?.map((sub) => sub.name).join(' '),
+  {
+    header: 'Subject Name',
+    id: 'subjectName',
+    cell: ({ row }) =>
+      row.original.subjects?.map((sub, index) => (
+        <div key={index}>{sub.name}</div>
+      )) || '-',
+  }
+);

app/react/kubernetes/more-resources/ClusterRolesView/ClusterRoleBindingsDatatable/columns/subjectNamespace.tsx

@@ -0,0 +1,42 @@
+import { Link } from '@@/Link';
+import { filterHOC } from '@@/datatables/Filter';
+
+import { filterFn, filterNamespaceOptionsTransformer } from '../../utils';
+
+import { columnHelper } from './helper';
+
+export const subjectNamespace = columnHelper.accessor(
+  (row) => row.subjects?.flatMap((sub) => sub.namespace || '-') || [],
+  {
+    header: 'Subject Namespace',
+    id: 'subjectNamespace',
+    cell: ({ row }) =>
+      row.original.subjects?.map((sub, index) => (
+        <div key={index}>
+          {sub.namespace ? (
+            <Link
+              to="kubernetes.resourcePools.resourcePool"
+              params={{
+                id: sub.namespace,
+              }}
+              title={sub.namespace}
+              data-cy={`subject-namespace-link-${row.original.name}_${index}`}
+            >
+              {sub.namespace}
+            </Link>
+          ) : (
+            '-'
+          )}
+        </div>
+      )) || '-',
+    enableColumnFilter: true,
+    // use a custom filter, to remove empty namespace values
+    meta: {
+      filter: filterHOC(
+        'Filter by subject namespace',
+        filterNamespaceOptionsTransformer
+      ),
+    },
+    filterFn,
+  }
+);