From 35b6623d26f554d2f9f1835a66e9f8419a1dc4d0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Stephan=20B=C3=B6sch-Plepelits?= <skunk@xover.mud.at>
Date: Sun, 11 Jun 2017 17:27:16 +0200
Subject: [PATCH] Move toggleCategory to OpenStreetBrowserIndex

---
 index.js                      | 11 -----------
 src/OpenStreetBrowserIndex.js | 24 ++++++++++++++++++++++--
 2 files changed, 22 insertions(+), 13 deletions(-)

diff --git a/index.js b/index.js
index 0464848c..39e0ae32 100644
--- a/index.js
+++ b/index.js
@@ -37,14 +37,3 @@ window.onload = function() {
     category.open()
   })
 }
-
-window.toggleCategory = function (id) {
-  OpenStreetBrowserLoader.getCategory(id, function (err, category) {
-    if (err) {
-      alert(err)
-      return
-    }
-
-    category.toggle()
-  })
-}
diff --git a/src/OpenStreetBrowserIndex.js b/src/OpenStreetBrowserIndex.js
index d0424fe6..65fcfed0 100644
--- a/src/OpenStreetBrowserIndex.js
+++ b/src/OpenStreetBrowserIndex.js
@@ -4,6 +4,8 @@ function OpenStreetBrowserIndex (id, data) {
   this.id = id
   this.data = data
   this.isOpen = false
+  this.childrenDoms = {}
+  this.childrenCategories = {}
 }
 
 OpenStreetBrowserIndex.prototype.setMap = function (map) {
@@ -22,7 +24,6 @@ OpenStreetBrowserIndex.prototype.open = function () {
   for (var i = 0; i < this.data.subCategories.length; i++) {
     var data = this.data.subCategories[i]
     var dom = document.createElement('div')
-    dom.id = 'category-' + data.id
     this.parentDom.appendChild(dom)
 
     var domHeader = document.createElement('header')
@@ -30,13 +31,32 @@ OpenStreetBrowserIndex.prototype.open = function () {
 
     var a = document.createElement('a')
     a.appendChild(document.createTextNode(data['name:en']))
-    a.href = 'javascript:toggleCategory(' + JSON.stringify(data.id) + ')'
+    a.href = '#'
+    a.onclick = this.toggleCategory.bind(this, data.id)
     domHeader.appendChild(a)
 
     var domContent = document.createElement('div')
+    this.childrenDoms[data.id] = domContent
     this.parentDom.appendChild(domContent)
+
+    this.childrenCategories[data.id] = null
   }
 }
 
+OpenStreetBrowserIndex.prototype.toggleCategory = function (id) {
+  OpenStreetBrowserLoader.getCategory(id, function (err, category) {
+    if (err) {
+      alert(err)
+      return
+    }
+
+    category.setMap(this.map)
+    category.setParentDom(this.childrenDoms[id])
+    this.childrenCategories[id] = category
+
+    category.toggle()
+  }.bind(this))
+}
+
 OpenStreetBrowserLoader.registerType('index', OpenStreetBrowserIndex)
 module.exports = OpenStreetBrowserIndex