selfhosted
/
formspree
mirror of https://github.com/formspree/formspree.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

rerender form settings switch immediately, reset on error.

This commit is contained in:
fiatjaf 2018-09-08 21:56:40 +00:00
parent 8968307605
commit e9aaa5ff43
1 changed files with 32 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
formspree/js/forms/FormPage.js
View File

@ -384,12 +384,14 @@ class FormSettings extends React.Component {
this.cancelDelete = this.cancelDelete.bind(this)
this.state = {
deleting: false
deleting: false,
temporaryFormChanges: {}
}
}
render() {
let {form} = this.props
let tmp = this.state.temporaryFormChanges
return (
<>
@ -409,7 +411,7 @@ class FormSettings extends React.Component {
<input
type="checkbox"
onChange={this.update}
checked={!form.disabled}
checked={'disabled' in tmp ? !tmp.disabled : !form.disabled}
name="disabled"
/>
<span className="slider" />
@ -432,7 +434,11 @@ class FormSettings extends React.Component {
<input
type="checkbox"
onChange={this.update}
checked={!form.captcha_disabled}
checked={
'captcha_disabled' in tmp
? !tmp.captcha_disabled
: !form.captcha_disabled
}
name="captcha_disabled"
/>
<span className="slider" />
@ -453,7 +459,11 @@ class FormSettings extends React.Component {
<input
type="checkbox"
onChange={this.update}
checked={!form.disable_email}
checked={
'disable_email' in tmp
? !tmp.disable_email
: !form.disable_email
}
name="disable_email"
/>
<span className="slider" />
@ -473,7 +483,11 @@ class FormSettings extends React.Component {
<input
type="checkbox"
onChange={this.update}
checked={!form.disable_storage}
checked={
'disable_storage' in tmp
? !tmp.disable_storage
: !form.disable_storage
}
name="disable_storage"
/>
<span className="slider" />
@ -537,11 +551,19 @@ class FormSettings extends React.Component {
}
async update(e) {
let attr = e.currentTarget.name
let val = !e.currentTarget.checked
this.setState(state => {
state.temporaryFormChanges[attr] = val
return state
})
try {
let resp = await fetch(`/api-int/forms/${this.props.form.hashid}`, {
method: 'PATCH',
body: JSON.stringify({
[e.currentTarget.name]: !e.currentTarget.checked
[attr]: val
}),
credentials: 'same-origin',
headers: {
@ -561,10 +583,13 @@ class FormSettings extends React.Component {
}
toastr.success('Settings saved.')
this.props.onUpdate()
this.props.onUpdate().then(() => {
this.setState({temporaryFormChanges: {}})
})
} catch (e) {
console.error(e)
toastr.error('Failed to update form. See the console for more details.')
this.setState({temporaryFormChanges: {}})
}
}