feat(editor-actions): add moving all elements to the origin

Related to camunda/camunda-modeler#362

lib/features/editor-actions/BpmnEditorActions.js

@@ -8,6 +8,7 @@ var filter = require('lodash/collection/filter');
 
 var is = require('../../util/ModelUtil').is;
 
+var getBBox = require('diagram-js/lib/util/Elements').getBBox;
 
 function BpmnEditorActions(
     injector,
@@ -19,7 +20,8 @@ function BpmnEditorActions(
     distributeElements,
     alignElements,
     directEditing,
-    searchPad) {
+    searchPad,
+    modeling) {
 
   injector.invoke(EditorActions, this);
 
@@ -30,10 +32,12 @@ function BpmnEditorActions(
       var rootElement = canvas.getRootElement();
 
       var elements = elementRegistry.filter(function(element) {
-        return element != rootElement;
+        return element !== rootElement;
       });
 
       selection.select(elements);
+
+      return elements;
     },
     spaceTool: function() {
       spaceTool.toggle();
@@ -77,6 +81,25 @@ function BpmnEditorActions(
     },
     find: function() {
       searchPad.toggle();
+    },
+    moveToOrigin: function() {
+      var rootElement = canvas.getRootElement(),
+          boundingBox,
+          elements;
+
+      if (is(rootElement, 'bpmn:Collaboration')) {
+        elements = elementRegistry.filter(function(element) {
+          return is(element.parent, 'bpmn:Collaboration');
+        });
+      } else {
+        elements = elementRegistry.filter(function(element) {
+          return element !== rootElement;
+        });
+      }
+
+      boundingBox = getBBox(elements);
+
+      modeling.moveElements(elements, { x: -boundingBox.x, y: -boundingBox.y }, rootElement);
     }
   });
 }
@@ -93,7 +116,8 @@ BpmnEditorActions.$inject = [
   'distributeElements',
   'alignElements',
   'directEditing',
-  'searchPad'
+  'searchPad',
+  'modeling'
 ];
 
 module.exports = BpmnEditorActions;

lib/features/editor-actions/index.js

@@ -9,7 +9,8 @@ module.exports = {
     require('../copy-paste'),
     require('../distribute-elements'),
     require('../global-connect'),
-    require('../search')
+    require('../search'),
+    require('../modeling')
   ],
   editorActions: [ 'type', require('./BpmnEditorActions') ]
 };

test/spec/features/editor-actions/BpmnEditorActionsSpec.js

@@ -0,0 +1,53 @@
+'use strict';
+
+require('../../../TestHelper');
+
+/* global bootstrapModeler, inject */
+
+var pick = require('lodash/object/pick');
+
+var getBBox = require('diagram-js/lib/util/Elements').getBBox;
+
+
+var bpmnEditorActionsModule = require('../../../../lib/features/editor-actions'),
+    modelingModule = require('../../../../lib/features/modeling'),
+    coreModule = require('../../../../lib/core');
+
+var basicXML = require('../../../fixtures/bpmn/simple.bpmn'),
+    collaborationXML = require('../../../fixtures/bpmn/complex.bpmn');
+
+
+
+describe('features/editor-actions', function() {
+
+  describe('#moveToOrigin', function() {
+
+    function testMoveToOrigin(xml) {
+
+      return function() {
+
+        beforeEach(bootstrapModeler(xml, { modules: [ bpmnEditorActionsModule, modelingModule, coreModule ] }));
+
+        it('should move to origin', inject(function(editorActions) {
+          // given
+          var elements = editorActions.trigger('selectElements'),
+              boundingBox;
+
+          // when
+          editorActions.trigger('moveToOrigin');
+
+          boundingBox = getBBox(elements);
+
+          // then
+          expect(pick(boundingBox, [ 'x', 'y' ])).to.eql({ x: 0, y: 0 });
+        }));
+      };
+    }
+
+    describe('single process', testMoveToOrigin(basicXML));
+
+    describe('collaboration', testMoveToOrigin(collaborationXML));
+
+  });
+
+});

test/spec/features/keyboard/BpmnKeyBindingsSpec.js

@@ -36,7 +36,7 @@ describe('features - keyboard', function() {
 
     it('should include triggers inside editorActions', inject(function(editorActions) {
       // then
-      expect(editorActions.length()).to.equal(17);
+      expect(editorActions.length()).to.equal(18);
     }));