Add a "Remove all space roles" button

static_src/actions/user_actions.js

@@ -90,6 +90,29 @@ const userActions = {
       .then((spaceUsers) => userActions.deleteUserOrDisplayNotice(spaceUsers, userGuid, orgGuid));
   },
 
+  removeAllSpaceRoles(userGuid, spaceGuid) {
+    AppDispatcher.handleViewAction({
+      type: userActionTypes.USER_REMOVE_ALL_SPACE_ROLES,
+      userGuid,
+      spaceGuid
+    });
+
+    const spaceRoles = ['auditors', 'developers', 'managers'];
+    const spaceRemovalRequests = spaceRoles.map((role) =>
+      Promise.resolve(cfApi.deleteSpaceUserPermissions(userGuid, spaceGuid, role))
+    );
+    return Promise.all(spaceRemovalRequests)
+      .then((responses) => userActions.handleSpaceRolesRemoved(responses, userGuid));
+  },
+
+  handleSpaceRolesRemoved(responses, userGuid) {
+    AppDispatcher.handleViewAction({
+      type: userActionTypes.USER_REMOVED_ALL_SPACE_ROLES,
+      responses,
+      userGuid
+    });
+  },
+
   deleteUser(userGuid, orgGuid) {
     AppDispatcher.handleViewAction({
       type: userActionTypes.USER_DELETE,

static_src/components/user_list.jsx

@@ -130,6 +130,7 @@ export default class UserList extends React.Component {
   }
 
   render() {
+    let buttonText;
     let content = <div><Loading text="Loading users" /></div>;
 
     if (this.props.empty) {
@@ -147,12 +148,17 @@ export default class UserList extends React.Component {
             if (this.props.onRemove) {
               let button = <span></span>;
               if (this.props.currentUserAccess) {
+                if (this.props.userType === 'org_users') {
+                  buttonText = 'Remove User From Org';
+                } else if (this.props.userType === 'space_users') {
+                  buttonText = 'Remove All Space Roles';
+                }
                 button = (
                   <Action
                     style="base"
                     clickHandler={ this._handleDelete.bind(this, user.guid) }
                     label="delete">
-                    <span>Remove User From Org</span>
+                    <span>{ buttonText }</span>
                   </Action>
                 );
               }

static_src/components/users.jsx

@@ -116,6 +116,11 @@ export default class Users extends React.Component {
     userActions.deleteUser(userGuid, this.state.currentOrgGuid);
   }
 
+  handleRemoveSpaceRoles(userGuid, ev) {
+    ev.preventDefault();
+    userActions.removeAllSpaceRoles(userGuid, this.entityGuid);
+  }
+
   get entityType() {
     return this.isOrganization ? ORG_ENTITY : SPACE_ENTITY;
   }
@@ -124,6 +129,10 @@ export default class Users extends React.Component {
     return this.state.currentType === ORG_NAME;
   }
 
+  get isSpace() {
+    return this.state.currentType === SPACE_NAME;
+  }
+
   get entityGuid() {
     const entityGuid = this.isOrganization ?
       this.state.currentOrgGuid : this.state.currentSpaceGuid;
@@ -186,6 +195,8 @@ export default class Users extends React.Component {
 
     if (this.isOrganization) {
       removeHandler = this.handleRemoveUser;
+    } else if (this.isSpace) {
+      removeHandler = this.handleRemoveSpaceRoles;
     }
 
     return (

static_src/constants.js

@@ -270,6 +270,10 @@ const userActionTypes = keymirror({
   USER_INVITE_ERROR: null,
   // Action to dismiss an user list notification.
   USER_LIST_NOTICE_DISMISSED: null,
+  // Action when all roles for space user are removed.
+  USER_REMOVE_ALL_SPACE_ROLES: null,
+  // Action to removed all roles for space user.
+  USER_REMOVED_ALL_SPACE_ROLES: null,
   // Action to delete a user from an org.
   USER_DELETE: null,
   // Action when a user was deleted from an org on the server.

static_src/stores/user_store.js

@@ -172,6 +172,13 @@ export class UserStore extends BaseStore {
         break;
       }
 
+      case userActionTypes.USER_REMOVED_ALL_SPACE_ROLES: {
+        this.delete(action.userGuid, (changed) => {
+          if (changed) this.emitChange();
+        });
+        break;
+      }
+
       case userActionTypes.ERROR_REMOVE_USER: {
         this._error = action.error;
         this.emitChange();

static_src/test/unit/actions/user_actions.spec.js

@@ -208,6 +208,42 @@ describe('userActions', function() {
     });
   });
 
+  describe('removeAllSpaceRoles()', function() {
+    let userGuid;
+    let spaceGuid;
+    let user;
+    let spy;
+    let expectedParams;
+
+    beforeEach(function (done) {
+      spy = setupViewSpy(sandbox);
+      userGuid = 'user-guid';
+      spaceGuid = 'space-guid';
+      user = { guid: userGuid };
+      expectedParams = { userGuid, spaceGuid }
+
+      sandbox.stub(cfApi, 'deleteSpaceUserPermissions')
+        .returns(Promise.resolve({}));
+
+      sandbox.stub(userActions, 'handleSpaceRolesRemoved');
+
+      userActions.removeAllSpaceRoles(userGuid, spaceGuid).then(done, done.fail);
+    });
+
+    it('should dispatch a view event for USER_REMOVE_ALL_SPACE_ROLES',
+        function() {
+      assertAction(spy, userActionTypes.USER_REMOVE_ALL_SPACE_ROLES, expectedParams);
+    });
+
+    it(`should call cfApi.deleteSpaceUserPermissions`, function() {
+      expect(cfApi.deleteSpaceUserPermissions).toHaveBeenCalledThrice();
+    });
+
+    it(`should call userActions.handleSpaceRolesRemoved`, function() {
+      expect(userActions.handleSpaceRolesRemoved).toHaveBeenCalledOnce();
+    });
+  });
+
   describe('deleteUserIfNoSpaceAssociation()', function() {
     let userGuid;
     let orgGuid;

static_src/test/unit/stores/user_store.spec.js

@@ -442,6 +442,55 @@ describe('UserStore', function () {
     });
   });
 
+  describe('on user spaces roles remove', function() {
+    let spaceGuid;
+    beforeEach(() => {
+      spaceGuid = 'space-guid';
+    });
+
+    it('should remove the user of the guid from the data', function() {
+      var expectedUserGuid = 'zxkvnakjdva',
+          expectedUser = { guid: expectedUserGuid };
+
+      UserStore._data.push(expectedUser);
+
+      userActions.removeAllSpaceRoles(expectedUserGuid, spaceGuid);
+
+      expect(UserStore.get(expectedUserGuid)).toBeFalsy();
+    });
+  });
+
+  describe('on user spaces roles removed', function() {
+    it('should remove the user of the guid from the data', function() {
+      var expectedUserGuid = 'zxkvnakjdva',
+          expectedUser = { guid: expectedUserGuid };
+
+      UserStore._data.push(expectedUser);
+
+      userActions.handleSpaceRolesRemoved(['random-response'], expectedUserGuid);
+
+      expect(UserStore.get(expectedUserGuid)).toBeFalsy();
+    });
+
+    it('should emit a change event if it deletes something', function() {
+      var spy = sandbox.spy(UserStore, 'emitChange'),
+          testUserGuid = 'qpweoiralkfdsj';
+
+      UserStore._data = Immutable.fromJS([{guid: testUserGuid}]);
+      userActions.handleSpaceRolesRemoved(['random-response'], testUserGuid);
+
+      expect(spy).toHaveBeenCalledOnce();
+    });
+
+    it('should not emit a change event if nothing deleted', function() {
+      var spy = sandbox.spy(UserStore, 'emitChange');
+
+      userActions.handleSpaceRolesRemoved(['random-response'], 'asdfljk');
+
+      expect(spy).not.toHaveBeenCalledOnce();
+    });
+  });
+
   describe('on user deleted', function() {
     it('should remove the user of the guid from the data', function() {
       var expectedUserGuid = 'zxkvnakjdva',