open role and group members in new tab

Signed-off-by: aporss <[email protected]>
AthenZ · Sep 6, 2024 · b51b221 · b51b221
1 parent 64ee24f
commit b51b221
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 2 deletions.
diff --git a/ui/src/components/group/GroupRow.js b/ui/src/components/group/GroupRow.js
@@ -101,6 +101,15 @@ class GroupRow extends React.Component {
         this.props.router.push(route, route);
     }
 
+    // opens new tab on cmd + click or ctrl + click
+    onClickNewTabFunction(route, args) {
+        if(args.metaKey || args.ctrlKey) {
+            args.view.open(args.view.origin + route, '_blank', 'noopener,norefferer');
+        } else {
+            this.props.router.push(route, route);
+        }
+    }
+
     onSubmitDelete() {
         let groupName = this.state.deleteName;
         if (
@@ -154,7 +163,7 @@ class GroupRow extends React.Component {
         let color = this.props.color;
         let idx = this.props.idx;
 
-        let clickMembers = this.onClickFunction.bind(
+        let clickMembers = this.onClickNewTabFunction.bind(
             this,
             `/domain/${this.props.domain}/group/${this.state.name}/members`
         );

diff --git a/ui/src/components/role/RoleRow.js b/ui/src/components/role/RoleRow.js
@@ -122,6 +122,15 @@ class RoleRow extends React.Component {
         this.props.router.push(route, route);
     }
 
+    // opens new tab on cmd + click or ctrl + click
+    onClickNewTabFunction(route, args) {
+        if(args.metaKey || args.ctrlKey) {
+            args.view.open(args.view.origin + route, '_blank', 'noopener,norefferer');
+        } else {
+            this.props.router.push(route, route);
+        }
+    }
+
     onSubmitDelete(domain) {
         let roleName = this.state.deleteName;
         if (
@@ -173,7 +182,7 @@ class RoleRow extends React.Component {
         let color = this.props.color;
         let idx = this.props.idx;
 
-        let clickMembers = this.onClickFunction.bind(
+        let clickMembers = this.onClickNewTabFunction.bind(
             this,
             `/domain/${this.props.domain}/role/${this.state.name}/members`
         );