var message_array = []; var message_dict = {}; var message_in_table = {zhome: {}, zfilt: {}}; var subject_dict = {}; var people_dict = {}; var viewport = $(window); // For tracking where you are in the home view var persistent_message_id = -1; var selected_message_id = -1; /* to be filled in on document.ready */ var selected_message = $(); /* = rows.get(selected_message_id) */ var get_updates_params = { pointer: -1, server_generation: -1 /* to be filled in on document.ready */ }; var get_updates_failures = 0; var load_more_enabled = true; // If the browser hasn't scrolled away from the top of the page // since the last time that we ran load_more_messages(), we do // not load_more_messages(). var have_scrolled_away_from_top = true; // The "message groups", i.e. blocks of messages collapsed by recipient. // Each message table has a list of lists. var message_groups = { zhome: [], zfilt: [] }; var disable_pointer_movement = false; function add_person(person) { people_list.push(person); people_dict[person.email] = person; } $(function () { $.each(people_list, function (idx, person) { people_dict[person.email] = person; }); }); // Why do we look at the 'bottom' in above_view_threshold and the top // in below_view_threshold as opposed to vice versa? Mostly to handle // the case of gigantic messages. Imagine the case of a selected // message that's so big that it takes up an two entire screens. The // selector shouldn't move away from it until after the *bottom* of // the message has gone too high up on the screen. (Otherwise we'd // move the pointer right after part of the first screenful.) function above_view_threshold(message, useTop) { // Barnowl-style thresholds: the bottom of the pointer is never // above the 1/5 mark. // (if useTop = true, we look at the top of the pointer instead) var position = message.offset().top; if (!useTop) { // outerHeight(true): Include margin position += message.outerHeight(true); } return position < viewport.scrollTop() + viewport.height() / 5; } function below_view_threshold(message) { // Barnowl-style thresholds: the top of the pointer is never below // the 2/3-mark. return message.offset().top > viewport.scrollTop() + viewport.height() * 2 / 3; } function recenter_view(message) { // Barnowl-style recentering: if the pointer is too high, center // in the middle of the screen. If the pointer is too low, center // on the 1/5-mark. // If this logic changes, above_view_threshold andd // below_view_threshold must also change. if (above_view_threshold(message, true)) { // We specifically say useTop=true here, because suppose you're using // the arrow keys to arrow up and you've moved up to a huge message. // The message is so big that the bottom part of makes it not // "above the view threshold". But since we're using the arrow keys // to get here, the reason we selected this message is because // we want to read it; so here we care about the top part. viewport.scrollTop(selected_message.offset().top - viewport.height() / 2); } else if (below_view_threshold(message)) { viewport.scrollTop(selected_message.offset().top - viewport.height() / 5); } } function scroll_to_selected() { if (selected_message && (selected_message.length !== 0)) recenter_view(selected_message); } function get_private_message_recipient(message, attr) { var recipient, i; var other_recipients = $.grep(message.display_recipient, function (element, index) { return element.email !== email; }); if (other_recipients.length === 0) { // private message with oneself return message.display_recipient[0][attr]; } recipient = other_recipients[0][attr]; for (i = 1; i < other_recipients.length; i++) { recipient += ', ' + other_recipients[i][attr]; } return recipient; } function respond_to_message(reply_type) { var message, msg_type; message = message_dict[selected_message_id]; var stream = ''; var subject = ''; if (message.type === "stream") { stream = message.display_recipient; subject = message.subject; } var pm_recipient = message.reply_to; if (reply_type === "personal" && message.type === "private") { // reply_to for private messages is everyone involved, so for // personals replies we need to set the the private message // recipient to just the sender pm_recipient = message.sender_email; } if (reply_type === 'personal' || message.type === 'private') { msg_type = 'private'; } else { msg_type = message.type; } compose.start(msg_type, {'stream': stream, 'subject': subject, 'private_message_recipient': pm_recipient}); } // Called by mouseover etc. function select_message_by_id(message_id, opts) { return select_message(rows.get(message_id), opts); } var furthest_read = -1; var server_furthest_read = -1; // We only send pointer updates when the user has been idle for a // short while to avoid hammering the server function send_pointer_update() { if (furthest_read > server_furthest_read) { $.post("/json/update_pointer", {pointer: furthest_read}, function () { server_furthest_read = furthest_read; }); } } $(function () { persistent_message_id = initial_pointer; furthest_read = initial_pointer; server_furthest_read = initial_pointer; $(document).idle({idle: 1000, onIdle: send_pointer_update, keepTracking: true}); }); function message_range(start, end) { // Returns messages from the global message_dict in the specified range, inclusive var result = []; var i; for (i = start; i <= end; i++) { if (message_dict[i] !== undefined) { result.push(message_dict[i]); } } return result; } var unread_filters = {'stream': {}, 'private': {}}; var total_unread_messages = 0; // Record each message in the array 'messages' as either read or // unread, depending on the value of the 'is_read' flag. function process_unread_counts(messages, is_read) { $.each(messages, function (index, message) { if (message.id <= furthest_read && is_read !== true) { return; } if (message.sender_email === email) { return; } var hashkey; if (message.type === 'stream') { hashkey = message.display_recipient; } else { hashkey = message.display_reply_to; } if (unread_filters[message.type][hashkey] === undefined) { unread_filters[message.type][hashkey] = {}; } if (is_read) { delete unread_filters[message.type][hashkey][message.id]; } else { unread_filters[message.type][hashkey][message.id] = true; } }); total_unread_messages = 0; $.each(unread_filters.stream, function(index, obj) { var count = Object.keys(obj).length; ui.set_count("stream", index, count); total_unread_messages += count; }); var pm_count = 0; $.each(unread_filters["private"], function(index, obj) { pm_count += Object.keys(obj).length; }); ui.set_count("global", "private", pm_count); total_unread_messages += pm_count; } function update_selected_message(message, opts) { var cls = 'selected_message'; $('.' + cls).removeClass(cls); message.addClass(cls); var new_selected_id = rows.id(message); // Narrowing is a temporary view on top of the home view and // doesn't affect your pointer in the home view. // Similarly, lurk mode does not affect your pointer. process_unread_counts(message_range(furthest_read + 1, new_selected_id), true); if (! narrow.active() && lurk_stream === undefined) { persistent_message_id = new_selected_id; if (new_selected_id > furthest_read) { furthest_read = new_selected_id; } } selected_message_id = new_selected_id; selected_message = message; } function select_message(next_message, opts) { opts = $.extend({}, {then_scroll: false}, opts); /* If the message exists but is hidden, try to find the next visible one. */ if (next_message.is(':hidden')) { next_message = rows.next_visible(next_message); } /* Fall back to the last visible message. */ if (next_message.length === 0) { next_message = rows.last_visible(); if (next_message.length === 0) { // There are no messages! return false; } } if (next_message.id !== selected_message_id) { update_selected_message(next_message, opts); } if (opts.then_scroll) { recenter_view(next_message); } return true; } function same_stream_and_subject(a, b) { // Streams and subjects are case-insensitive. Streams have // already been forced to the canonical case. return ((a.recipient_id === b.recipient_id) && (a.subject.toLowerCase() === b.subject.toLowerCase())); } function same_recipient(a, b) { if ((a === undefined) || (b === undefined)) return false; if (a.type !== b.type) return false; switch (a.type) { case 'private': return a.reply_to === b.reply_to; case 'stream': return same_stream_and_subject(a, b); } // should never get here return false; } function same_sender(a, b) { return ((a !== undefined) && (b !== undefined) && (a.sender_email === b.sender_email)); } function clear_table(table_name) { // We do not want to call .empty() because that also clears // jQuery data. This does mean, however, that we need to be // mindful of memory leaks. rows.get_table(table_name).children().detach(); message_groups[table_name] = []; message_in_table[table_name] = {}; } function add_display_time(message, prev) { var two_digits = function (x) { return ('0' + x).slice(-2); }; var time = new XDate(message.timestamp * 1000); var include_date = message.include_recipient; if (prev !== undefined) { var prev_time = new XDate(prev.timestamp * 1000); if (time.toDateString() !== prev_time.toDateString()) { include_date = true; } } // NB: timestr is HTML, inserted into the document without escaping. if (include_date) { message.timestr = time.toString("MMM dd") + " " + time.toString("HH:mm"); } else { message.timestr = time.toString("HH:mm"); } // Convert to number of hours ahead/behind UTC. // The sign of getTimezoneOffset() is reversed wrt // the conventional meaning of UTC+n / UTC-n var tz_offset = -time.getTimezoneOffset() / 60; message.full_date_str = time.toLocaleDateString(); message.full_time_str = time.toLocaleTimeString() + ' (UTC' + ((tz_offset < 0) ? '' : '+') + tz_offset + ')'; } function add_to_table(messages, table_name, filter_function, where, allow_collapse) { if (messages.length === 0) return; var table = rows.get_table(table_name); var messages_to_render = []; var ids_where_next_is_same_sender = {}; var prev; var last_message_id; var current_group = []; var new_message_groups = []; if (where === 'top' && narrow.allow_collapse() && message_groups[table_name].length > 0) { // Delete the current top message group, and add it back in with these // messages, in order to collapse properly. // // This means we redraw the entire view on each update when narrowed by // subject, which could be a problem down the line. For now we hope // that subject views will not be very big. var top_group = message_groups[table_name][0]; var top_messages = []; $.each(top_group, function (index, id) { rows.get(id, table_name).remove(); top_messages.push(message_dict[id]); }); messages = messages.concat(top_messages); // Delete the leftover recipient label. table.find('.recipient_row:first').remove(); } else { last_message_id = rows.id(table.find('tr[zid]:last')); prev = message_dict[last_message_id]; } $.each(messages, function (index, message) { if (! filter_function(message)) return; message_in_table[table_name][message.id] = true; message.include_recipient = false; message.include_bookend = false; if (same_recipient(prev, message) && allow_collapse) { current_group.push(message.id); } else { if (current_group.length > 0) new_message_groups.push(current_group); current_group = [message.id]; // Add a space to the table, but not for the first element. message.include_recipient = true; message.include_bookend = (prev !== undefined); } message.include_sender = true; if (!message.include_recipient && same_sender(prev, message) && (Math.abs(message.timestamp - prev.timestamp) < 60*10)) { message.include_sender = false; ids_where_next_is_same_sender[prev.id] = true; } add_display_time(message, prev); message.dom_id = table_name + message.id; if (message.sender_email === email) { message.stamp = ui.get_gravatar_stamp(); } if (message.is_stream) { message.background_color = subs.get_color(message.display_recipient); message.color_class = subs.get_color_class(message.background_color); message.invite_only = subs.get_invite_only(message.display_recipient); } messages_to_render.push(message); prev = message; }); if (messages_to_render.length === 0) { return; } if (current_group.length > 0) new_message_groups.push(current_group); if (where === 'top') { message_groups[table_name] = new_message_groups.concat(message_groups[table_name]); } else { message_groups[table_name] = message_groups[table_name].concat(new_message_groups); } var rendered_elems = $(templates.message({ messages: messages_to_render, include_layout_row: (table.find('tr:first').length === 0) })); $.each(rendered_elems, function (index, elem) { var row = $(elem); if (! row.hasClass('message_row')) { return; } var id = rows.id(row); if (ids_where_next_is_same_sender[id]) { row.find('.messagebox').addClass("next_is_same_sender"); } }); // The message that was last before this batch came in has to be // handled specially because we didn't just render it and // therefore have to lookup its associated element if (last_message_id !== undefined && ids_where_next_is_same_sender[last_message_id]) { var row = rows.get(last_message_id, table_name); row.find('.messagebox').addClass("next_is_same_sender"); } if (where === 'top' && table.find('.ztable_layout_row').length > 0) { // If we have a totally empty narrow, there may not // be a .ztable_layout_row. table.find('.ztable_layout_row').after(rendered_elems); } else { table.append(rendered_elems); // XXX: This is absolutely awful. There is a firefox bug // where when table rows as DOM elements are appended (as // opposed to as a string) a border is sometimes added to the // row. This border goes away if we add a dummy row to the // top of the table (it doesn't go away on any reflow, // though, as resizing the window doesn't make them go away). // So, we add an empty row and then garbage collect them // later when the user is idle. var dummy = $("