width: '60%',
color: theme.palette.primary.main,
textDecoration: 'none',
- overflowWrap: 'break-word'
+ overflowWrap: 'break-word',
+ cursor: 'pointer'
}
});
interface DetailsAttributeDataProps {
label: string;
classLabel?: string;
- value?: any;
+ value?: string | number;
classValue?: string;
lowercaseValue?: boolean;
link?: string;
// add code
}
},
+ {
+ name: "Inputs",
+ execute: (dispatch, resource) => {
+ // add code
+ }
+ },
+ {
+ name: "Outputs",
+ execute: (dispatch, resource) => {
+ // add code
+ }
+ },
+ {
+ name: "Command",
+ execute: (dispatch, resource) => {
+ // add code
+ }
+ },
{
icon: DetailsIcon,
name: "View details",
item: ProcessResource;
}
-type InformationCardProps = ProcessInformationCardDataProps & DispatchProp & WithStyles<CssRules>;
+type ProcessInformationCardProps = ProcessInformationCardDataProps & DispatchProp & WithStyles<CssRules>;
-export const InformationCard = withStyles(styles)(
+export const ProcessInformationCard = withStyles(styles)(
connect((state: RootState) => ({
item: state.collectionPanel.item
}))(
- class extends React.Component<InformationCardProps> {
+ class extends React.Component<ProcessInformationCardProps> {
render() {
const { classes } = this.props;
label='Workflow' value='FastQC MultiQC' />
</Grid>
<Grid item xs={6}>
- <DetailsAttribute classLabel={classes.link} classValue={classes.value}
- label='Outputs' />
- <DetailsAttribute classLabel={classes.link} classValue={classes.value}
- label='Inputs' />
+ <DetailsAttribute classLabel={classes.link} label='Outputs' />
+ <DetailsAttribute classLabel={classes.link} label='Inputs' />
</Grid>
</Grid>
</CardContent>
// SPDX-License-Identifier: AGPL-3.0
import * as React from 'react';
-import { InformationCard } from '~/views/process-panel/information-card';
+import { ProcessInformationCard } from '~/views/process-panel/information-card';
import { Grid } from '@material-ui/core';
export class ProcessPanel extends React.Component {
return <div>
<Grid container>
<Grid item xs={7}>
- <InformationCard />
+ <ProcessInformationCard />
</Grid>
</Grid>
</div>;