Merge pull request #915 from PintoGideon/master

Formatting ids in the pipeline graph
FNNDSC · Apr 20, 2023 · dbf28e3 · dbf28e3
2 parents 4b938b6 + af7cd24
commit dbf28e3
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/src/components/feed/Pipelines/NodeData.tsx b/src/components/feed/Pipelines/NodeData.tsx
@@ -61,7 +61,16 @@ const NodeData = (props: NodeProps) => {
     state,
     handleSetPipelineEnvironments,
   } = props;
-  const { computeEnvs, title, currentNode } = state;
+  const { computeEnvs, title, currentNode, pluginPipings } = state;
+
+  const root = pluginPipings && pluginPipings[0];
+
+  let currentId = NaN;
+  if (data.previous_id && root) {
+    currentId = data.id - root.data.id;
+  } else {
+    currentId = 0;
+  }
 
   let currentComputeEnv = "";
   if (computeEnvs && computeEnvs[data.id]) {
@@ -107,7 +116,7 @@ const NodeData = (props: NodeProps) => {
   const textLabel = (
     <g id={`text_${data.id}`} transform={`translate(-30,30)`}>
       <text ref={textRef} className="label__title">
-        {titleName ? titleName : data.title}
+        {currentId}:{titleName ? titleName : data.title}
       </text>
     </g>
   );

diff --git a/src/components/feed/Pipelines/Tree.tsx b/src/components/feed/Pipelines/Tree.tsx
@@ -304,7 +304,7 @@ const LinkData: React.FC<LinkProps> = ({ linkData }) => {
       sourceY = source.y + sourcePadding * normY,
       targetX = target.x - targetPadding * normX,
       targetY = target.y - targetPadding * normY;
-    console.log("TS", ts, target);
+
     if (ts) {
       return linkVertical()({
         source: [sourceX, sourceY],