18123: Add active toggle to group member list.
[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 { initialize, 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 { Resource } from 'models/resource';
16 import { RootState } from 'store/store';
17 import { ServiceRepository } from 'services/services';
18 import { PermissionResource, PermissionLevel } from 'models/permission';
19 import { snackbarActions, SnackbarKind } from 'store/snackbar/snackbar-actions';
20 import { PermissionSelectValue, parsePermissionLevel, formatPermissionLevel } from 'views-components/sharing-dialog/permission-select';
21 import { LinkResource } from 'models/link';
22 import { deleteResources } from 'store/resources/resources-actions';
23
24 export const GROUP_DETAILS_MEMBERS_PANEL_ID = 'groupDetailsMembersPanel';
25 export const GROUP_DETAILS_PERMISSIONS_PANEL_ID = 'groupDetailsPermissionsPanel';
26 export const ADD_GROUP_MEMBERS_DIALOG = 'addGroupMembers';
27 export const ADD_GROUP_MEMBERS_FORM = 'addGroupMembers';
28 export const ADD_GROUP_MEMBERS_USERS_FIELD_NAME = 'users';
29 export const MEMBER_ATTRIBUTES_DIALOG = 'memberAttributesDialog';
30 export const MEMBER_REMOVE_DIALOG = 'memberRemoveDialog';
31 export const EDIT_PERMISSION_LEVEL_DIALOG = 'editPermissionLevel';
32 export const EDIT_PERMISSION_LEVEL_FORM = 'editPermissionLevel';
33 export const EDIT_PERMISSION_LEVEL_FIELD_NAME = 'name';
34 export const EDIT_PERMISSION_LEVEL_UUID_FIELD_NAME = 'uuid';
35
36 export const GroupMembersPanelActions = bindDataExplorerActions(GROUP_DETAILS_MEMBERS_PANEL_ID);
37 export const GroupPermissionsPanelActions = bindDataExplorerActions(GROUP_DETAILS_PERMISSIONS_PANEL_ID);
38
39 export const loadGroupDetailsPanel = (groupUuid: string) =>
40     (dispatch: Dispatch) => {
41         dispatch(propertiesActions.SET_PROPERTY({ key: GROUP_DETAILS_MEMBERS_PANEL_ID, value: groupUuid }));
42         dispatch(GroupMembersPanelActions.REQUEST_ITEMS());
43         dispatch(propertiesActions.SET_PROPERTY({ key: GROUP_DETAILS_PERMISSIONS_PANEL_ID, value: groupUuid }));
44         dispatch(GroupPermissionsPanelActions.REQUEST_ITEMS());
45     };
46
47 export const getCurrentGroupDetailsPanelUuid = getProperty<string>(GROUP_DETAILS_MEMBERS_PANEL_ID);
48
49 export interface AddGroupMembersFormData {
50     [ADD_GROUP_MEMBERS_USERS_FIELD_NAME]: Participant[];
51 }
52
53 export interface EditPermissionLevelFormData {
54     [EDIT_PERMISSION_LEVEL_UUID_FIELD_NAME]: string;
55     [EDIT_PERMISSION_LEVEL_FIELD_NAME]: PermissionSelectValue;
56 }
57
58 export const openAddGroupMembersDialog = () =>
59     (dispatch: Dispatch) => {
60         dispatch(dialogActions.OPEN_DIALOG({ id: ADD_GROUP_MEMBERS_DIALOG, data: {} }));
61         dispatch(reset(ADD_GROUP_MEMBERS_FORM));
62     };
63
64 export const addGroupMembers = ({ users }: AddGroupMembersFormData) =>
65
66     async (dispatch: Dispatch, getState: () => RootState, { permissionService }: ServiceRepository) => {
67
68         const groupUuid = getCurrentGroupDetailsPanelUuid(getState().properties);
69
70         if (groupUuid) {
71
72             dispatch(startSubmit(ADD_GROUP_MEMBERS_FORM));
73
74             const group = getResource<GroupResource>(groupUuid)(getState().resources);
75
76             for (const user of users) {
77
78                 await addGroupMember({
79                     user,
80                     group: {
81                         uuid: groupUuid,
82                         name: group ? group.name : groupUuid,
83                     },
84                     dispatch,
85                     permissionService,
86                 });
87
88             }
89
90             dispatch(dialogActions.CLOSE_DIALOG({ id: ADD_GROUP_MEMBERS_FORM }));
91             dispatch(GroupMembersPanelActions.REQUEST_ITEMS());
92
93         }
94     };
95
96 export const openEditPermissionLevelDialog = (linkUuid: string, resourceUuid: string) =>
97     async (dispatch: Dispatch, getState: () => RootState) => {
98         const link = getResource<PermissionResource>(linkUuid)(getState().resources);
99         const resource = getResource<Resource>(resourceUuid)(getState().resources);
100
101         if (link) {
102             dispatch(reset(EDIT_PERMISSION_LEVEL_FORM));
103             dispatch<any>(initialize(EDIT_PERMISSION_LEVEL_FORM, {[EDIT_PERMISSION_LEVEL_UUID_FIELD_NAME]: link.uuid, [EDIT_PERMISSION_LEVEL_FIELD_NAME]: formatPermissionLevel(link.name as PermissionLevel)}));
104             dispatch(dialogActions.OPEN_DIALOG({ id: EDIT_PERMISSION_LEVEL_DIALOG, data: resource }));
105         }
106     };
107
108 export const editPermissionLevel = (data: EditPermissionLevelFormData) =>
109     async (dispatch: Dispatch, getState: () => RootState, { permissionService }: ServiceRepository) => {
110         try {
111             await permissionService.update(data[EDIT_PERMISSION_LEVEL_UUID_FIELD_NAME], {name: parsePermissionLevel(data[EDIT_PERMISSION_LEVEL_FIELD_NAME])});
112             dispatch(dialogActions.CLOSE_DIALOG({ id: EDIT_PERMISSION_LEVEL_DIALOG }));
113             dispatch(GroupMembersPanelActions.REQUEST_ITEMS());
114             dispatch(GroupPermissionsPanelActions.REQUEST_ITEMS());
115             dispatch(snackbarActions.OPEN_SNACKBAR({ message: 'Permission level changed.', hideDuration: 2000 }));
116         } catch (e) {
117             dispatch(snackbarActions.OPEN_SNACKBAR({
118                 message: 'Failed to update permission',
119                 kind: SnackbarKind.ERROR,
120             }));
121         }
122     };
123
124 export const openGroupMemberAttributes = (uuid: string) =>
125     (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => {
126         const { resources } = getState();
127         const data = getResource<PermissionResource>(uuid)(resources);
128         dispatch(dialogActions.OPEN_DIALOG({ id: MEMBER_ATTRIBUTES_DIALOG, data }));
129     };
130
131 export const openRemoveGroupMemberDialog = (uuid: string) =>
132     (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => {
133         dispatch(dialogActions.OPEN_DIALOG({
134             id: MEMBER_REMOVE_DIALOG,
135             data: {
136                 title: 'Remove member',
137                 text: 'Are you sure you want to remove this member from this group?',
138                 confirmButtonLabel: 'Remove',
139                 uuid
140             }
141         }));
142     };
143
144 export const removeGroupMember = (uuid: string) =>
145
146     async (dispatch: Dispatch, getState: () => RootState, { permissionService }: ServiceRepository) => {
147
148         const groupUuid = getCurrentGroupDetailsPanelUuid(getState().properties);
149
150         if (groupUuid) {
151             dispatch(snackbarActions.OPEN_SNACKBAR({ message: 'Removing ...', kind: SnackbarKind.INFO }));
152
153             await deleteGroupMember({
154                 link: {
155                     uuid,
156                 },
157                 permissionService,
158                 dispatch,
159             });
160
161             dispatch(snackbarActions.OPEN_SNACKBAR({ message: 'Removed.', hideDuration: 2000, kind: SnackbarKind.SUCCESS }));
162             dispatch(GroupMembersPanelActions.REQUEST_ITEMS());
163
164         }
165
166     };
167
168 export const setMemberIsHidden = (memberLinkUuid: string, permissionLinkUuid: string, hide: boolean) =>
169     async (dispatch: Dispatch, getState: () => RootState, { permissionService }: ServiceRepository) => {
170         const memberLink = getResource<LinkResource>(memberLinkUuid)(getState().resources);
171
172         if (hide && permissionLinkUuid) {
173             // Remove read permission
174             try {
175                 await permissionService.delete(permissionLinkUuid);
176                 dispatch<any>(deleteResources([permissionLinkUuid]));
177                 dispatch(snackbarActions.OPEN_SNACKBAR({
178                     message: 'Removed read permission.',
179                     hideDuration: 2000,
180                     kind: SnackbarKind.SUCCESS,
181                 }));
182             } catch (e) {
183                 dispatch(snackbarActions.OPEN_SNACKBAR({
184                     message: 'Failed to remove permission',
185                     kind: SnackbarKind.ERROR,
186                 }));
187             }
188         } else if (!hide && memberLink) {
189             // Create read permission
190             try {
191                 await permissionService.create({
192                     headUuid: memberLink.tailUuid,
193                     tailUuid: memberLink.headUuid,
194                     name: PermissionLevel.CAN_READ,
195                 });
196                 dispatch(snackbarActions.OPEN_SNACKBAR({
197                     message: 'Created read permission.',
198                     hideDuration: 2000,
199                     kind: SnackbarKind.SUCCESS,
200                 }));
201                 dispatch(GroupPermissionsPanelActions.REQUEST_ITEMS());
202             } catch(e) {
203                 dispatch(snackbarActions.OPEN_SNACKBAR({
204                     message: 'Failed to create permission',
205                     kind: SnackbarKind.ERROR,
206                 }));
207             }
208         }
209     };