mirror of
				https://github.com/zulip/zulip.git
				synced 2025-11-03 21:43:21 +00:00 
			
		
		
		
	Before this, the home key would go to the first message in our render window. Now we go to the first message in our local list of messages. (Note that there may still be older messages, so it will still often take multiple uses of the home key to truly get to the top of your feed.)
		
			
				
	
	
		
			143 lines
		
	
	
		
			4.7 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			143 lines
		
	
	
		
			4.7 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
var navigate = (function () {
 | 
						|
 | 
						|
var exports = {};
 | 
						|
 | 
						|
 | 
						|
function go_to_row(row) {
 | 
						|
    current_msg_list.select_id(rows.id(row),
 | 
						|
                               {then_scroll: true,
 | 
						|
                                from_scroll: true});
 | 
						|
}
 | 
						|
 | 
						|
exports.up = function () {
 | 
						|
    message_viewport.last_movement_direction = -1;
 | 
						|
    var next_row = rows.prev_visible(current_msg_list.selected_row());
 | 
						|
    if (next_row.length !== 0) {
 | 
						|
        go_to_row(next_row);
 | 
						|
    }
 | 
						|
};
 | 
						|
 | 
						|
exports.down = function (with_centering) {
 | 
						|
    message_viewport.last_movement_direction = 1;
 | 
						|
    var next_row = rows.next_visible(current_msg_list.selected_row());
 | 
						|
    if (next_row.length !== 0) {
 | 
						|
        go_to_row(next_row);
 | 
						|
    }
 | 
						|
    if (with_centering && (next_row.length === 0)) {
 | 
						|
        // 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;
 | 
						|
}
 |