18123: Fix add and remove group member.
[arvados-workbench2.git] / src / store / group-details-panel / group-details-panel-actions.ts
1 // Copyright (C) The Arvados Authors. All rights reserved.
2 //
3 // SPDX-License-Identifier: AGPL-3.0
4
5 import { bindDataExplorerActions } from 'store/data-explorer/data-explorer-action';
6 import { Dispatch } from 'redux';
7 import { propertiesActions } from 'store/properties/properties-actions';
8 import { getProperty } from 'store/properties/properties';
9 import { Participant } from 'views-components/sharing-dialog/participant-select';
10 import { dialogActions } from 'store/dialog/dialog-actions';
11 import { reset, startSubmit } from 'redux-form';
12 import { addGroupMember, deleteGroupMember } from 'store/groups-panel/groups-panel-actions';
13 import { getResource } from 'store/resources/resources';
14 import { GroupResource } from 'models/group';
15 import { RootState } from 'store/store';
16 import { ServiceRepository } from 'services/services';
17 import { PermissionResource } from 'models/permission';
18 import { snackbarActions, SnackbarKind } from 'store/snackbar/snackbar-actions';
19
20 export const GROUP_DETAILS_MEMBERS_PANEL_ID = 'groupDetailsMembersPanel';
21 export const GROUP_DETAILS_PERMISSIONS_PANEL_ID = 'groupDetailsPermissionsPanel';
22 export const ADD_GROUP_MEMBERS_DIALOG = 'addGrupMembers';
23 export const ADD_GROUP_MEMBERS_FORM = 'addGrupMembers';
24 export const ADD_GROUP_MEMBERS_USERS_FIELD_NAME = 'users';
25 export const MEMBER_ATTRIBUTES_DIALOG = 'memberAttributesDialog';
26 export const MEMBER_REMOVE_DIALOG = 'memberRemoveDialog';
27
28 export const GroupMembersPanelActions = bindDataExplorerActions(GROUP_DETAILS_MEMBERS_PANEL_ID);
29 export const GroupPermissionsPanelActions = bindDataExplorerActions(GROUP_DETAILS_PERMISSIONS_PANEL_ID);
30
31 export const loadGroupDetailsPanel = (groupUuid: string) =>
32     (dispatch: Dispatch) => {
33         dispatch(propertiesActions.SET_PROPERTY({ key: GROUP_DETAILS_MEMBERS_PANEL_ID, value: groupUuid }));
34         dispatch(GroupMembersPanelActions.REQUEST_ITEMS());
35         dispatch(propertiesActions.SET_PROPERTY({ key: GROUP_DETAILS_PERMISSIONS_PANEL_ID, value: groupUuid }));
36         dispatch(GroupPermissionsPanelActions.REQUEST_ITEMS());
37     };
38
39 export const getCurrentGroupDetailsPanelUuid = getProperty<string>(GROUP_DETAILS_MEMBERS_PANEL_ID);
40
41 export interface AddGroupMembersFormData {
42     [ADD_GROUP_MEMBERS_USERS_FIELD_NAME]: Participant[];
43 }
44
45 export const openAddGroupMembersDialog = () =>
46     (dispatch: Dispatch) => {
47         dispatch(dialogActions.OPEN_DIALOG({ id: ADD_GROUP_MEMBERS_DIALOG, data: {} }));
48         dispatch(reset(ADD_GROUP_MEMBERS_FORM));
49     };
50
51 export const addGroupMembers = ({ users }: AddGroupMembersFormData) =>
52
53     async (dispatch: Dispatch, getState: () => RootState, { permissionService }: ServiceRepository) => {
54
55         const groupUuid = getCurrentGroupDetailsPanelUuid(getState().properties);
56
57         if (groupUuid) {
58
59             dispatch(startSubmit(ADD_GROUP_MEMBERS_FORM));
60
61             const group = getResource<GroupResource>(groupUuid)(getState().resources);
62
63             for (const user of users) {
64
65                 await addGroupMember({
66                     user,
67                     group: {
68                         uuid: groupUuid,
69                         name: group ? group.name : groupUuid,
70                     },
71                     dispatch,
72                     permissionService,
73                 });
74
75             }
76
77             dispatch(dialogActions.CLOSE_DIALOG({ id: ADD_GROUP_MEMBERS_FORM }));
78             dispatch(GroupMembersPanelActions.REQUEST_ITEMS());
79
80         }
81     };
82
83 export const openGroupMemberAttributes = (uuid: string) =>
84     (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => {
85         const { resources } = getState();
86         const data = getResource<PermissionResource>(uuid)(resources);
87         dispatch(dialogActions.OPEN_DIALOG({ id: MEMBER_ATTRIBUTES_DIALOG, data }));
88     };
89
90 export const openRemoveGroupMemberDialog = (uuid: string) =>
91     (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => {
92         dispatch(dialogActions.OPEN_DIALOG({
93             id: MEMBER_REMOVE_DIALOG,
94             data: {
95                 title: 'Remove member',
96                 text: 'Are you sure you want to remove this member from this group?',
97                 confirmButtonLabel: 'Remove',
98                 uuid
99             }
100         }));
101     };
102
103 export const removeGroupMember = (uuid: string) =>
104
105     async (dispatch: Dispatch, getState: () => RootState, { permissionService }: ServiceRepository) => {
106
107         const groupUuid = getCurrentGroupDetailsPanelUuid(getState().properties);
108
109         if (groupUuid) {
110             dispatch(snackbarActions.OPEN_SNACKBAR({ message: 'Removing ...', kind: SnackbarKind.INFO }));
111
112             await deleteGroupMember({
113                 link: {
114                     uuid,
115                 },
116                 permissionService,
117                 dispatch,
118             });
119
120             dispatch(snackbarActions.OPEN_SNACKBAR({ message: 'Removed.', hideDuration: 2000, kind: SnackbarKind.SUCCESS }));
121             dispatch(GroupMembersPanelActions.REQUEST_ITEMS());
122
123         }
124
125     };