setting as redux

1 files changed, 31 insertions, 0 deletions

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;
+  }
+}