var UserlistView = View.extend({
  
  el: "#userlist",
  
  events: {
  },
  
  users: {},
  initialize: function(){
    var base = this
    app.socket.on("joined", function(data){
      base.users[data.nick] = true
      base.update()
    })
    app.socket.on("parted", function(data){
      delete base.users[data.nick]
      base.update()
    })
  },
  
  update: function(){
    var base = this
    this.$el.empty()
    Object.keys(base.users).sort().forEach(function(nick){
      var el = document.createElement("div")
      el.innerHTML = nick
      base.el.appendChild(el)
    })
  },
  
})