Mirrors/go-inbucket
1
0
Fork 0
mirror of https://github.com/jhillyerd/inbucket.git synced 2025-12-18 10:07:02 +00:00
Code Issues Releases Wiki Activity

ui: Mark messages as seen after 1.5s for #58

Browse Source 
Embolden subject font for unseen messages.
This commit is contained in:
James Hillyerd
2018-04-01 15:16:48 -07:00
parent dc02092cf6
commit c695a2690d
5 changed files with 45 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
ui/static/mailbox.js
View File

@@ -5,6 +5,7 @@ var messageListMargin = 275;
var clipboard = null;
var messageListScroll = false;
var messageListData = null;
var seenDelay = null;
// clearMessageSearch resets the message list search
function clearMessageSearch() {
@@ -55,8 +56,11 @@ function loadList() {
url: '/api/v1/mailbox/' + mailbox,
success: function(data) {
messageListData = data.reverse();
for (i=0; i<messageListData.length; i++) {
messageListData[i].seenClass = messageListData[i].seen ? '' : 'unseen'
}
// Render list
$('#message-list').loadTemplate($('#list-entry-template'), data);
$('#message-list').loadTemplate($('#list-entry-template'), messageListData);
$('.message-list-entry').click(onMessageListClick);
// Reveal and select current message
$("#message-list").slideDown();
@@ -115,6 +119,7 @@ function onDocumentChange() {
// onDocumentReady is called by mailbox/index.html to initialize
function onDocumentReady() {
seenDelay = makeDelay(1500);
// Prevent search and resize handlers being called too often
var searchDelay = makeDelay(200);
var resizeDelay = makeDelay(100);
@@ -142,10 +147,12 @@ function onDocumentReady() {
// onMessageListClick is triggered by clicks on the message list
function onMessageListClick() {
var id = this.id;
$('.message-list-entry').removeClass("disabled");
$(this).addClass("disabled");
$('#message-content').load('/mailbox/' + mailbox + '/' + this.id, onMessageLoaded);
selected = this.id;
$('#message-content').load('/mailbox/' + mailbox + '/' + id, onMessageLoaded);
selected = id;
seenDelay(function() { markSeen(id); });
}
// onMessageLoaded is called each time a new message is shown
@@ -199,3 +206,26 @@ function updateMessageSearch() {
}
}
// markSeen notifies the server that this message has been seen by the user.
function markSeen(id) {
for (i=0; i<messageListData.length; i++) {
if (messageListData[i].id == id) {
if (messageListData[i].seen) {
return;
} else {
messageListData[i].seen = true;
}
}
}
var updateClass = function() {
$('#' + id).find('.unseen').removeClass('unseen');
}
$.ajax({
type: 'PATCH',
url: '/api/v1/mailbox/' + mailbox + '/' + id,
contentType: 'application/json',
data: JSON.stringify({'seen': true}),
processData: false,
success: updateClass
});
}