jab2870/Vim-Vixen
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

settings migration between json and form

Browse source
This commit is contained in:
Shin'ya Ueoka 2017-11-26 08:25:23 +09:00
parent 2c46e9d448
commit 256e7372d4
2 changed files with 22 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/settings/components/form/blacklist-form.jsx
View file

@ -34,7 +34,7 @@ class BlacklistForm extends Component {
let name = e.target.name;
let index = e.target.getAttribute('data-index');
let next = this.props.value.slice();
let next = this.props.value ? this.props.value.slice() : [];
if (name === 'url') {
next[index] = e.target.value;

23
src/settings/components/index.jsx
View file

@ -6,6 +6,7 @@ import KeymapsForm from './form/keymaps-form';
import BlacklistForm from './form/blacklist-form';
import * as settingActions from 'settings/actions/setting';
import * as validator from 'shared/validators/setting';
import * as settingsValues from 'shared/settings/values';
class SettingsComponent extends Component {
constructor(props, context) {
@ -95,7 +96,7 @@ class SettingsComponent extends Component {
label='Use form'
checked={this.state.settings.source === 'form'}
value='form'
onChange={this.bindValue.bind(this)} />
onChange={this.bindSource.bind(this)} />
<Input
type='radio'
@ -103,7 +104,7 @@ class SettingsComponent extends Component {
label='Use plain JSON'
checked={this.state.settings.source === 'json'}
value='json'
onChange={this.bindValue.bind(this)} />
onChange={this.bindSource.bind(this)} />
{ fields }
</form>
@ -143,6 +144,24 @@ class SettingsComponent extends Component {
this.setState(next);
this.context.store.dispatch(settingActions.save(next.settings));
}
bindSource(e) {
let from = this.state.settings.source;
let to = e.target.value;
let next = Object.assign({}, this.state);
if (from === 'form' && to === 'json') {
next.settings.json =
settingsValues.jsonFromForm(this.state.settings.form);
} else if (from === 'json' && to === 'form') {
next.settings.form =
settingsValues.formFromJson(this.state.settings.json);
}
next.settings.source = to;
this.setState(next);
this.context.store.dispatch(settingActions.save(next.settings));
}
}
export default SettingsComponent;