feat(ui): Surface result and exit-code outputs (#5137)

Signed-off-by: Alex Collins <alex_collins@intuit.com>
argoproj · Feb 18, 2021 · 46538d9 · 46538d9
1 parent ccf4c61
commit 46538d9
Showing 1 changed file with 28 additions and 0 deletions.
diff --git a/ui/src/app/workflows/components/workflow-node-info/workflow-node-info.tsx b/ui/src/app/workflows/components/workflow-node-info/workflow-node-info.tsx
@@ -178,6 +178,14 @@ const WorkflowNodeInputs = (props: Props) => (
 const WorkflowNodeOutputs = (props: Props) => (
     <>
         <h5>Outputs</h5>
+        <div className='white-box'>
+            <div className='white-box__details'>
+                <div className='row'>
+                    <WorkflowNodeResult result={props.node.outputs && props.node.outputs.result} />
+                    <WorkflowNodeExitCode exitCode={props.node.outputs && props.node.outputs.exitCode} />
+                </div>
+            </div>
+        </div>
         <WorkflowNodeParameters parameters={props.node.outputs && props.node.outputs.parameters} />
         <WorkflowNodeArtifacts {...props} artifacts={props.node.outputs && props.node.outputs.artifacts} />
     </>
@@ -204,6 +212,26 @@ const WorkflowNodeParameters = ({parameters}: {parameters: models.Parameter[]})
     );
 };
 
+const WorkflowNodeResult = ({result}: {result: string}) =>
+    result ? (
+        <>
+            <div className='columns small-3'>Result</div>
+            <div className='columns small-3'>{result}</div>
+        </>
+    ) : (
+        <div className='columns small-6 text-center'>No result</div>
+    );
+
+const WorkflowNodeExitCode = ({exitCode}: {exitCode: number}) =>
+    exitCode ? (
+        <>
+            <div className='columns small-3'>Exit code</div>
+            <div className='columns small-3'>{exitCode}</div>
+        </>
+    ) : (
+        <div className='columns 6 text-center'>No exit code</div>
+    );
+
 function hasEnv(container: models.kubernetes.Container | models.Sidecar | models.Script): container is models.kubernetes.Container | models.Sidecar {
     return (container as models.kubernetes.Container | models.Sidecar).env !== undefined;
 }