extern/egroupware
1
0
Fork 1
mirror of https://github.com/EGroupware/egroupware.git synced 2024-12-26 00:29:38 +01:00
Code Issues Packages Projects Releases Wiki Activity

* All Applications: Get all drag and drop action functionality working cross platform

Browse Source 
-Fix drag Out to desktop functionality with Command+Shift keys (for Mac) or Alt+Shift keys (for other platforms)
-Fix content selection functionality with Command key (for Mac only) or Ctrl key (for other platforms)
This commit is contained in:
Hadi Nategh 2014-10-24 11:15:33 +00:00
parent bcbf679f64
commit 981a0a1eb9
3 changed files with 147 additions and 104 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
phpgwapi/js/egw_action/egw_action.js
View File

@ -2152,6 +2152,35 @@ egwActionObject.prototype.getActionImplementationGroups = function(_test, _group
return _groups;
};
/**
* Check if user tries to get dragOut action
*
* keys for dragOut:
* -Mac: Command + Shift
* -Others: Alt + Shift
*
* @param {event} _event
* @return {boolean} return true if Alt+Shift keys and left mouse click arre pressed, otherwise false
*/
egwActionObject.prototype.isDragOut = function (_event)
{
return (_event.altKey || _event.metaKey) && _event.shiftKey && _event.which == 1;
};
/**
* Check if user tries to get selection action
*
* Keys for selection:
* -Mac: Command key
* -Others: Ctrl key
*
* @param {type} _event
* @returns {Boolean} return true if left mouse click and Ctrl key are pressed, otherwise false
*/
egwActionObject.prototype.isSelection = function (_event)
{
return !(_event.shiftKey) && _event.which == 1 && (_event.metaKey || _event.ctrlKey);
};
/** egwActionObjectInterface Interface **/

54
phpgwapi/js/egw_action/egw_action_dragdrop.js
View File

@ -138,7 +138,7 @@ function egwDragActionImplementation()
navigator && navigator.userAgent.indexOf('Chrome') >= 0 && egw.app_name() == 'filemanager') // currently only filemanager supports drag out
{
var key = ["Mac68K","MacPPC","MacIntel"].indexOf(window.navigator.platform) < 0 ? 'Ctrl' : 'Command';
text.text(egw.lang('Hold %1 to drag %2 to your computer',key, itemLabel));
text.text(egw.lang('Hold Alt + Shift key to drag %2 to your computer',key, itemLabel));
}
// Final html DOM return as helper structor
return div;
@ -194,14 +194,36 @@ function egwDragActionImplementation()
$j(node).off("mousedown")
.on("mousedown", function(event) {
$j(node).draggable("option","disabled",event.ctrlKey || event.metaKey);
$j(this).attr("draggable", event.ctrlKey || event.metaKey ? "true" : "");
var dragOut = _context.isDragOut(event);
$j(this).attr("draggable", dragOut? "true" : "");
$j(node).draggable("option","disabled",dragOut);
if (dragOut)
{
// Disabling draggable adds some UI classes, but we don't care so remove them
$j(node).removeClass("ui-draggable-disabled ui-state-disabled");
if(!(event.ctrlKey || event.metaKey) || !this.addEventListener) return;
}
else
{
if (_context.isSelection(event))
{
$j(node).draggable("disable");
// Disabling draggable adds some UI classes, but we don't care so remove them
$j(node).removeClass("ui-draggable-disabled ui-state-disabled");
}
else if(event.which != 3)
{
document.getSelection().removeAllRanges();
}
if(!(dragOut) || !this.addEventListener) return;
}
})
.on ("mouseup", function (event){
if (_context.isSelection(event))
$j(node).draggable("enable");
})
.on("dragstart", function(event) {
if(_context.isSelection(event)) return;
if(event.dataTransfer == null) {
return;
}
@ -262,11 +284,13 @@ function egwDragActionImplementation()
}
});
}
// Use Ctrl+Alt key in order to select content
else
{
// Use Ctrl key in order to select content
$j(node).off("mousedown")
.on({
mousedown: function(event){
if ((event.ctrlKey && event.altKey) || (event.ctrlKey && event.metaKey) && event.which == 1){
if (_context.isSelection(event)){
$j(node).draggable("disable");
// Disabling draggable adds some UI classes, but we don't care so remove them
$j(node).removeClass("ui-draggable-disabled ui-state-disabled");
@ -279,8 +303,8 @@ function egwDragActionImplementation()
mouseup: function (){
$j(node).draggable("enable");
}
});
}
$j(node).draggable(
{
"distance": 20,
@ -331,18 +355,8 @@ function egwDragActionImplementation()
if (helperTop >= dTarget.offset().top
&& helperTop <= (dTarget.height() + dTarget.offset().top) + tipTelorance)
{
var key1='', key2='';
if (["Mac68K","MacPPC","MacIntel"].indexOf(window.navigator.platform) < 0)
{
key1 = 'Ctrl';
key2 = 'Alt';
}
else
{
key1 ='Command';
key2 ='Ctrl';
}
egw.message(egw.lang('Hold %1 + %2 key to select content.', key1, key2),'info');
var key = (["Mac68K","MacPPC","MacIntel"].indexOf(window.navigator.platform) < 0)?"Ctrl": "Command";
egw.message(egw.lang('Hold %1 key to select content.',key),'info');
}
// Invalid target
return true;

16
phpgwapi/js/egw_action/egw_action_popup.js
View File

@ -234,28 +234,28 @@ function egwPopupActionImplementation()
if (_egw_active_menu)
{
_egw_active_menu.hide()
_egw_active_menu.hide();
}
else if (!e.ctrlKey)
else if (!e.ctrlKey && e.which == 3)
{
_xy = ai._getPageXY(e);
var _xy = ai._getPageXY(e);
_callback.call(_context, _xy, ai);
}
e.cancelBubble = !e.ctrlKey;
if (e.stopPropagation && !e.ctrlKey)
e.cancelBubble = !e.ctrlKey || e.which == 1;
if (e.stopPropagation && e.cancelBubble)
{
e.stopPropagation();
}
return e.ctrlKey;
}
return !e.cancelBubble;
};
if (egwIsMobile()) {
$j(_node).bind('taphold', contextHandler);
} else {
$j(_node).on('contextmenu', contextHandler);
}
}
};
ai.doRegisterAction = function(_aoi, _callback, _context)
{