diff -r 78c54cb473cd -r 30a5baa31314 client/src/components/SessionForm.js --- a/client/src/components/SessionForm.js Tue Oct 09 11:03:18 2018 +0200 +++ b/client/src/components/SessionForm.js Tue Oct 09 18:54:42 2018 +0200 @@ -17,31 +17,31 @@ enterKeyValue: false, } -onChange = (e) => { - const { name, value } = e.target; - const changes = { [name]: value } - this.onChangeThrottle(changes); -} + onChange = (e) => { + const { name, value } = e.target; + const changes = { [name]: value } + this.onChangeThrottle(changes); + } -onChangeThrottle = _.debounce((changes) => { - this.props.sessionsActions.updateSession(this.props.currentSession, changes); -}, 750) + onChangeThrottle = _.debounce((changes) => { + this.props.sessionsActions.updateSession(this.props.currentSession, changes); + }, 750) -onGroupChange = (e) => { - const groupName = e.target.value; + onGroupChange = (e) => { + const groupName = e.target.value; - const group = this.props.groups.find((g) => g.get('name') === groupName); + const group = this.props.groups.find((g) => g.get('name') === groupName); - this.props.sessionsActions.updateSession(this.props.currentSession, { group: groupName, protocol: group?group.get('protocol'):'' }); -} + this.props.sessionsActions.updateSession(this.props.currentSession, { group: groupName, protocol: group?group.get('protocol'):'' }); + } -componentDidMount() { - document.addEventListener('mousedown', this.handleClickOutside); -} + componentDidMount() { + document.addEventListener('mousedown', this.handleClickOutside); + } -componentWillUnmount() { - document.removeEventListener('mousedown', this.handleClickOutside); -} + componentWillUnmount() { + document.removeEventListener('mousedown', this.handleClickOutside); + } componentWillUpdate = (nextProps, nextState) => { if (nextState.createGroup && nextProps.createGroup.get('success')) { @@ -56,29 +56,25 @@ }); } - toggleOnTitleEditMode = (e) => { - e.preventDefault(); + toggleOnTitleEditMode = () => { this.setState({ titleEditMode: true, }); } - toggleOnDescriptionEditMode = (e) => { - e.preventDefault(); + toggleOnDescriptionEditMode = () => { this.setState({ descriptionEditMode: true, }); } - toggleOffTitleEditMode = (e) => { - e.preventDefault(); + toggleOffTitleEditMode = () => { this.setState({ titleEditMode: false, }); } - toggleOffDescriptionEditMode = (e) => { - e.preventDefault(); + toggleOffDescriptionEditMode = () => { this.setState({ descriptionEditMode: false, }); @@ -86,17 +82,16 @@ handleClickOutside = (e) => { if (this.title && !this.title.contains(e.target)) { - this.toggleOffTitleEditMode(e) + this.toggleOffTitleEditMode() } if (this.desc && !this.desc.contains(e.target)) { - this.toggleOffDescriptionEditMode(e) + this.toggleOffDescriptionEditMode() } } saveEdit = (e) => { - e.preventDefault(); if (e.key === 'Enter') { this.setState({enterKeyValue: true}) @@ -107,8 +102,6 @@ } if (e.key === 'Enter' && this.state.enterKeyValue === true) { - - e.preventDefault(); this.setState({ enterKeyValue: false, titleEditMode: false,