OpenStreetBrowser/src/OpenStreetBrowserIndex.js

var OpenStreetBrowserLoader = require('./OpenStreetBrowserLoader')

function OpenStreetBrowserIndex (id, data) {
  this.id = id
  this.data = data
  this.isOpen = false
  this.childrenDoms = {}
  this.childrenCategories = {}
}

OpenStreetBrowserIndex.prototype.setMap = function (map) {
  this.map = map
}

OpenStreetBrowserIndex.prototype.setParentDom = function (parentDom) {
  this.parentDom = parentDom
}

OpenStreetBrowserIndex.prototype.open = function () {
  if (typeof this.parentDom === 'string') {
    this.parentDom = document.getElementById(this.parentDom)
  }

  for (var i = 0; i < this.data.subCategories.length; i++) {
    var data = this.data.subCategories[i]
    var dom = document.createElement('div')
    this.parentDom.appendChild(dom)

    var domHeader = document.createElement('header')
    dom.appendChild(domHeader)

    var a = document.createElement('a')
    a.appendChild(document.createTextNode(data['name:en']))
    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

    if ('type' in data) {
      OpenStreetBrowserLoader.getCategoryFromData(data.id, data, function (err, category) {
        if (err) {
          return
        }

        this.childrenCategories[category.id] = category
      }.bind(this))
    }
  }
}

OpenStreetBrowserIndex.prototype.toggle = function () {
  if (this.isOpen) {
    // this.remove()
  } else {
    this.open()
  }
}

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