mirror of
https://github.com/jhillyerd/inbucket.git
synced 2025-12-20 11:07:01 +00:00
webui: Renamed themes dir to ui
- Eliminated intermediate bootstrap dir
This commit is contained in:
James Hillyerd
201
ui/static/mailbox.js
Normal file
201
ui/static/mailbox.js
Normal file
@@ -0,0 +1,201 @@
|
||||
var baseURL = window.location.protocol + '//' + window.location.host;
|
||||
var navBarOffset = 75;
|
||||
var mediumDeviceWidth = 980;
|
||||
var messageListMargin = 275;
|
||||
var clipboard = null;
|
||||
var messageListScroll = false;
|
||||
var messageListData = null;
|
||||
|
||||
// clearMessageSearch resets the message list search
|
||||
function clearMessageSearch() {
|
||||
$('#message-search').val('');
|
||||
updateMessageSearch();
|
||||
}
|
||||
|
||||
// deleteMessage sends a delete request for a message
|
||||
function deleteMessage(id) {
|
||||
$('#message-content').empty();
|
||||
$.ajax({
|
||||
type: 'DELETE',
|
||||
url: '/api/v1/mailbox/' + mailbox + '/' + id,
|
||||
success: loadList
|
||||
})
|
||||
}
|
||||
|
||||
// deleteMailbox clears the mailbox
|
||||
function deleteMailbox() {
|
||||
if (confirm("Are you sure you want delete this mailbox?")) {
|
||||
$.ajax({
|
||||
type: 'DELETE',
|
||||
url: '/api/v1/mailbox/' + mailbox,
|
||||
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) {
|
||||
messageListData = data.reverse();
|
||||
// Render list
|
||||
$('#message-list').loadTemplate($('#list-entry-template'), data);
|
||||
$('.message-list-entry').click(onMessageListClick);
|
||||
// Reveal and select current message
|
||||
$("#message-list").slideDown();
|
||||
if (selected != "") {
|
||||
$("#" + selected).click();
|
||||
selected = "";
|
||||
}
|
||||
onDocumentChange();
|
||||
updateMessageSearch();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// makeDelay creates a call-back timer that prevents itself from being
|
||||
// stacked
|
||||
function makeDelay(ms) {
|
||||
var timer = 0;
|
||||
return (function(callback) {
|
||||
clearTimeout (timer);
|
||||
timer = setTimeout(callback, ms);
|
||||
});
|
||||
}
|
||||
|
||||
// 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() {
|
||||
// Prevent search and resize handlers being called too often
|
||||
var searchDelay = makeDelay(200);
|
||||
var resizeDelay = makeDelay(100);
|
||||
$.addTemplateFormatter({
|
||||
"date": function(value, template) {
|
||||
return moment(value).calendar();
|
||||
},
|
||||
"subject": function(value, template) {
|
||||
if (value == null || value.length == 0) {
|
||||
return "(No Subject)";
|
||||
}
|
||||
return value;
|
||||
}
|
||||
});
|
||||
$("#message-list").hide();
|
||||
onWindowResize();
|
||||
$(window).resize(function() {
|
||||
resizeDelay(onWindowResize);
|
||||
});
|
||||
$('#message-search').on('change keyup', function(el) {
|
||||
searchDelay(updateMessageSearch);
|
||||
});
|
||||
loadList();
|
||||
}
|
||||
|
||||
// onMessageListClick is triggered by clicks on the message list
|
||||
function onMessageListClick() {
|
||||
$('.message-list-entry').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();
|
||||
$('#body-tabs a:first').tab('show')
|
||||
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");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// updateMessageSearch compares the message list subjects and senders against
|
||||
// the search string and hides entries that don't match
|
||||
function updateMessageSearch() {
|
||||
var criteria = $('#message-search').val();
|
||||
if (criteria.length < 2) {
|
||||
$('.message-list-entry').show();
|
||||
return;
|
||||
}
|
||||
criteria = criteria.toLowerCase();
|
||||
for (i=0; i<messageListData.length; i++) {
|
||||
entry = messageListData[i];
|
||||
if ((entry.subject.toLowerCase().indexOf(criteria) > -1) ||
|
||||
(entry.from.toLowerCase().indexOf(criteria) > -1)) {
|
||||
// Match
|
||||
$('#' + entry.id).show();
|
||||
} else {
|
||||
$('#' + entry.id).hide();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user