1
0
mirror of https://github.com/jhillyerd/inbucket.git synced 2025-12-18 01:57:02 +00:00
Files
go-inbucket/themes/bootstrap/public/mailbox.js
James Hillyerd 6fd9f1f98c Load message list over JSON
- Add jquery-load-template to bower
- Add moment (date rendering) to bower
- Load message list JSON via /api/v1/mailbox
- Render message list using jquery template
- Fix resize related problems with message list height caused by
  2092949dbc
2016-03-06 13:15:13 -08:00

135 lines
4.0 KiB
JavaScript

var baseURL = window.location.protocol + '//' + window.location.host;
var navBarOffset = 75;
var mediumDeviceWidth = 980;
var messageListMargin = 275;
var clipboard = null;
var messageListScroll = false;
// deleteMessage sends a delete request for a message
function deleteMessage(id) {
$('#message-content').empty();
$.ajax({
type: 'DELETE',
url: '/mailbox/' + mailbox + '/' + id,
success: loadList
})
}
// flashTooltip temporarily changes the text of a tooltip
function flashTooltip(el, text) {
var prevText = $(el).attr('data-original-title');
$(el).attr('data-original-title', text).tooltip('show');
$(el).attr('data-original-title', prevText);
}
// htmlView pops open another window for viewing message as HTML
function htmlView(id) {
window.open('/mailbox/' + mailbox + '/' + id + "/html", '_blank',
'width=800,height=600,' +
'menubar=yes,resizable=yes,scrollbars=yes,status=yes,toolbar=yes');
}
// loadList loads the message list for this mailbox via AJAX
function loadList() {
$('#message-list').hide().empty();
$.ajax({
dataType: "json",
url: '/api/v1/mailbox/' + mailbox,
success: function(data) {
// Render list
$('#message-list').loadTemplate($('#list-entry-template'), data);
$('.listEntry').click(onMessageListClick);
// Reveal and select current message
$("#message-list").slideDown();
if (selected != "") {
$("#" + selected).click();
selected = "";
}
onDocumentChange();
}
});
}
// messageSource pops open another window for message source
function messageSource(id) {
window.open('/mailbox/' + mailbox + '/' + id + "/source", '_blank',
'width=800,height=600,' +
'menubar=no,resizable=yes,scrollbars=yes,status=no,toolbar=no');
}
// toggleMessageLink shows/hids the message link URL form
function toggleMessageLink(id) {
var url = baseURL + '/link/' + mailbox + '/' + id;
$('#link-input-control').val(url);
$('#link-row').slideToggle();
}
// onDocumentChange is called each time we load partials into the DOM
function onDocumentChange() {
// Bootstrap tooltips
$('[data-toggle="tooltip"]').tooltip()
// Clipboard functionality
if (clipboard != null) {
clipboard.destroy();
}
clipboard = new Clipboard('.btn-clipboard');
clipboard.on('success', function(el) {
flashTooltip(el.trigger, 'Copied!');
el.clearSelection();
});
clipboard.on('error', function(el) {
flashTooltip(el.trigger, 'Copy Failed!');
});
}
// onDocumentReady is called by mailbox/index.html to initialize
function onDocumentReady() {
$.addTemplateFormatter("DateFormatter",
function(value, template) {
return moment(value).calendar();
});
$("#message-list").hide();
onWindowResize();
$(window).resize(onWindowResize);
loadList();
}
// onMessageListClick is triggered by clicks on the message list
function onMessageListClick() {
$('.listEntry').removeClass("disabled");
$(this).addClass("disabled");
$('#message-content').load('/mailbox/' + mailbox + '/' + this.id, onMessageLoaded);
selected = this.id;
}
// onMessageLoaded is called each time a new message is shown
function onMessageLoaded(responseText, textStatus, XMLHttpRequest) {
if (textStatus == "error") {
alert("Failed to load message, server said:\n" + responseText);
return;
}
onDocumentChange();
var top = $('#message-container').offset().top - navBarOffset;
$(window).scrollTop(top);
}
// onWindowResize handles special cases when window is resized
function onWindowResize() {
if ($(window).width() > mediumDeviceWidth) {
var content_height = $(window).height() - messageListMargin;
var messageListWrapper = $('#message-list-wrapper');
messageListWrapper.height(content_height);
if (!messageListScroll) {
messageListScroll = true;
messageListWrapper.addClass("message-list-scroll");
}
} else {
if (messageListScroll) {
messageListScroll = false;
$('#message-list-wrapper').height('auto').removeClass("message-list-scroll");
}
}
}