feat(font/column-drag): add drag icon

Closes bpmn-io#37

Author: pedesen

fonts/config.json

@@ -20,6 +20,20 @@
         "bpmnio.plain"
       ]
     },
+    {
+      "uid": "382b5bf0c5137fdc2c5ae552f0342141",
+      "css": "drag",
+      "code": 59415,
+      "src": "custom_icons",
+      "selected": true,
+      "svg": {
+        "path": "M562.5 750L750 750 750 937.5 562.5 937.5ZM562.5 437.5L750 437.5 750 625 562.5 625ZM250 750L437.5 750 437.5 937.5 250 937.5ZM250 437.5L437.5 437.5 437.5 625 250 625ZM562.5 125L750 125 750 312.5 562.5 312.5ZM250 125L437.5 125 437.5 312.5 250 312.5Z",
+        "width": 1000
+      },
+      "search": [
+        "drag"
+      ]
+    },
     {
       "uid": "26613a2e6bc41593c54bead46f8c8ee3",
       "css": "file-code",

fonts/dmn-js.eot

@@ -35,7 +35,9 @@ function ColumnDrag(eventBus, sheet, elementRegistry, modeling) {
   this.moveLeft = false;
 
   eventBus.on('element.mousedown', function(event) {
-    if(event.originalEvent.target.getAttribute('class') === 'drag-handle') {
+    var hasDragHandle = domClasses(event.originalEvent.target).has('drag-handle');
+
+    if(hasDragHandle) {
       event.preventDefault();
       self.startDragging(event.element);
       self.setLastDragPoint(event.originalEvent);

fonts/dmn-js.svg

@@ -10,10 +10,18 @@ function DragRenderer(
   eventBus.on('cell.render', function(event) {
     if (event.data.row.isClauseRow) {
       domClasses(event.gfx).add('draggable');
-      if(event.gfx.lastChild.getAttribute('class') !== 'drag-handle') {
-        event.gfx.appendChild(domify('<span class="drag-handle"></span>'));
+
+      var hasDragHandle = domClasses(event.gfx.lastChild).has('drag-handle');
+
+      if(!hasDragHandle) {
+        event.gfx.appendChild(domify('<span class="drag-handle dmn-icon-drag"></span>'));
       }
     }
+
+    // add drag icon for rows
+    if (event.data.column === utilityColumn.getColumn() && !event.data.row.isFoot && !event.data.row.isHead) {
+      domClasses(event.gfx).add('dmn-icon-drag');
+    }
   });
 }
 

fonts/dmn-js.ttf

@@ -38,7 +38,6 @@
 
       &:before {
         float: left;
-        content: '\283F';
         cursor: move;
         cursor: ns-resize;
       }
@@ -70,7 +69,6 @@
         &:before {
           position: relative;
           top: 2px;
-          content: '\283F';
           display: inline-block;
         }
       }

fonts/dmn-js.woff

@@ -81,3 +81,4 @@
 .dmn-icon-resize-big:before { content: '\e814'; } /* 'î ”' */
 .dmn-icon-resize-small:before { content: '\e815'; } /* 'î •' */
 .dmn-icon-file-code:before { content: '\e816'; } /* 'î –' */
+.dmn-icon-drag:before { content: '\e817'; } /* '' */