var MessageView = View.extend({

  el: "#message",

  action: '/api/message/',
  
  initialize: function(){
    this.template = this.$(".template").html()
  },

  load: function(name){
    name = sanitize(name) || "inbox"
    $.get(this.action + name, this.populate.bind(this))
  },
  
  populate: function(data){
    this.parse(data)
    $("body").removeClass('loading')
  },
  
  parse: function(data){
    var message = data.message
//     var user = data.user

    $("h1").html(message.subject)
    var datetime = verbose_date(message.date)
    var id = message.id
//     var is_sender = message.sender == user.username
    var t = this.template
                .replace(/{{id}}/g, message.id)
                .replace(/{{sender}}/g, message.sender)
                .replace(/{{subject}}/g, message.subject)
                .replace(/{{date}}/g, datetime[0])
                .replace(/{{time}}/g, datetime[1])
                .replace(/{{body}}/g, tidy_urls(message.body) )
    this.$el.html(t)
  },

})