styling compose box

2 files changed, 44 insertions, 2 deletions

diff --git a/public/assets/js/lib/views/mail/compose.js b/public/assets/js/lib/views/mail/compose.js
index 49f29f4..2c76b3f 100644
--- a/public/assets/js/lib/views/mail/compose.js
+++ b/public/assets/js/lib/views/mail/compose.js
@@ -1,3 +1,36 @@
 var ComposeView = FormView.extend({
+  
+  el: "#compose",
+  
+  events: {
+  },
+  
+  action: "",
+  
+  initialize: function(){
+    this.__super__.initialize.call(this)
+    this.template = this.$(".template").html()
+  },
+  
+  load: function(username){
+    this.$("[name=username]").val(sanitize(username))
+    $("body").removeClass('loading')
+  },
+  
+  validate: function(){
+    var errors = []
+    var username = $("[name=username]").val()
+    var message = $("[name=message]").val()
+    if (! username || ! username.length) {
+      errors.push("Please enter who this message is going to.")
+    }
+    if (! message || ! message.length) {
+      errors.push("Please enter your message.")
+    }
+    return errors.length ? errors : null
+  },
 
-})
+  success: function(){
+    window.location.reload()
+  }
+})
\ No newline at end of file
diff --git a/public/assets/js/lib/views/profile/profile.js b/public/assets/js/lib/views/profile/profile.js
index 2180532..34c8fba 100644
--- a/public/assets/js/lib/views/profile/profile.js
+++ b/public/assets/js/lib/views/profile/profile.js
@@ -18,7 +18,8 @@ var ProfileView = View.extend({
   populate: function(user){
     $("body").removeClass('loading')
     var $table = this.$("table")
-    this.$("img").attr("src", "/data/profile/" + sanitize(user.username) + ".jpg")
+    var username = sanitize(user.username)
+    this.$("img").attr("src", "/data/profile/" + username + ".jpg")
     var fields = "username realname phone location".split(" ").map((key) => {
       if (! user[key]) return;
       var t = this.template.replace(/{{key}}/, sanitize(key))
@@ -32,6 +33,14 @@ var ProfileView = View.extend({
                            .replace(/{{value}}/, date[0] + ' <small>' + date[1] + '</small>')
       $table.append(t)
     })
+
+    var fields = "message".split(" ").map((key) => {
+      if (! user[key]) return;
+      var t = this.template.replace(/{{key}}/, "&nbsp;")
+                           .replace(/{{value}}/, '<a href="/mail/compose/' + username + '">send ' + username + ' a message</a>')
+      $table.append(t)
+    })
+
   },
 
 })