Replace whole iframe body, looks like coffeescript got an upgrade too

This commit is contained in:
Samuel Cochran 2011-12-23 03:34:40 +08:00
parent 4978e8c5e7
commit 0a083c0300
2 changed files with 60 additions and 44 deletions

View File

@ -162,8 +162,8 @@ class MailCatcher
$(this) $(this)
.find('input[type="submit"]').attr('disabled', 'disabled').end() .find('input[type="submit"]').attr('disabled', 'disabled').end()
.find('.loading').show() .find('.loading').show()
$form.xslt("/messages/#{id}/analysis.xml", "/stylesheets/analysis.xsl") $('#message iframe').contents().find('body').xslt("/messages/#{id}/analysis.xml", "/stylesheets/analysis.xsl")
refresh: -> refresh: ->
$.getJSON '/messages', (messages) => $.getJSON '/messages', (messages) =>
$.each messages, (i, message) => $.each messages, (i, message) =>

View File

@ -1,20 +1,22 @@
(function() { (function() {
var MailCatcher; var MailCatcher;
var __bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; };
MailCatcher = (function() { MailCatcher = (function() {
function MailCatcher() { function MailCatcher() {
$('#messages tr').live('click', __bind(function(e) { var _this = this;
$('#messages tr').live('click', function(e) {
e.preventDefault(); e.preventDefault();
return this.loadMessage($(e.currentTarget).attr('data-message-id')); return _this.loadMessage($(e.currentTarget).attr('data-message-id'));
}, this)); });
$('#message .views .format.tab a').live('click', __bind(function(e) { $('#message .views .format.tab a').live('click', function(e) {
e.preventDefault(); e.preventDefault();
return this.loadMessageBody(this.selectedMessage(), $($(e.currentTarget).parent('li')).data('message-format')); return _this.loadMessageBody(_this.selectedMessage(), $($(e.currentTarget).parent('li')).data('message-format'));
}, this)); });
$('#message .views .analysis.tab a').live('click', __bind(function(e) { $('#message .views .analysis.tab a').live('click', function(e) {
e.preventDefault(); e.preventDefault();
return this.loadMessageAnalysis(this.selectedMessage()); return _this.loadMessageAnalysis(_this.selectedMessage());
}, this)); });
$('#resizer').live({ $('#resizer').live({
mousedown: function(e) { mousedown: function(e) {
var events; var events;
@ -33,7 +35,7 @@
}); });
} }
}); });
$('nav.app .clear a').live('click', __bind(function(e) { $('nav.app .clear a').live('click', function(e) {
e.preventDefault(); e.preventDefault();
if (confirm("You will lose all your received messages.\n\nAre you sure you want to clear all messages?")) { if (confirm("You will lose all your received messages.\n\nAre you sure you want to clear all messages?")) {
return $.ajax({ return $.ajax({
@ -49,8 +51,8 @@
} }
}); });
} }
}, this)); });
$('nav.app .quit a').live('click', __bind(function(e) { $('nav.app .quit a').live('click', function(e) {
e.preventDefault(); e.preventDefault();
if (confirm("You will lose all your received messages.\n\nAre you sure you want to quit?")) { if (confirm("You will lose all your received messages.\n\nAre you sure you want to quit?")) {
return $.ajax({ return $.ajax({
@ -63,46 +65,48 @@
} }
}); });
} }
}, this)); });
this.refresh(); this.refresh();
this.subscribe(); this.subscribe();
} }
MailCatcher.prototype.parseDateRegexp = /^(\d{4})[-\/\\](\d{2})[-\/\\](\d{2})(?:\s+|T)(\d{2})[:-](\d{2})[:-](\d{2})(?:([ +-]\d{2}:\d{2}|\s*\S+|Z?))?$/; MailCatcher.prototype.parseDateRegexp = /^(\d{4})[-\/\\](\d{2})[-\/\\](\d{2})(?:\s+|T)(\d{2})[:-](\d{2})[:-](\d{2})(?:([ +-]\d{2}:\d{2}|\s*\S+|Z?))?$/;
MailCatcher.prototype.parseDate = function(date) { MailCatcher.prototype.parseDate = function(date) {
var match; var match;
if (match = this.parseDateRegexp.exec(date)) { if (match = this.parseDateRegexp.exec(date)) {
return new Date(match[1], match[2] - 1, match[3], match[4], match[5], match[6], 0); return new Date(match[1], match[2] - 1, match[3], match[4], match[5], match[6], 0);
} }
}; };
MailCatcher.prototype.formatDate = function(date) { MailCatcher.prototype.formatDate = function(date) {
if (typeof date === "string") { if (typeof date === "string") date && (date = this.parseDate(date));
date && (date = this.parseDate(date));
}
return date && (date = date.toString("dddd, d MMM yyyy h:mm:ss tt")); return date && (date = date.toString("dddd, d MMM yyyy h:mm:ss tt"));
}; };
MailCatcher.prototype.haveMessage = function(message) { MailCatcher.prototype.haveMessage = function(message) {
if (message.id != null) { if (message.id != null) message = message.id;
message = message.id;
}
return $("#messages tbody tr[data-message-id=\"" + message + "\"]").length > 0; return $("#messages tbody tr[data-message-id=\"" + message + "\"]").length > 0;
}; };
MailCatcher.prototype.selectedMessage = function() { MailCatcher.prototype.selectedMessage = function() {
return $('#messages tr.selected').data('message-id'); return $('#messages tr.selected').data('message-id');
}; };
MailCatcher.prototype.addMessage = function(message) { MailCatcher.prototype.addMessage = function(message) {
return $('#messages tbody').append($('<tr />').attr('data-message-id', message.id.toString()).append($('<td/>').text(message.sender || "No sender").toggleClass("blank", !message.sender)).append($('<td/>').text((message.recipients || []).join(', ') || "No receipients").toggleClass("blank", !message.recipients.length)).append($('<td/>').text(message.subject || "No subject").toggleClass("blank", !message.subject)).append($('<td/>').text(this.formatDate(message.created_at)))); return $('#messages tbody').append($('<tr />').attr('data-message-id', message.id.toString()).append($('<td/>').text(message.sender || "No sender").toggleClass("blank", !message.sender)).append($('<td/>').text((message.recipients || []).join(', ') || "No receipients").toggleClass("blank", !message.recipients.length)).append($('<td/>').text(message.subject || "No subject").toggleClass("blank", !message.subject)).append($('<td/>').text(this.formatDate(message.created_at))));
}; };
MailCatcher.prototype.loadMessage = function(id) { MailCatcher.prototype.loadMessage = function(id) {
if ((id != null ? id.id : void 0) != null) { var _this = this;
id = id.id; if ((id != null ? id.id : void 0) != null) id = id.id;
}
id || (id = $('#messages tr.selected').attr('data-message-id')); id || (id = $('#messages tr.selected').attr('data-message-id'));
if (id != null) { if (id != null) {
$('#messages tbody tr:not([data-message-id="' + id + '"])').removeClass('selected'); $('#messages tbody tr:not([data-message-id="' + id + '"])').removeClass('selected');
$('#messages tbody tr[data-message-id="' + id + '"]').addClass('selected'); $('#messages tbody tr[data-message-id="' + id + '"]').addClass('selected');
return $.getJSON('/messages/' + id + '.json', __bind(function(message) { return $.getJSON('/messages/' + id + '.json', function(message) {
var $ul; var $ul;
$('#message .metadata dd.created_at').text(this.formatDate(message.created_at)); $('#message .metadata dd.created_at').text(_this.formatDate(message.created_at));
$('#message .metadata dd.from').text(message.sender); $('#message .metadata dd.from').text(message.sender);
$('#message .metadata dd.to').text((message.recipients || []).join(', ')); $('#message .metadata dd.to').text((message.recipients || []).join(', '));
$('#message .metadata dd.subject').text(message.subject); $('#message .metadata dd.subject').text(message.subject);
@ -132,13 +136,14 @@
} }
$('#message .views .download a').attr('href', "/messages/" + id + ".eml"); $('#message .views .download a').attr('href', "/messages/" + id + ".eml");
if ($('#message .views .tab.analysis.selected').length) { if ($('#message .views .tab.analysis.selected').length) {
return this.loadMessageAnalysis(); return _this.loadMessageAnalysis();
} else { } else {
return this.loadMessageBody(); return _this.loadMessageBody();
} }
}, this)); });
} }
}; };
MailCatcher.prototype.loadMessageBody = function(id, format) { MailCatcher.prototype.loadMessageBody = function(id, format) {
id || (id = this.selectedMessage()); id || (id = this.selectedMessage());
format || (format = $('#message .views .tab.format.selected').attr('data-message-format')); format || (format = $('#message .views .tab.format.selected').attr('data-message-format'));
@ -149,6 +154,7 @@
return $('#message iframe').attr("src", "/messages/" + id + "." + format); return $('#message iframe').attr("src", "/messages/" + id + "." + format);
} }
}; };
MailCatcher.prototype.loadMessageAnalysis = function(id) { MailCatcher.prototype.loadMessageAnalysis = function(id) {
var $form, $iframe; var $form, $iframe;
id || (id = this.selectedMessage()); id || (id = this.selectedMessage());
@ -159,19 +165,21 @@
return $form = $iframe.find('form').submit(function(e) { return $form = $iframe.find('form').submit(function(e) {
e.preventDefault(); e.preventDefault();
$(this).find('input[type="submit"]').attr('disabled', 'disabled').end().find('.loading').show(); $(this).find('input[type="submit"]').attr('disabled', 'disabled').end().find('.loading').show();
return $form.xslt("/messages/" + id + "/analysis.xml", "/stylesheets/analysis.xsl"); console.log($('#message iframe').contents().find('body'));
return $('#message iframe').contents().find('body').xslt("/messages/" + id + "/analysis.xml", "/stylesheets/analysis.xsl");
}); });
} }
}; };
MailCatcher.prototype.refresh = function() { MailCatcher.prototype.refresh = function() {
return $.getJSON('/messages', __bind(function(messages) { var _this = this;
return $.each(messages, __bind(function(i, message) { return $.getJSON('/messages', function(messages) {
if (!this.haveMessage(message)) { return $.each(messages, function(i, message) {
return this.addMessage(message); if (!_this.haveMessage(message)) return _this.addMessage(message);
} });
}, this)); });
}, this));
}; };
MailCatcher.prototype.subscribe = function() { MailCatcher.prototype.subscribe = function() {
if (typeof WebSocket !== "undefined" && WebSocket !== null) { if (typeof WebSocket !== "undefined" && WebSocket !== null) {
return this.subscribeWebSocket(); return this.subscribeWebSocket();
@ -179,24 +187,32 @@
return this.subscribePoll(); return this.subscribePoll();
} }
}; };
MailCatcher.prototype.subscribeWebSocket = function() { MailCatcher.prototype.subscribeWebSocket = function() {
var secure; var secure;
var _this = this;
secure = window.location.scheme === 'https'; secure = window.location.scheme === 'https';
this.websocket = new WebSocket("" + (secure ? 'wss' : 'ws') + "://" + window.location.host + "/messages"); this.websocket = new WebSocket("" + (secure ? 'wss' : 'ws') + "://" + window.location.host + "/messages");
return this.websocket.onmessage = __bind(function(event) { return this.websocket.onmessage = function(event) {
return this.addMessage($.parseJSON(event.data)); return _this.addMessage($.parseJSON(event.data));
}, this); };
}; };
MailCatcher.prototype.subscribePoll = function() { MailCatcher.prototype.subscribePoll = function() {
var _this = this;
if (this.refreshInterval == null) { if (this.refreshInterval == null) {
return this.refreshInterval = setInterval((__bind(function() { return this.refreshInterval = setInterval((function() {
return this.refresh(); return _this.refresh();
}, this)), 1000); }), 1000);
} }
}; };
return MailCatcher; return MailCatcher;
})(); })();
$(function() { $(function() {
return window.MailCatcher = new MailCatcher; return window.MailCatcher = new MailCatcher;
}); });
}).call(this); }).call(this);