+
+ {this.state.step == Step.SelectList &&
+
+
Please select a list
+
+ {this.state.lists == null &&
+
+ }
+
+ {this.state.lists &&
+
+ {this.state.lists.map((list, index) => {
+ return {
+ this.setState({ selectedList: { ...list }, step: Step.SelectEventReceiver });
+ this.loadEventReceivers(list.Id);
+ }} />;
+ })}
+
+ }
+
+
+ }
+
+ {this.state.step == Step.SelectEventReceiver &&
+
+
this.setState({ eventReceivers: null, step: Step.SelectList, selectedList: null })} />
+
+ Please select a event receiver
+
+
+ {this.state.eventReceivers == null &&
+
+ }
+
+ {this.state.eventReceivers &&
+
+
+ {this.state.eventReceivers.map((eventReceiver, index) => {
+ return {
+ this.setState({ selectedEventReceiver: cloneDeep(eventReceiver), step: Step.EditEventReceiver });
+ }} />;
+ })}
+
+
this.setState({ selectedEventReceiver: cloneDeep(NewEventReciever), step: Step.EditEventReceiver })} />
+
+ }
+
+
+ }
+
+ {this.state.step == Step.EditEventReceiver &&
+
+
+
this.setState({ selectedEventReceiver: null, step: Step.SelectEventReceiver })} />
+
+
+
+
+ this.setState({ selectedEventReceiver: { ...selectedEventReceiver, ReceiverName: val } })} />
+ this.setState({ selectedEventReceiver: { ...selectedEventReceiver, SequenceNumber: val as any as number } })} />
+ this.setState({ selectedEventReceiver: { ...selectedEventReceiver, Synchronization: val.key as number } })} options={SynchronizationOptions} />
+ this.setState({ selectedEventReceiver: { ...selectedEventReceiver, EventType: val.key as number } })} options={EventTypeOptions} />
+ this.setState({ selectedEventReceiver: { ...selectedEventReceiver, ReceiverUrl: val } })} />
+
+
+ {this.state.isSaving &&
}
+ {selectedEventReceiver.ReceiverId == "" &&
+
this.addEventReceiver()} />
+ }
+
+ {selectedEventReceiver.ReceiverId != "" &&
+ this.deleteEventReceiver()} styles={{ root: { background: "red" } }} />
+ }
+
+
+
+ }
+
+
+