paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-13 18:36:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

Move compute_placement utility from emoji_picker to popovers.

Browse Source
This commit is contained in:
Jack Zhang
2017-07-27 12:21:14 -07:00
committed by Tim Abbott
parent 6a7a4132b4
commit d951375d6c
2 changed files with 23 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
static/js/emoji_picker.js
View File

@@ -31,28 +31,6 @@ function promote_popular(a, b) {
return util.strcmp(a.name, b.name);
}
function compute_placement(elt) {
var approx_popover_height = 400;
var approx_popover_width = 400;
var distance_from_bottom = message_viewport.height() - elt.offset().top;
var distance_from_right = message_viewport.width() - elt.offset().left;
var will_extend_beyond_bottom_of_viewport = distance_from_bottom < approx_popover_height;
var will_extend_beyond_top_of_viewport = elt.offset().top < approx_popover_height;
var will_extend_beyond_left_of_viewport = elt.offset().left < (approx_popover_width / 2);
var will_extend_beyond_right_of_viewport = distance_from_right < (approx_popover_width / 2);
var placement = 'bottom';
if (will_extend_beyond_bottom_of_viewport && !will_extend_beyond_top_of_viewport) {
placement = 'top';
}
if (will_extend_beyond_right_of_viewport && !will_extend_beyond_left_of_viewport) {
placement = 'left';
}
if (will_extend_beyond_left_of_viewport && !will_extend_beyond_right_of_viewport) {
placement = 'right';
}
return placement;
}
function generate_emoji_picker_content(id) {
var emojis = _.clone(emoji.emojis_name_to_css_class);
@@ -137,7 +115,7 @@ exports.toggle_emoji_popover = function (element, id) {
if (elt.data('popover') === undefined) {
elt.prop('title', '');
elt.popover({
placement: compute_placement(elt),
placement: popovers.compute_placement(elt),
title: "",
content: generate_emoji_picker_content(id),
trigger: "manual",

22
static/js/popovers.js
View File

@@ -615,6 +615,28 @@ exports.set_userlist_placement = function (placement) {
userlist_placement = placement || "right";
};
exports.compute_placement = function (elt) {
var approx_popover_height = 400;
var approx_popover_width = 400;
var distance_from_bottom = message_viewport.height() - elt.offset().top;
var distance_from_right = message_viewport.width() - elt.offset().left;
var will_extend_beyond_bottom_of_viewport = distance_from_bottom < approx_popover_height;
var will_extend_beyond_top_of_viewport = elt.offset().top < approx_popover_height;
var will_extend_beyond_left_of_viewport = elt.offset().left < (approx_popover_width / 2);
var will_extend_beyond_right_of_viewport = distance_from_right < (approx_popover_width / 2);
var placement = 'bottom';
if (will_extend_beyond_bottom_of_viewport && !will_extend_beyond_top_of_viewport) {
placement = 'top';
}
if (will_extend_beyond_right_of_viewport && !will_extend_beyond_left_of_viewport) {
placement = 'left';
}
if (will_extend_beyond_left_of_viewport && !will_extend_beyond_right_of_viewport) {
placement = 'right';
}
return placement;
};
return exports;
}());