// Copyright (C) The Arvados Authors. All rights reserved. // // SPDX-License-Identifier: AGPL-3.0 import React from "react"; import { Grid, StyleRulesCallback, withStyles } from "@material-ui/core"; import { Dispatch } from 'redux'; import { formatContainerCost, formatDate } from "common/formatters"; import { resourceLabel } from "common/labels"; import { DetailsAttribute } from "components/details-attribute/details-attribute"; import { ResourceKind } from "models/resource"; import { CollectionName, ContainerRunTime, ResourceWithName } from "views-components/data-explorer/renderers"; import { getProcess, getProcessStatus } from "store/processes/process"; import { RootState } from "store/store"; import { connect } from "react-redux"; import { ProcessResource } from "models/process"; import { ContainerResource } from "models/container"; import { navigateToOutput, openWorkflow } from "store/process-panel/process-panel-actions"; import { ArvadosTheme } from "common/custom-theme"; import { ProcessRuntimeStatus } from "views-components/process-runtime-status/process-runtime-status"; import { getPropertyChip } from "views-components/resource-properties-form/property-chip"; import { ContainerRequestResource } from "models/container-request"; import { filterResources } from "store/resources/resources"; type CssRules = 'link' | 'propertyTag'; const styles: StyleRulesCallback = (theme: ArvadosTheme) => ({ link: { fontSize: '0.875rem', color: theme.palette.primary.main, '&:hover': { cursor: 'pointer' } }, propertyTag: { marginRight: theme.spacing.unit / 2, marginBottom: theme.spacing.unit / 2 }, }); const mapStateToProps = (state: RootState, props: { request: ProcessResource }) => { const process = getProcess(props.request.uuid)(state.resources); return { container: process?.container, subprocesses: filterResources((resource: ContainerRequestResource) => resource.kind === ResourceKind.CONTAINER_REQUEST && resource.requestingContainerUuid === process?.containerRequest.containerUuid )(state.resources), }; }; interface ProcessDetailsAttributesActionProps { navigateToOutput: (uuid: string) => void; openWorkflow: (uuid: string) => void; } const mapDispatchToProps = (dispatch: Dispatch): ProcessDetailsAttributesActionProps => ({ navigateToOutput: (uuid) => dispatch(navigateToOutput(uuid)), openWorkflow: (uuid) => dispatch(openWorkflow(uuid)), }); export const ProcessDetailsAttributes = withStyles(styles, { withTheme: true })( connect(mapStateToProps, mapDispatchToProps)( (props: { request: ProcessResource, container?: ContainerResource, subprocesses: ContainerRequestResource[], twoCol?: boolean, hideProcessPanelRedundantFields?: boolean, classes: Record } & ProcessDetailsAttributesActionProps) => { const containerRequest = props.request; const container = props.container; const subprocesses = props.subprocesses; const classes = props.classes; const mdSize = props.twoCol ? 6 : 12; const filteredPropertyKeys = Object.keys(containerRequest.properties) .filter(k => (typeof containerRequest.properties[k] !== 'object')); return {!props.hideProcessPanelRedundantFields && } } /> {!props.hideProcessPanelRedundantFields && } {(containerRequest && containerRequest.modifiedByUserUuid) && } /> } {(container && container.runtimeUserUuid && container.runtimeUserUuid !== containerRequest.modifiedByUserUuid) && } /> } {containerRequest.outputUuid && props.navigateToOutput(containerRequest.outputUuid!)}> } {container && container.cost > 0 && } {containerRequest && containerRequest.cumulativeCost > 0 && subprocesses.length > 0 && } {containerRequest.properties.template_uuid && props.openWorkflow(containerRequest.properties.template_uuid)}> } {/* NOTE: The property list should be kept at the bottom, because it spans the entire available width, without regards of the twoCol prop. */} {filteredPropertyKeys.length > 0 ? filteredPropertyKeys.map(k => Array.isArray(containerRequest.properties[k]) ? containerRequest.properties[k].map((v: string) => getPropertyChip(k, v, undefined, classes.propertyTag)) : getPropertyChip(k, containerRequest.properties[k], undefined, classes.propertyTag)) :
No properties
}
; } ) );