feat(acsl): add Pattern Type to ACLs Panel Information (#1125)

close #1115
tchiotludo · Jun 26, 2022 · 686a1e9 · 686a1e9
1 parent 1222253
commit 686a1e9
Show file tree

Hide file tree

Showing 4 changed files with 40 additions and 8 deletions.
diff --git a/client/src/containers/Acl/AclDetail/AclClusters/AclClusters.jsx b/client/src/containers/Acl/AclDetail/AclClusters/AclClusters.jsx
@@ -30,7 +30,8 @@ class AclClusters extends Root {
   handleAcls = data => {
     const tableData = data.acls.map(acl => {
       return {
-        topic: acl.resource.name,
+        cluster: acl.resource.name,
+        patterntype: acl.resource.patternType,
         host: acl.host,
         permission: acl.operation
       };
@@ -56,9 +57,16 @@ class AclClusters extends Root {
         history={this.props.history}
         columns={[
           {
-            id: 'topic',
-            accessor: 'topic',
-            colName: 'Topic',
+            id: 'cluster',
+            accessor: 'cluster',
+            colName: 'Cluster',
+            type: 'text',
+            sortable: true
+          },
+          {
+            id: 'pattern-type',
+            accessor: 'patterntype',
+            colName: 'Pattern Type',
             type: 'text',
             sortable: true
           },

diff --git a/client/src/containers/Acl/AclDetail/AclGroups/AclGroups.jsx b/client/src/containers/Acl/AclDetail/AclGroups/AclGroups.jsx
@@ -31,6 +31,7 @@ class AclGroups extends Root {
     const tableData = data.acls.map(acl => {
       return {
         group: acl.resource.name,
+        patterntype: acl.resource.patternType,
         host: acl.host,
         permission: acl.operation
       };
@@ -62,6 +63,13 @@ class AclGroups extends Root {
             type: 'text',
             sortable: true
           },
+          {
+            id: 'pattern-type',
+            accessor: 'patterntype',
+            colName: 'Pattern Type',
+            type: 'text',
+            sortable: true
+          },
           {
             id: 'host',
             accessor: 'host',

diff --git a/client/src/containers/Acl/AclDetail/AclTopics/AclTopics.jsx b/client/src/containers/Acl/AclDetail/AclTopics/AclTopics.jsx
@@ -31,6 +31,7 @@ class AclTopics extends Root {
     const tableData = data.acls.map(acl => {
       return {
         topic: acl.resource.name,
+        patterntype: acl.resource.patternType,
         host: acl.host,
         permission: acl.operation
       };
@@ -62,6 +63,13 @@ class AclTopics extends Root {
             type: 'text',
             sortable: true
           },
+          {
+            id: 'pattern-type',
+            accessor: 'patterntype',
+            colName: 'Pattern Type',
+            type: 'text',
+            sortable: true
+          },
           {
             id: 'host',
             accessor: 'host',

diff --git a/client/src/containers/Acl/AclDetail/AclTransactionalIds/AclTransactionalIds.jsx b/client/src/containers/Acl/AclDetail/AclTransactionalIds/AclTransactionalIds.jsx
@@ -30,7 +30,8 @@ class AclTransactionalIds extends Root {
   handleAcls = data => {
     const tableData = data.acls.map(acl => {
       return {
-        topic: acl.resource.name,
+        transactionalId: acl.resource.name,
+        patterntype: acl.resource.patternType,
         host: acl.host,
         permission: acl.operation
       };
@@ -56,9 +57,16 @@ class AclTransactionalIds extends Root {
         history={this.props.history}
         columns={[
           {
-            id: 'topic',
-            accessor: 'topic',
-            colName: 'Topic',
+            id: 'transactionalId',
+            accessor: 'transactionalId',
+            colName: 'Transactional Id',
+            type: 'text',
+            sortable: true
+          },
+          {
+            id: 'pattern-type',
+            accessor: 'patterntype',
+            colName: 'Pattern Type',
             type: 'text',
             sortable: true
           },