1 files changed, 44 insertions, 41 deletions

diff --git a/public/assets/js/lib/views/mail/message.js b/public/assets/js/lib/views/mail/message.js
index 6fa3d78..6ea2274 100644
--- a/public/assets/js/lib/views/mail/message.js
+++ b/public/assets/js/lib/views/mail/message.js
@@ -1,67 +1,70 @@
 var MessageView = View.extend({
-
   el: "#message",
 
   events: {
-    'click .discard_link': 'discard',
+    "click .discard_link": "discard",
   },
 
-  action: '/api/message/',
+  action: "/api/message/",
 
-  initialize: function(){
-    this.template = this.$(".template").html()
+  initialize: function () {
+    this.template = this.$(".template").html();
+    this.$el.empty().hide();
   },
 
-  load: function(name){
-    name = sanitizeHTML(name) || "inbox"
+  load: function (name) {
+    name = sanitizeHTML(name) || "inbox";
     $.ajax({
       url: this.action + name,
-      method: 'get',
+      method: "get",
       success: this.populate.bind(this),
-      error: app.router.error404
-    })
+      error: app.router.error404,
+    });
   },
 
-  populate: function(data){
-    this.parse(data)
-    $("body").removeClass('loading')
+  populate: function (data) {
+    this.parse(data);
+    $("body").removeClass("loading");
   },
 
-  parse: function(data){
-    var message = data.message
-//     var user = data.user
+  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 === auth.user.username
+    $("h1").html(message.subject);
+    var datetime = verbose_date(message.date);
+    var id = message.id;
+    var is_sender = message.sender === auth.user.username;
     var t = this.template
-                .replace(/{{id}}/g, message.id)
-                .replace(/{{sender}}/g, message.sender)
-                .replace(/{{avatar}}/g, profile_image(message.sender))
-                .replace(/{{subject}}/g, message.subject)
-                .replace(/{{date}}/g, datetime[0])
-                .replace(/{{time}}/g, datetime[1])
-                .replace(/{{body}}/g, tidy_urls(message.body) )
-    var $t = $(t)
+      .replace(/{{id}}/g, message.id)
+      .replace(/{{sender}}/g, message.sender)
+      .replace(/{{avatar}}/g, profile_image(message.sender))
+      .replace(/{{subject}}/g, message.subject)
+      .replace(/{{date}}/g, datetime[0])
+      .replace(/{{time}}/g, datetime[1])
+      .replace(/{{body}}/g, tidy_urls(message.body));
+    var $t = $(t);
     if (is_sender) {
-      $t.find('.reply_link').remove()
+      $t.find(".reply_link").remove();
     }
-    this.$el.empty().append($t)
+    this.$el.empty().append($t).show();
   },
 
-  discard: function(e){
-    var id = $(e.target).data('id')
-    var ok = confirm("Really delete this message?")
-    if (! ok) return
+  discard: function (e) {
+    var id = $(e.target).data("id");
+    var ok = confirm("Really delete this message?");
+    if (!ok) return;
     $.ajax({
-      method: 'delete',
-      url: '/api/message/' + id,
+      method: "delete",
+      url: "/api/message/" + id,
       headers: { "csrf-token": csrf() },
       data: { _csrf: csrf() },
-      success: function(){ window.location.href = "/mail" },
-      error: function(){ window.location.href = "/mail" },
-    })
+      success: function () {
+        window.location.href = "/mail";
+      },
+      error: function () {
+        window.location.href = "/mail";
+      },
+    });
   },
-
-})
+});