added goto parent button to workflow details page when parent exists

Author: mstier-nflx

ui/src/components/workflow/executions/WorkflowDetails.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import {OverlayTrigger, Button, Popover, Panel, Table} from 'react-bootstrap';
 import {connect} from 'react-redux';
+import {Link} from 'react-router'
 import {getWorkflowDetails} from '../../../actions/WorkflowActions';
 import WorkflowAction from './WorkflowAction';
 import WorkflowMetaDia from '../WorkflowMetaDia';
@@ -98,7 +99,6 @@ function showFailure(wf) {
 class WorkflowDetails extends React.Component {
     constructor(props) {
         super(props);
-
         http.get('/api/sys/').then((data) => {
             window.sys = data.sys;
         });
@@ -118,6 +118,12 @@ class WorkflowDetails extends React.Component {
         return true;
     }
 
+    gotoParentWorkflow = ()=> {
+      history.push({
+        pathname:"/workflow/id/" + this.props.data.parentWorkflowId
+      })
+    }
+
     render() {
         let wf = this.props.data;
         if (wf == null) {
@@ -131,6 +137,13 @@ class WorkflowDetails extends React.Component {
             return a.seq - b.seq;
         });
 
+        let parentWorkflowButton = "";
+        if(wf.parentWorkflowId){
+            parentWorkflowButton = <Link to={"/workflow/id/" + wf.parentWorkflowId}><Button bsStyle="default" bsSize="xsmall">
+              Parent
+            </Button></Link>;
+        }
+
         return (
             <div className="ui-content">
                 <h4>
@@ -142,6 +155,9 @@ class WorkflowDetails extends React.Component {
                     <span>
           <WorkflowAction workflowStatus={wf.status} workflowId={wf.workflowId}/>
         </span>
+                <span>
+                  {parentWorkflowButton}
+                </span>
                 </h4>
                 <br/><br/>
                 <Table responsive={true} striped={false} hover={false} condensed={false} bordered={true}>