mirror of
https://github.com/zulip/zulip.git
synced 2025-11-05 06:23:38 +00:00
We've had rare and hard-to-track-down glitches with our old implementation for going up and down in the message list, which was using jQuery selectors. We now just use MessageListData under the hood to find our next id.
146 lines
4.6 KiB
JavaScript
146 lines
4.6 KiB
JavaScript
var navigate = (function () {
|
|
|
|
var exports = {};
|
|
|
|
|
|
function go_to_row(msg_id) {
|
|
current_msg_list.select_id(msg_id,
|
|
{then_scroll: true,
|
|
from_scroll: true});
|
|
}
|
|
|
|
exports.up = function () {
|
|
message_viewport.last_movement_direction = -1;
|
|
var msg_id = current_msg_list.prev();
|
|
if (msg_id === undefined) {
|
|
return;
|
|
}
|
|
go_to_row(msg_id);
|
|
};
|
|
|
|
exports.down = function (with_centering) {
|
|
message_viewport.last_movement_direction = 1;
|
|
var msg_id = current_msg_list.next();
|
|
if (msg_id === undefined) {
|
|
return;
|
|
}
|
|
go_to_row(msg_id);
|
|
|
|
if (with_centering) {
|
|
// At the last message, scroll to the bottom so we have
|
|
// lots of nice whitespace for new messages coming in.
|
|
//
|
|
// FIXME: this doesn't work for End because rows.last_visible()
|
|
// always returns a message.
|
|
var current_msg_table = rows.get_table(current_msg_list.table_name);
|
|
message_viewport.scrollTop(current_msg_table.safeOuterHeight(true) -
|
|
message_viewport.height() * 0.1);
|
|
unread_ops.mark_current_list_as_read();
|
|
}
|
|
};
|
|
|
|
exports.to_home = function () {
|
|
message_viewport.last_movement_direction = -1;
|
|
var first_id = current_msg_list.first().id;
|
|
current_msg_list.select_id(first_id, {then_scroll: true,
|
|
from_scroll: true});
|
|
};
|
|
|
|
exports.to_end = function () {
|
|
var next_id = current_msg_list.last().id;
|
|
message_viewport.last_movement_direction = 1;
|
|
current_msg_list.select_id(next_id, {then_scroll: true,
|
|
from_scroll: true});
|
|
unread_ops.mark_current_list_as_read();
|
|
};
|
|
|
|
function amount_to_paginate() {
|
|
// Some day we might have separate versions of this function
|
|
// for Page Up vs. Page Down, but for now it's the same
|
|
// strategy in either direction.
|
|
var info = message_viewport.message_viewport_info();
|
|
var page_size = info.visible_height;
|
|
|
|
// We don't want to page up a full page, because Zulip users
|
|
// are especially worried about missing messages, so we want
|
|
// a little bit of the old page to stay on the screen. The
|
|
// value chosen here is roughly 2 or 3 lines of text, but there
|
|
// is nothing sacred about it, and somebody more anal than me
|
|
// might wish to tie this to the size of some particular DOM
|
|
// element.
|
|
var overlap_amount = 55;
|
|
|
|
var delta = page_size - overlap_amount;
|
|
|
|
// If the user has shrunk their browser a whole lot, pagination
|
|
// is not going to be very pleasant, but we can at least
|
|
// ensure they go in the right direction.
|
|
if (delta < 1) {
|
|
delta = 1;
|
|
}
|
|
|
|
return delta;
|
|
}
|
|
|
|
exports.page_up_the_right_amount = function () {
|
|
// This function's job is to scroll up the right amount,
|
|
// after the user hits Page Up. We do this ourselves
|
|
// because we can't rely on the browser to account for certain
|
|
// page elements, like the compose box, that sit in fixed
|
|
// positions above the message pane. For other scrolling
|
|
// related adjustements, try to make those happen in the
|
|
// scroll handlers, not here.
|
|
var delta = amount_to_paginate();
|
|
message_viewport.scrollTop(message_viewport.scrollTop() - delta);
|
|
};
|
|
|
|
exports.page_down_the_right_amount = function () {
|
|
// see also: page_up_the_right_amount
|
|
var delta = amount_to_paginate();
|
|
message_viewport.scrollTop(message_viewport.scrollTop() + delta);
|
|
};
|
|
|
|
exports.page_up = function () {
|
|
if (message_viewport.at_top() && !current_msg_list.empty()) {
|
|
current_msg_list.select_id(current_msg_list.first().id, {then_scroll: false});
|
|
} else {
|
|
exports.page_up_the_right_amount();
|
|
}
|
|
};
|
|
|
|
exports.page_down = function () {
|
|
if (message_viewport.at_bottom() && !current_msg_list.empty()) {
|
|
current_msg_list.select_id(current_msg_list.last().id, {then_scroll: false});
|
|
unread_ops.mark_current_list_as_read();
|
|
} else {
|
|
exports.page_down_the_right_amount();
|
|
}
|
|
};
|
|
|
|
exports.scroll_to_selected = function () {
|
|
var selected_row = current_msg_list.selected_row();
|
|
if (selected_row && (selected_row.length !== 0)) {
|
|
message_viewport.recenter_view(selected_row);
|
|
}
|
|
};
|
|
|
|
|
|
exports.maybe_scroll_to_selected = function () {
|
|
// If we have been previously instructed to re-center to the
|
|
// selected message, then do so
|
|
if (pointer.recenter_pointer_on_display) {
|
|
exports.scroll_to_selected();
|
|
pointer.recenter_pointer_on_display = false;
|
|
}
|
|
};
|
|
|
|
|
|
|
|
|
|
return exports;
|
|
}());
|
|
|
|
if (typeof module !== 'undefined') {
|
|
module.exports = navigate;
|
|
}
|