define(function () {
  return function () {
    var self = this

    self.render = function (el) {
      var p = document.createElement("p")
      p.setAttribute("class", "legend")
      el.appendChild(p)

      var spanNew = document.createElement("span")
      spanNew.setAttribute("class", "legend-new")
      var symbolNew = document.createElement("span")
      symbolNew.setAttribute("class", "symbol")
      var textNew = document.createTextNode(" Neuer Knoten")
      spanNew.appendChild(symbolNew)
      spanNew.appendChild(textNew)
      p.appendChild(spanNew)

      var spanOnline = document.createElement("span")
      spanOnline.setAttribute("class", "legend-online")
      var symbolOnline = document.createElement("span")
      symbolOnline.setAttribute("class", "symbol")
      var textOnline = document.createTextNode(" Knoten ist online")
      spanOnline.appendChild(symbolOnline)
      spanOnline.appendChild(textOnline)
      p.appendChild(spanOnline)

      var spanOffline = document.createElement("span")
      spanOffline.setAttribute("class", "legend-offline")
      var symbolOffline = document.createElement("span")
      symbolOffline.setAttribute("class", "symbol")
      var textOffline = document.createTextNode(" Knoten ist offline")
      spanOffline.appendChild(symbolOffline)
      spanOffline.appendChild(textOffline)
      p.appendChild(spanOffline)
    }

    return self
  }
})