ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-02-01 16:58:04 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

[Containment] Fire a link action on drop

Browse Source 
Fire a link action as the result of a drag-drop operation,
WTD-962.
This commit is contained in:
Victor Woeltjen 2015-04-07 20:35:54 -07:00
parent 5045795a7c
commit 44eb54884b
3 changed files with 35 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
platform/commonUI/edit/src/actions/LinkAction.js
View File

@ -16,8 +16,10 @@ define(
// Add this domain object's identifier
function addId(model) {
model.composition = model.composition || [];
model.composition.push(selectedId);
if (Array.isArray(model.composition) &&
model.composition.indexOf(selectedId) < 0) {
model.composition.push(selectedId);
}
}
// Persist changes to the domain object

2
platform/representation/bundle.json
View File

@ -21,7 +21,7 @@
{
"key": "drop",
"implementation": "gestures/DropGesture.js",
"depends": [ "$q" ]
"depends": [ "dndService", "$q" ]
},
{
"key": "menu",

64
platform/representation/src/gestures/DropGesture.js
View File

@ -19,7 +19,10 @@ define(
* composition should be modified as a result of the drop.
*/
function DropGesture($q, element, domainObject) {
function DropGesture(dndService, $q, element, domainObject) {
var actionCapability = domainObject.getCapability('action'),
action; // Action for the drop, when it occurs
function broadcastDrop(id, event) {
// Find the relevant scope...
var scope = element && element.scope && element.scope(),
@ -43,20 +46,27 @@ define(
}
}
function doPersist() {
var persistence = domainObject.getCapability("persistence");
return $q.when(persistence && persistence.persist());
}
function dragOver(e) {
var event = (e || {}).originalEvent || e;
var event = (e || {}).originalEvent || e,
selectedObject = dndService.getData(
GestureConstants.MCT_EXTENDED_DRAG_TYPE
);
// TODO: Vary this based on modifier keys
event.dataTransfer.dropEffect = 'move';
if (selectedObject) {
// TODO: Vary this based on modifier keys
action = actionCapability.getActions({
key: 'link',
selectedObject: selectedObject
})[0];
// Indicate that we will accept the drag
event.preventDefault(); // Required in Chrome?
return false;
if (action) {
event.dataTransfer.dropEffect = 'move';
// Indicate that we will accept the drag
event.preventDefault(); // Required in Chrome?
return false;
}
}
}
function drop(e) {
@ -67,38 +77,24 @@ define(
// destination domain object's composition, and persist
// the change.
if (id) {
$q.when(domainObject.useCapability(
'mutation',
function (model) {
var composition = model.composition;
// Don't store the same id more than once
if (composition && // not-contains
!(composition.map(function (i) {
return i === id;
}).reduce(function (a, b) {
return a || b;
}, false))) {
model.composition.push(id);
}
}
)).then(function (result) {
$q.when(action && action.perform()).then(function (result) {
// Broadcast the drop event if it was successful
if (result) {
broadcastDrop(id, event);
}
// If mutation was successful, persist the change
return result && doPersist();
});
}
}
// Listen for dragover, to indicate we'll accept a drag
element.on('dragover', dragOver);
// We can only handle drops if we have access to actions...
if (actionCapability) {
// Listen for dragover, to indicate we'll accept a drag
element.on('dragover', dragOver);
// Listen for the drop itself
element.on('drop', drop);
// Listen for the drop itself
element.on('drop', drop);
}
return {
/**