beta-glozic-workflow 1.36.0 → 1.38.0

package/dist/css/style.css

@@ -199,7 +199,7 @@
     border-radius: 4px;
     height: 44px;
     font-size: 0.8rem;
-    line-height: 44px;
+    /* line-height: 44px; */
     text-align: left;
     background-color: #fff;
     display: flex;

package/dist/index.js

@@ -193,7 +193,7 @@ class Designer extends _react.Component {
         // move dragged elem to the selected drop target
         if (event.target.className.indexOf('jtk-overlay') >= 0) {
           event.target.classList.remove('onDroping');
-          if (self.draged.getAttribute('datatype')) {
+          if (self.draged && self.draged.getAttribute('datatype')) {
             var datatype = JSON.parse(self.draged.getAttribute('datatype'));
             if (datatype && datatype.fc) {
               taskId = self.draged.getAttribute('id');
@@ -1043,8 +1043,28 @@ class Designer extends _react.Component {
       maxConnections: 100
     });
   }
+  addEndpointsOld(node, position, uuids, nodeId) {
+    let self = this;
+    if (position && position.length) {
+      position.forEach((p, i) => {
+        self.addEndPointToNode(node, p, uuids[i]);
+      });
+      return;
+    } else {
+      self.addEndPointToNode(node, 'Left', "".concat(nodeId, "-ep-left"));
+      self.addEndPointToNode(node, 'Top', "".concat(nodeId, "-ep-top"));
+      self.addEndPointToNode(node, 'Right', "".concat(nodeId, "-ep-right"));
+      self.addEndPointToNode(node, 'Bottom', "".concat(nodeId, "-ep-bottom"));
+    }
+  }
   addEndpoints(node, position, uuids, nodeId) {
     let self = this;
+    const titleElement = node.querySelector('.task-palette-title');
+    if (titleElement) {
+      if (!titleElement.innerHTML.includes("(".concat(nodeId, ")"))) {
+        titleElement.innerHTML += " <br> (<span style=\"font-size: 10px;\">".concat(nodeId, " <span/>)");
+      }
+    }
     if (position && position.length) {
       position.forEach((p, i) => {
         self.addEndPointToNode(node, p, uuids[i]);
@@ -1148,7 +1168,7 @@ class Designer extends _react.Component {
     newNode.draggable = "true";
     newNode.className = 'fc-workflow--node-task-palette-item fc-item fc-item-draggable fc-item-default';
     newNode.style.cssText = 'top: ' + topPosNewNode + 'px; left: ' + leftPosNewNode + 'px;';
-    newNode.innerHTML = node ? node.innerHTML : "\n            <div  class=\"task-palette-icon fa fa-".concat(item.icon, " unselectable\"  ></div>\n            <div class=\"task-palette-title unselectable\">").concat(copyTask ? copyTask.configuration.actionTitle : taskTitle, "</div>");
+    newNode.innerHTML = node ? node.innerHTML : "\n <div class=\"task-palette-icon fa fa-".concat(item.icon, " unselectable\"></div>\n            <div class=\"task-palette-title unselectable\">").concat(copyTask ? copyTask.configuration.actionTitle : taskTitle).concat("<br>(").concat(copyTask ? copyTask.configuration.actionID : newNodeId, ")</div>");
     (0, _Designer2.addTaskMenuIcon)(newNode);
     this.container.append(newNode);
     (0, _jquery.default)('.fc-workflow--node-task-palette-item').on('dragstart', function (event) {

package/package.json

@@ -7,7 +7,7 @@
     "components",
     "ui"
   ],
-  "version": "1.36.0",
+  "version": "1.38.0",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.js",