import { LinkService } from "~/services/link-service/link-service";
import { PermissionResource } from "~/models/permission";
-import { ListArguments, ListResults } from '~/services/common-service/common-resource-service';
+import { ListArguments, ListResults, CommonResourceService } from '~/services/common-service/common-resource-service';
import { joinFilters, FilterBuilder } from '../api/filter-builder';
import { LinkClass } from '../../models/link';
export class PermissionService extends LinkService<PermissionResource> {
- list(args: ListArguments = {}): Promise<ListResults<PermissionResource>> {
- const { filters, ...other } = args;
- const classFilter = new FilterBuilder().addEqual('class', LinkClass.PERMISSION).getFilters();
- const newArgs = {
- ...other,
- filters: joinFilters(filters, classFilter),
- };
- return super.list(newArgs);
+ permissionListService = new CommonResourceService(this.serverApi, 'permissions', this.actions);
+ create(data?: Partial<PermissionResource>) {
+ return super.create({ ...data, linkClass: LinkClass.PERMISSION });
+ }
+
+ listResourcePermissions(uuid: string, args: ListArguments = {}): Promise<ListResults<PermissionResource>> {
+ const service = new CommonResourceService<PermissionResource>(this.serverApi, `permissions/${uuid}`, this.actions);
+ return service.list(args);
}
}
import { dialogActions } from "~/store/dialog/dialog-actions";
import { withDialog } from "~/store/dialog/with-dialog";
-import { SHARING_DIALOG_NAME } from "./sharing-dialog-types";
+import { SHARING_DIALOG_NAME, SharingPublicAccessFormData, SHARING_PUBLIC_ACCESS_FORM_NAME, SHARING_INVITATION_FORM_NAME, SharingManagementFormData, SharingInvitationFormData } from './sharing-dialog-types';
+import { Dispatch } from 'redux';
+import { ServiceRepository } from "~/services/services";
+import { FilterBuilder } from '~/services/api/filter-builder';
+import { initialize, getFormValues, isDirty, reset } from 'redux-form';
+import { SHARING_MANAGEMENT_FORM_NAME } from '~/store/sharing-dialog/sharing-dialog-types';
+import { RootState } from '~/store/store';
+import { getDialog } from '~/store/dialog/dialog-reducer';
+import { PermissionLevel } from '../../models/permission';
+import { getPublicGroupUuid } from "~/store/workflow-panel/workflow-panel-actions";
export const openSharingDialog = (resourceUuid: string) =>
- dialogActions.OPEN_DIALOG({ id: SHARING_DIALOG_NAME, data: resourceUuid });
+ async (dispatch: Dispatch, getState: () => RootState, { permissionService }: ServiceRepository) => {
+
+ dispatch(dialogActions.OPEN_DIALOG({ id: SHARING_DIALOG_NAME, data: resourceUuid }));
+
+ const state = getState();
+ const { items } = await permissionService.listResourcePermissions(resourceUuid);
+
+ const managementFormData: SharingManagementFormData = {
+ permissions: items
+ .filter(item =>
+ item.tailUuid !== getPublicGroupUuid(state))
+ .map(({ tailUuid, name }) => ({
+ email: tailUuid,
+ permissions: name as PermissionLevel,
+ }))
+ };
+
+ dispatch(initialize(SHARING_MANAGEMENT_FORM_NAME, managementFormData));
+
+ const [publicPermission] = items.filter(item => item.tailUuid === getPublicGroupUuid(state));
+ if (publicPermission) {
+ const publicAccessFormData: SharingPublicAccessFormData = {
+ enabled: publicPermission.name !== PermissionLevel.NONE,
+ permissions: publicPermission.name as PermissionLevel,
+ };
+
+ dispatch(initialize(SHARING_PUBLIC_ACCESS_FORM_NAME, publicAccessFormData));
+ } else {
+ dispatch(reset(SHARING_PUBLIC_ACCESS_FORM_NAME));
+ }
+ };
export const closeSharingDialog = () =>
dialogActions.CLOSE_DIALOG({ id: SHARING_DIALOG_NAME });
export const connectSharingDialog = withDialog(SHARING_DIALOG_NAME);
+
+export const saveSharingDialogChanges = async (dispatch: Dispatch) => {
+ dispatch<any>(savePublicPermissionChanges);
+ dispatch<any>(sendInvitations);
+};
+
+const savePublicPermissionChanges = async (dispatch: Dispatch, getState: () => RootState, { permissionService }: ServiceRepository) => {
+ const state = getState();
+ const { user } = state.auth;
+ const dialog = getDialog<string>(state.dialog, SHARING_DIALOG_NAME);
+ if (dialog && user) {
+ const publicAccess = getFormValues(SHARING_PUBLIC_ACCESS_FORM_NAME)(state) as SharingPublicAccessFormData;
+
+ const filters = new FilterBuilder()
+ .addEqual('headUuid', dialog.data)
+ .getFilters();
+
+ const { items } = await permissionService.list({ filters });
+
+ const [publicPermission] = items.filter(item => item.tailUuid === getPublicGroupUuid(state));
+
+ if (publicPermission) {
+
+ await permissionService.update(publicPermission.uuid, {
+ name: publicAccess.enabled ? publicAccess.permissions : PermissionLevel.NONE
+ });
+
+ } else {
+
+ await permissionService.create({
+ ownerUuid: user.uuid,
+ headUuid: dialog.data,
+ tailUuid: getPublicGroupUuid(state),
+ name: publicAccess.enabled ? publicAccess.permissions : PermissionLevel.NONE
+ });
+ }
+ }
+};
+
+const sendInvitations = async (dispatch: Dispatch, getState: () => RootState, { permissionService }: ServiceRepository) => {
+ const state = getState();
+ const { user } = state.auth;
+ const dialog = getDialog<string>(state.dialog, SHARING_DIALOG_NAME);
+ if (dialog && user) {
+
+ const invitations = getFormValues(SHARING_INVITATION_FORM_NAME)(state) as SharingInvitationFormData;
+
+ const promises = invitations.invitedPeople
+ .map(person => ({
+ ownerUuid: user.uuid,
+ headUuid: dialog.data,
+ tailUuid: person.uuid,
+ name: invitations.permissions
+ }))
+ .map(data => permissionService.create(data));
+
+ await Promise.all(promises);
+ }
+};
+
+export const hasChanges = (state: RootState) =>
+ isDirty(SHARING_PUBLIC_ACCESS_FORM_NAME)(state) ||
+ isDirty(SHARING_MANAGEMENT_FORM_NAME)(state) ||
+ isDirty(SHARING_INVITATION_FORM_NAME)(state);
// SPDX-License-Identifier: AGPL-3.0
import { PermissionLevel } from '~/models/permission';
-import { SharingManagementForm } from '../../views-components/sharing-dialog/sharing-management-form';
export const SHARING_DIALOG_NAME = 'SHARING_DIALOG_NAME';
export const SHARING_PUBLIC_ACCESS_FORM_NAME = 'SHARING_PUBLIC_ACCESS_FORM_NAME';
export interface SharingPublicAccessFormData {
enabled: boolean;
- permission: PermissionLevel;
+ permissions: PermissionLevel;
}
export interface SharingManagementFormData {
export interface SharingManagementFormDataRow {
email: string;
- permission: PermissionLevel;
+ permissions: PermissionLevel;
}
export interface SharingInvitationFormData {
import { getResource } from '../resources/resources';
import { getProperty } from '~/store/properties/properties';
import { WorkflowResource } from '../../models/workflow';
+import { ResourceObjectType } from '~/models/resource';
export const WORKFLOW_PANEL_ID = "workflowPanel";
const UUID_PREFIX_PROPERTY_NAME = 'uuidPrefix';
return state.properties.uuidPrefix;
};
+export const getPublicUserUuid = (state: RootState) => {
+ const prefix = getProperty<string>(UUID_PREFIX_PROPERTY_NAME)(state.properties);
+ return `${prefix}-tpzed-anonymouspublic`;
+};
+export const getPublicGroupUuid = (state: RootState) => {
+ const prefix = getProperty<string>(UUID_PREFIX_PROPERTY_NAME)(state.properties);
+ return `${prefix}-j7d0g-anonymouspublic`;
+};
+
export const showWorkflowDetails = (uuid: string) =>
propertiesActions.SET_PROPERTY({ key: WORKFLOW_PANEL_DETAILS_UUID, value: uuid });
icon: ShareIcon,
name: "Share",
execute: (dispatch, { uuid }) => {
- dispatch(openSharingDialog(uuid));
+ dispatch<any>(openSharingDialog(uuid));
}
},
{
import { ToggleTrashAction } from "~/views-components/context-menu/actions/trash-action";
import { toggleProjectTrashed } from "~/store/trash/trash-actions";
import { detailsPanelActions } from '~/store/details-panel/details-panel-action';
+import { ShareIcon } from '~/components/icon/icon';
+import { openSharingDialog } from "~/store/sharing-dialog/sharing-dialog-actions";
export const projectActionSet: ContextMenuActionSet = [[
{
dispatch<any>(openProjectUpdateDialog(resource));
}
},
+ {
+ icon: ShareIcon,
+ name: "Share",
+ execute: (dispatch, { uuid }) => {
+ dispatch<any>(openSharingDialog(uuid));
+ }
+ },
{
component: ToggleFavoriteAction,
execute: (dispatch, resource) => {
import { connect } from 'react-redux';
import * as React from 'react';
-import { connectSharingDialog } from '~/store/sharing-dialog/sharing-dialog-actions';
+import { connectSharingDialog, saveSharingDialogChanges, hasChanges } from '~/store/sharing-dialog/sharing-dialog-actions';
import { WithDialogProps } from '~/store/dialog/with-dialog';
import { RootState } from '~/store/store';
import SharingDialogComponent, { SharingDialogDataProps, SharingDialogActionProps } from './sharing-dialog-component';
import { SharingDialogContent } from './sharing-dialog-content';
import { connectAdvancedViewSwitch, AdvancedViewSwitchInjectedProps } from './advanced-view-switch';
-import { isDirty } from 'redux-form';
const mapStateToProps = (state: RootState, { advancedViewOpen, ...props }: WithDialogProps<string> & AdvancedViewSwitchInjectedProps): SharingDialogDataProps => ({
...props,
- saveEnabled: isDirty('SHARING_PUBLIC_ACCESS_FORM')(state) ||
- isDirty('SHARING_MANAGEMENT_FORM')(state) ||
- isDirty('SHARING_INVITATION_FORM')(state),
+ saveEnabled: hasChanges(state),
advancedEnabled: !advancedViewOpen,
children: <SharingDialogContent {...{ advancedViewOpen }} />,
});
-const mapDispatchToProps = (_: Dispatch, { toggleAdvancedView, ...props }: WithDialogProps<string> & AdvancedViewSwitchInjectedProps): SharingDialogActionProps => ({
+const mapDispatchToProps = (dispatch: Dispatch, { toggleAdvancedView, ...props }: WithDialogProps<string> & AdvancedViewSwitchInjectedProps): SharingDialogActionProps => ({
...props,
onClose: props.closeDialog,
onExited: toggleAdvancedView,
- onSave: () => { console.log('save'); },
+ onSave: () => {
+ dispatch<any>(saveSharingDialogChanges);
+ },
onAdvanced: toggleAdvancedView,
});