From 61806a4e7ff01e8b5fdfdcef0308a2c41fc98778 Mon Sep 17 00:00:00 2001
From: Shin'ya Ueoka <ueokande@i-beam.org>
Date: Sun, 1 Oct 2017 10:59:47 +0900
Subject: setting as redux

---
 src/components/setting.js | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 src/components/setting.js

(limited to 'src/components/setting.js')

diff --git a/src/components/setting.js b/src/components/setting.js
new file mode 100644
index 0000000..afbd56c
--- /dev/null
+++ b/src/components/setting.js
@@ -0,0 +1,31 @@
+import * as settingActions from '../actions/setting';
+
+export default class SettingComponent {
+  constructor(wrapper, store) {
+    this.wrapper = wrapper;
+    this.store = store;
+
+    let doc = wrapper.ownerDocument;
+    let form = doc.getElementById('vimvixen-settings-form');
+    form.addEventListener('submit', this.onSubmit.bind(this));
+
+    store.dispatch(settingActions.load());
+  }
+
+  onSubmit(e) {
+    let settings = {
+      json: e.target.elements['plain-json'].value,
+    };
+    this.store.dispatch(settingActions.save(settings));
+    e.preventDefault();
+  }
+
+  update() {
+    let { settings } = this.store.getState();
+
+    let doc = this.wrapper.ownerDocument;
+    let form = doc.getElementById('vimvixen-settings-form');
+    let plainJsonInput = form.elements['plain-json'];
+    plainJsonInput.value = settings.json;
+  }
+}
-- 
cgit v1.2.3


From 8c9051076f7782b898ab2f848b9afe4a694c3065 Mon Sep 17 00:00:00 2001
From: Shin'ya Ueoka <ueokande@i-beam.org>
Date: Sun, 1 Oct 2017 12:15:35 +0900
Subject: use validation on settings

---
 src/components/setting.js | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

(limited to 'src/components/setting.js')

diff --git a/src/components/setting.js b/src/components/setting.js
index afbd56c..1f3b3fe 100644
--- a/src/components/setting.js
+++ b/src/components/setting.js
@@ -1,4 +1,5 @@
 import * as settingActions from '../actions/setting';
+import { validate } from '../shared/validators/setting';
 
 export default class SettingComponent {
   constructor(wrapper, store) {
@@ -9,6 +10,9 @@ export default class SettingComponent {
     let form = doc.getElementById('vimvixen-settings-form');
     form.addEventListener('submit', this.onSubmit.bind(this));
 
+    let plainJson = form.elements['plain-json'];
+    plainJson.addEventListener('input', this.onPlainJsonChanged.bind(this));
+
     store.dispatch(settingActions.load());
   }
 
@@ -20,6 +24,16 @@ export default class SettingComponent {
     e.preventDefault();
   }
 
+  onPlainJsonChanged(e) {
+    try {
+      let settings = JSON.parse(e.target.value);
+      validate(settings);
+      e.target.setCustomValidity('');
+    } catch (err) {
+      e.target.setCustomValidity(err.message);
+    }
+  }
+
   update() {
     let { settings } = this.store.getState();
 
-- 
cgit v1.2.3