Lea/web-apps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

[DE mobile] Fixed display android context menu.

Browse source
This commit is contained in:
Alexander Yuzhin 2016-11-22 16:10:26 +03:00
parent bc8b38f6ef
commit 9492ea3d38
1 changed files with 70 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

73
apps/documenteditor/mobile/app/view/DocumentHolder.js
View file

@ -51,6 +51,70 @@ define([
// private
var _anchorId = 'context-menu-target';
function androidSizeMenu(popover, target) {
popover.css({left: '', top: ''});
var modalWidth = popover.width();
var modalHeight = popover.height();
var modalAngleSize = 10;
var targetWidth = target.outerWidth();
var targetHeight = target.outerHeight();
var targetOffset = target.offset();
var targetParentPage = target.parents('.page');
if (targetParentPage.length > 0) {
targetOffset.top = targetOffset.top - targetParentPage[0].scrollTop;
}
var windowHeight = $(window).height();
var windowWidth = $(window).width();
var modalTop = 0;
var modalLeft = 0;
// Top Position
var modalPosition = 'top';// material ? 'bottom' : 'top';
{
if ((modalHeight + modalAngleSize) < targetOffset.top) {
// On top
modalTop = targetOffset.top - modalHeight - modalAngleSize;
}
else if ((modalHeight + modalAngleSize) < windowHeight - targetOffset.top - targetHeight) {
// On bottom
modalPosition = 'bottom';
modalTop = targetOffset.top + targetHeight + modalAngleSize;
}
else {
// On middle
modalPosition = 'middle';
modalTop = targetHeight / 2 + targetOffset.top - modalHeight / 2;
if (modalTop <= 0) {
modalTop = 5;
}
else if (modalTop + modalHeight >= windowHeight) {
modalTop = windowHeight - modalHeight - 5;
}
}
// Horizontal Position
if (modalPosition === 'top' || modalPosition === 'bottom') {
modalLeft = targetWidth / 2 + targetOffset.left - modalWidth / 2;
if (modalLeft < 5) modalLeft = 5;
if (modalLeft + modalWidth > windowWidth) modalLeft = windowWidth - modalWidth - 5;
}
else if (modalPosition === 'middle') {
modalLeft = targetOffset.left - modalWidth - modalAngleSize;
if (modalLeft < 5 || (modalLeft + modalWidth > windowWidth)) {
if (modalLeft < 5) modalLeft = targetOffset.left + targetWidth + modalAngleSize;
if (modalLeft + modalWidth > windowWidth) modalLeft = windowWidth - modalWidth - 5;
}
}
}
// Apply Styles
popover.css({top: modalTop + 'px', left: modalLeft + 'px'});
}
return {
el: '#editor_sdk',
@ -99,7 +163,12 @@ define([
'</div>'+
'</div>'+
'</div>';
uiApp.popover(popoverHTML, $('#' + _anchorId));
var popover = uiApp.popover(popoverHTML, $('#' + _anchorId));
if (Common.SharedSettings.get('android')) {
androidSizeMenu($(popover), $('#' + _anchorId));
}
$('.modal-overlay').removeClass('modal-overlay-visible');
@ -109,8 +178,6 @@ define([
this.fireEvent('contextmenu:click', [this, eventName]);
}, 100, this));
// console.log('Show menu at position:', posX, posY);
},
hideMenu: function () {