mirror of
				https://github.com/zulip/zulip.git
				synced 2025-11-04 14:03:30 +00:00 
			
		
		
		
	We now use similar code for A/D hotkeys as we do for the "n" key. The old code was using jQuery operations that got tripped up by our splitters between active and inactive streams. Fixes #4569
		
			
				
	
	
		
			144 lines
		
	
	
		
			4.6 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			144 lines
		
	
	
		
			4.6 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 next_row = rows.first_visible(current_msg_list.selected_row());
 | 
						|
    if (next_row.length !== 0) {
 | 
						|
        go_to_row(next_row);
 | 
						|
    }
 | 
						|
};
 | 
						|
 | 
						|
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;
 | 
						|
}
 |