Initial attempt on an options page

modulekit.php

@@ -4,6 +4,7 @@ $depend = array(
   'hooks',
   'html',
   'modulekit-lang',
+  'modulekit-form',
   'openstreetbrowser-categories-main',
 );
 $include = array(

src/index.js

@@ -15,6 +15,9 @@ var tagTranslations = require('./tagTranslations')
 var map
 var baseCategory
 
+// Optional modules
+require('./options')
+
 window.onload = function() {
   call_hooks('init')
 
@@ -164,8 +167,6 @@ function show (id, options, callback) {
 function showDetails (data, category) {
   var dom = document.getElementById('content')
 
-
-
   dom.innerHTML = ''
 
   var div = document.createElement('h1')
@@ -230,3 +231,4 @@ function hide () {
     baseCategory.setParentDom(content)
   }
 }
+window.showRootContent = hide

src/options.js

@@ -0,0 +1,48 @@
+var moduleOptions = {}
+
+register_hook('init', function () {
+  var footer = document.getElementById('footer')
+
+  var link = document.createElement('a')
+  link.innerHTML = 'Options'
+  link.href = '#options'
+  link.onclick = moduleOptions.open
+
+  footer.appendChild(link)
+})
+
+moduleOptions.open = function () {
+  var def = {
+    'ui_lang': {
+      'name': 'UI Language',
+      'type': 'text'
+    }
+  }
+
+  var options_form = new form('options', def)
+  var dom = document.getElementById('content')
+  dom.innerHTML = ''
+
+  var f = document.createElement('form')
+  f.onsubmit = moduleOptions.submit.bind(this, options_form)
+  dom.appendChild(f)
+
+  options_form.show(f)
+
+  var input = document.createElement('button')
+  input.innerHTML = 'Save'
+  f.appendChild(input)
+
+  return false
+}
+
+moduleOptions.submit = function (options_form) {
+  var data = options_form.get_data()
+  console.log(data)
+
+  showRootContent()
+
+  return false
+}
+
+module.exports = moduleOptions