var all_msg_list = new MessageList('zhome'); var narrowed_msg_list; var current_msg_list = all_msg_list; var subject_dict = {}; var people_dict = {}; var viewport = $(window); 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; // Toggles re-centering the pointer in the window // when Home is next clicked by the user var recenter_pointer_on_display = false; var suppress_scroll_pointer_update = false; var furthest_read = -1; var server_furthest_read = -1; 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; }); // The special account feedback@humbughq.com is used for in-app // feedback and should always show up as an autocomplete option. typeahead_helper.update_your_recipients([{"email": "feedback@humbughq.com", "full_name": "Humbug Feedback Bot"}]); }); // 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. var selected_row_top = current_msg_list.selected_row().offset().top; 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_row_top - viewport.height() / 2); } else if (below_view_threshold(message)) { viewport.scrollTop(selected_row_top - viewport.height() / 5); } } function scroll_to_selected() { var selected_row = current_msg_list.selected_row(); if (selected_row && (selected_row.length !== 0)) recenter_view(selected_row); } function maybe_scroll_to_selected() { // If we have been previously instructed to re-center to the // selected message, then do so if (recenter_pointer_on_display) { scroll_to_selected(); recenter_pointer_on_display = false; } } 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 = current_msg_list.selected_message(); if (message === undefined) { return; } 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}); } function message_range(msg_list, start, end) { // Returns messages from the given message list in the specified range, inclusive var result = []; var i; for (i = start; i <= end; i++) { if (msg_list.get(i) !== undefined) { result.push(msg_list.get(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 && message.client === "website") { return; } if (is_read === true && !narrow.active() && !narrow.in_home(message)) { 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 () { furthest_read = initial_pointer; server_furthest_read = initial_pointer; function send_pointer_update() { if (furthest_read > server_furthest_read) { $.post("/json/update_pointer", {pointer: furthest_read}, function () { server_furthest_read = furthest_read; }); } } // We only send pointer updates when the user has been idle for a // short while to avoid hammering the server $(document).idle({idle: 1000, onIdle: send_pointer_update, keepTracking: true}); $(document).on('message_selected.zephyr', function (event) { process_unread_counts(message_range(event.msg_list, furthest_read + 1, event.id), true); // Narrowing is a temporary view on top of the home view and // doesn't affect your pointer in the home view. if (event.msg_list === all_msg_list && event.id > furthest_read) { furthest_read = event.id; } }); }); 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] = []; } 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 = (timerender.render_time(time))[0].outerHTML; } 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, msg_list, where, allow_collapse) { if (messages.length === 0) return; var table_name = msg_list.table_name; 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(msg_list.get(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 = msg_list.get(last_message_id); } $.each(messages, function (index, message) { 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 = $("