auth: AuthState;
inputRaw: WorkflowInputsData | null;
inputParams: ProcessIOParameter[] | null;
- outputRaw: OutputDetails | null;
+ outputData: OutputDetails | null;
outputDefinitions: CommandOutputParameter[];
outputParams: ProcessIOParameter[] | null;
nodeInfo: NodeInstanceType | null;
+ usageReport: string | null;
}
export interface ProcessPanelRootActionProps {
const panelsData: MPVPanelState[] = [
{ name: "Details" },
- { name: "Command" },
{ name: "Logs", visible: true },
- { name: "Inputs" },
+ { name: "Subprocesses" },
{ name: "Outputs" },
+ { name: "Inputs" },
+ { name: "Command" },
{ name: "Resources" },
- { name: "Subprocesses" },
];
export const ProcessPanelRoot = withStyles(styles)(
processLogsPanel,
inputRaw,
inputParams,
- outputRaw,
+ outputData,
outputDefinitions,
outputParams,
nodeInfo,
+ usageReport,
loadInputs,
loadOutputs,
loadNodeJson,
}
}, [containerRequest, loadInputs, loadOutputs, loadOutputDefinitions, loadNodeJson]);
+ const maxHeight = "100%";
+
// Trigger processing output params when raw or definitions change
React.useEffect(() => {
updateOutputParams();
- }, [outputRaw, outputDefinitions, updateOutputParams]);
+ }, [outputData, outputDefinitions, updateOutputParams]);
return process ? (
<MPVContainer
resumeOnHoldWorkflow={props.resumeOnHoldWorkflow}
/>
</MPVPanelContent>
- <MPVPanelContent
- forwardProps
- xs="auto"
- data-cy="process-cmd">
- <ProcessCmdCard
- onCopy={props.onCopyToClipboard}
- process={process}
- />
- </MPVPanelContent>
<MPVPanelContent
forwardProps
xs
- minHeight="50%"
+ minHeight={maxHeight}
+ maxHeight={maxHeight}
data-cy="process-logs">
<ProcessLogsCard
onCopy={props.onCopyToClipboard}
<MPVPanelContent
forwardProps
xs
- maxHeight="50%"
+ maxHeight={maxHeight}
+ data-cy="process-children">
+ <SubprocessPanel process={process} />
+ </MPVPanelContent>
+ <MPVPanelContent
+ forwardProps
+ xs
+ maxHeight={maxHeight}
+ data-cy="process-outputs">
+ <ProcessIOCard
+ label={ProcessIOCardType.OUTPUT}
+ process={process}
+ params={outputParams}
+ raw={outputData?.raw}
+ outputUuid={outputUuid || ""}
+ />
+ </MPVPanelContent>
+ <MPVPanelContent
+ forwardProps
+ xs
+ maxHeight={maxHeight}
data-cy="process-inputs">
<ProcessIOCard
label={ProcessIOCardType.INPUT}
</MPVPanelContent>
<MPVPanelContent
forwardProps
- xs
- maxHeight="50%"
- data-cy="process-outputs">
- <ProcessIOCard
- label={ProcessIOCardType.OUTPUT}
+ xs="auto"
+ maxHeight={"50%"}
+ data-cy="process-cmd">
+ <ProcessCmdCard
+ onCopy={props.onCopyToClipboard}
process={process}
- params={outputParams}
- raw={outputRaw?.rawOutputs}
- outputUuid={outputUuid || ""}
/>
</MPVPanelContent>
<MPVPanelContent
<ProcessResourceCard
process={process}
nodeInfo={nodeInfo}
+ usageReport={usageReport}
/>
</MPVPanelContent>
- <MPVPanelContent
- forwardProps
- xs
- maxHeight="50%"
- data-cy="process-children">
- <SubprocessPanel />
- </MPVPanelContent>
</MPVContainer>
) : (
<NotFoundView