Added button to revoke admin rights in frontend (#3378)

* added button to revoke admin rights

* made the code pretty

* Update CHANGELOG.md

* updated snapshots

Author: MichaelBuessemeyer

CHANGELOG.md

@@ -14,6 +14,7 @@ For upgrade instructions, please check the [migration guide](MIGRATIONS.md).
 - Added support for duplicate dataset names for different organizations [#3137](https://github.com/scalableminds/webknossos/pull/3137)
 - Extended the version restore view and added a view to restore older versions of a volume tracing. Access it through the dropdown next to the Save button. [#3349](https://github.com/scalableminds/webknossos/pull/3349)
 - Added support to watch additional dataset directories, automatically creating symbolic links to the main directory [#3330](https://github.com/scalableminds/webknossos/pull/3330)
+- Added a button to the users list view that revokes admin rights from all selected users. [#3378](https://github.com/scalableminds/webknossos/pull/3378)
 - A User can now have multiple layouts for tracing views. [#3299](https://github.com/scalableminds/webknossos/pull/3299)
 - The info tab in tracing views now displays the extent of the current dataset. [#3371](https://github.com/scalableminds/webknossos/pull/3371).
 

app/assets/javascripts/admin/user/user_list_view.js

@@ -170,11 +170,11 @@ class UserListView extends React.PureComponent<Props, State> {
     });
   };
 
-  grantAdminRights = async () => {
+  setAdminRightsTo = async (isAdmin: boolean) => {
     if (this.props.activeUser.isAdmin) {
       const newUserPromises = this.state.users.map(user => {
         if (this.state.selectedUserIds.includes(user.id)) {
-          const newUser = Object.assign({}, user, { isAdmin: true });
+          const newUser = Object.assign({}, user, { isAdmin });
 
           return updateUser(newUser);
         }
@@ -305,22 +305,40 @@ class UserListView extends React.PureComponent<Props, State> {
           Change Experience
         </Button>
         {this.props.activeUser.isAdmin ? (
-          <Button
-            onClick={() =>
-              Modal.confirm({
-                title: messages["users.grant_admin_rights_title"],
-                content: messages["users.grant_admin_rights"]({
-                  numUsers: this.state.selectedUserIds.length,
-                }),
-                onOk: this.grantAdminRights,
-              })
-            }
-            icon="rocket"
-            disabled={!hasRowsSelected}
-            style={marginRight}
-          >
-            Grant Admin Rights
-          </Button>
+          <React.Fragment>
+            <Button
+              onClick={() =>
+                Modal.confirm({
+                  title: messages["users.grant_admin_rights_title"],
+                  content: messages["users.grant_admin_rights"]({
+                    numUsers: this.state.selectedUserIds.length,
+                  }),
+                  onOk: () => this.setAdminRightsTo(true),
+                })
+              }
+              icon="rocket"
+              disabled={!hasRowsSelected}
+              style={marginRight}
+            >
+              Grant Admin Rights
+            </Button>
+            <Button
+              onClick={() =>
+                Modal.confirm({
+                  title: messages["users.revoke_admin_rights_title"],
+                  content: messages["users.revoke_admin_rights"]({
+                    numUsers: this.state.selectedUserIds.length,
+                  }),
+                  onOk: () => this.setAdminRightsTo(false),
+                })
+              }
+              icon="rollback"
+              disabled={!hasRowsSelected}
+              style={marginRight}
+            >
+              Revoke Admin Rights
+            </Button>
+          </React.Fragment>
         ) : null}
         <InviteUsersPopover
           organizationName={this.props.activeUser.organization}

app/assets/javascripts/messages.js

@@ -185,6 +185,10 @@ In order to restore the current window, a reload is necessary.`,
   "users.grant_admin_rights": _.template(
     "You are about to grant admin privileges to <%- numUsers %> user(s) giving them access to all teams, datasets and annotations. Do you want to proceed?",
   ),
+  "users.revoke_admin_rights_title": "Do you really want to revoke admin rights?",
+  "users.revoke_admin_rights": _.template(
+    "You are about to revoke admin privileges from <%- numUsers %> user(s). Do you want to proceed?",
+  ),
   "users.change_email_title": "Do you really want to change the email?",
   "users.change_email": _.template(
     "Do you really want to change the email to '<%- newEmail %>' ? The corresponding user will be logged out and unsaved changes might be lost.",

app/assets/javascripts/test/snapshots/public/test-bundle/test/enzyme/snapshot.e2e.js.md

@@ -6060,6 +6060,16 @@ Generated by [AVA](https://ava.li).
     </span>␊
     </button>␊
     </Button>␊
+    <Button onClick={[Function: onClick]} icon="rollback" disabled={true} style={{...}} prefixCls="ant-btn" loading={false} ghost={false}>␊
+    <button onClick={[Function]} disabled={true} style={{...}} type="button" className="ant-btn">␊
+    <Icon type="rollback">␊
+    <i className="anticon anticon-rollback" />␊
+    </Icon>␊
+    <span>␊
+    Revoke Admin Rights␊
+    </span>␊
+    </button>␊
+    </Button>␊
     <InviteUsersPopover organizationName="Organization_X" visible={false} handleVisibleChange={[Function: handleVisibleChange]}>␊
     <Popover trigger="click" visible={false} onVisibleChange={[Function: handleVisibleChange]} title="Invite Users" content={{...}} prefixCls="ant-popover" placement="top" transitionName="zoom-big" mouseEnterDelay={0.1} mouseLeaveDelay={0.1} overlayStyle={{...}}>␊
     <Tooltip trigger="click" visible={false} onVisibleChange={[Function: handleVisibleChange]} content={{...}} prefixCls="ant-popover" placement="top" transitionName="zoom-big" mouseEnterDelay={0.1} mouseLeaveDelay={0.1} overlayStyle={{...}} overlay={{...}} arrowPointAtCenter={false} autoAdjustOverflow={true}>␊