- handleChange = (name: string) => (event: any) => {
- this.setState({ [name]: event.target.checked });
- }
-
- render() {
- const { classes } = this.props;
- return (
- <Card className={classes.root}>
- <CardHeader title="Subprocesses and filters" />
- <CardContent>
- <Grid container direction="row">
- <Grid item xs={3}>
- <DetailsAttribute classLabel={classes.label} classValue={classes.value}
- label='Subprocesses:' value="6" />
- </Grid>
- </Grid>
- <Grid container direction="row">
- <Grid item xs={3}>
- <DetailsAttribute classLabel={classes.label} classValue={classes.value}
- label='Queued:' value='2'>
- <Switch classes={{ bar: classes.switch }}
- checked={this.state.queued}
- onChange={this.handleChange('queued')}
- value="queued"
- color="primary" />
- </DetailsAttribute>
- <DetailsAttribute classLabel={classes.label} classValue={classes.value}
- label='Active:' value='1'>
- <Switch classes={{ bar: classes.switch }}
- checked={this.state.active}
- onChange={this.handleChange('active')}
- value="active"
- color="primary" />
- </DetailsAttribute>
- </Grid>
- <Grid item xs={3}>
- <DetailsAttribute classLabel={classes.label} classValue={classes.value}
- label='Completed:' value='2'>
- <Switch classes={{ bar: classes.switch }}
- checked={this.state.completed}
- onChange={this.handleChange('completed')}
- value="completed"
- color="primary" />
- </DetailsAttribute>
- <DetailsAttribute classLabel={classes.label} classValue={classes.value}
- label='Failed:' value='1'>
- <Switch classes={{ bar: classes.switch }}
- checked={this.state.failed}
- onChange={this.handleChange('failed')}
- value="failed"
- color="primary" />
- </DetailsAttribute>
- </Grid>
+export const SubprocessesCard = withStyles(styles)(
+ ({ classes, filters, subprocessesAmount, onToggle }: SubprocessesProps) =>
+ <Card className={classes.root}>
+ <CardHeader
+ className={classes.title}
+ title={
+ <Typography noWrap variant="title" color='inherit'>
+ Subprocess and filters
+ </Typography>} />
+ <CardContent>
+ <Grid container direction="column" spacing={16}>
+ <Grid item xs={12} container spacing={16}>
+ <Grid item md={12} lg={6}>
+ <SubprocessFilter label='Subprocesses' value={subprocessesAmount} />