honeymoose
/
sp-dev-fx-webparts
mirror of https://github.com/pnp/sp-dev-fx-webparts.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Added support for synchronous and asynchronous event receivers

This commit is contained in:
Dan Toft 2021-06-09 10:00:23 +02:00
parent c19d99f399
commit c7f9f8ac3e
2 changed files with 25 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
samples/react-remote-event-receiver-manager/src/webparts/remoteEventReceiverManager/RemoteEventReceiverManagerWebPart.ts
View File

@ -28,9 +28,6 @@ export default class RemoteEventReceiverManagerWebPart extends BaseClientSideWeb
protected onInit(): Promise<void> {
return super.onInit().then(_ => {
// other init code may be present
pnpSetup({
spfxContext: this.context
});

29
samples/react-remote-event-receiver-manager/src/webparts/remoteEventReceiverManager/components/RemoteEventReceiverManager.tsx
View File

@ -14,7 +14,7 @@ const SynchronizationOptions: IDropdownOption[] = [
{ key: 2, text: "Asynchronous" }
];
const EventTypeOptions: IDropdownOption[] = [
const EventTypeOptionsAsync: IDropdownOption[] = [
{ key: 10001, text: "ItemAdded" },
{ key: 10002, text: "ItemUpdated" },
{ key: 10003, text: "ItemDeleted" },
@ -25,9 +25,30 @@ const EventTypeOptions: IDropdownOption[] = [
{ key: 10008, text: "ItemAttachmentDeleted" },
{ key: 10009, text: "ItemFileMoved" },
{ key: 10010, text: "ItemFileConverted" },
{ key: 10011, text: "ItemVersionDeleted" },
];
const EventTypeOptionsSync: IDropdownOption[] = [
{ key: 1, text: "ItemAdding" },
{ key: 2, text: "ItemUpdating" },
{ key: 3, text: "ItemDeleteing" },
{ key: 4, text: "ItemCheckingIn" },
{ key: 5, text: "ItemCheckingOut" },
{ key: 6, text: "ItemUncheckingOut" },
{ key: 7, text: "ItemAttachmentAdding" },
{ key: 8, text: "ItemAttachmentDeleting" },
{ key: 9, text: "ItemFileMoveing" }
];
const getEventTypeOptions: (SynchronizationOption: number) => IDropdownOption[] = (SynchronizationOption: number) => {
switch (SynchronizationOption) {
case 1: return EventTypeOptionsSync;
case 2: return EventTypeOptionsAsync;
default:
return [...EventTypeOptionsAsync, ...EventTypeOptionsSync];
}
};
const NewEventReciever: IEventReceiver = {
ReceiverAssembly: "Microsoft.SharePoint, Version=16.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c",
ReceiverClass: "Microsoft.SharePoint.Webhooks.SPWebhookItemEventReceiver",
@ -99,7 +120,6 @@ export default class RemoteEventReceiverManager extends React.Component<IRemoteE
this.loadEventReceivers(this.state.selectedList.Id);
}
private async deleteEventReceiver() {
this.setState({ isSaving: true });
await this.provider.deleteEventReceiver(this.state.selectedEventReceiver, this.state.selectedList.Id);
@ -107,6 +127,7 @@ export default class RemoteEventReceiverManager extends React.Component<IRemoteE
this.loadEventReceivers(this.state.selectedList.Id);
}
public render(): React.ReactElement<IRemoteEventReceiverManagerProps> {
const { selectedEventReceiver } = this.state;
@ -176,7 +197,7 @@ export default class RemoteEventReceiverManager extends React.Component<IRemoteE
<TextField disabled={selectedEventReceiver.ReceiverId != ""} label={"ReceiverName"} value={selectedEventReceiver.ReceiverName} onChange={(ev, val) => this.setState({ selectedEventReceiver: { ...selectedEventReceiver, ReceiverName: val } })} />
<TextField disabled={selectedEventReceiver.ReceiverId != ""} label={"SequenceNumber"} type={"number"} value={selectedEventReceiver.SequenceNumber + ""} onChange={(ev, val) => this.setState({ selectedEventReceiver: { ...selectedEventReceiver, SequenceNumber: val as any as number } })} />
<Dropdown disabled={selectedEventReceiver.ReceiverId != ""} label={"Synchronization"} selectedKey={selectedEventReceiver.Synchronization} onChange={(ev, val) => this.setState({ selectedEventReceiver: { ...selectedEventReceiver, Synchronization: val.key as number } })} options={SynchronizationOptions} />
<Dropdown disabled={selectedEventReceiver.ReceiverId != ""} label={"EventType"} selectedKey={selectedEventReceiver.EventType} onChange={(ev, val) => this.setState({ selectedEventReceiver: { ...selectedEventReceiver, EventType: val.key as number } })} options={EventTypeOptions} />
<Dropdown disabled={selectedEventReceiver.ReceiverId != ""} label={"EventType"} selectedKey={selectedEventReceiver.EventType} onChange={(ev, val) => this.setState({ selectedEventReceiver: { ...selectedEventReceiver, EventType: val.key as number } })} options={getEventTypeOptions(selectedEventReceiver.Synchronization)} />
<TextField disabled={selectedEventReceiver.ReceiverId != ""} label={"ReceiverUrl"} value={selectedEventReceiver.ReceiverUrl} onChange={(ev, val) => this.setState({ selectedEventReceiver: { ...selectedEventReceiver, ReceiverUrl: val } })} />
<DialogFooter>
<div style={{ display: "flex", placeContent: "flex-end" }}>