- <div className={classnames([classes.container, { [classes.opened]: isOpened }])}>
- <Drawer variant="persistent" anchor="right" open={isOpened} onClose={() => toggleDrawer(false)}
- classes={{
- paper: classes.drawerPaper
- }}>
- {/* className={classnames([classes.root, { [classes.active]: isActive }])} */}
- <Typography component="div" className={classes.headerContainer}>
- <Grid container alignItems='center' justify='space-around'>
- <Typography variant="title">
- Tutorial pipeline
- </Typography>
- <IconButton color="inherit" onClick={() => toggleDrawer(false)}>
- <CloseIcon />
- </IconButton>
- </Grid>
- </Typography>
- <Tabs value={tabsValue} onChange={this.handleChange}
- classes={{ indicator: classes.tabsIndicator }}>
- <Tab
- disableRipple
- classes={{ root: classes.tabRoot, selected: classes.tabSelected }}
- label="Details" />
- <Tab
- disableRipple
- classes={{ root: classes.tabRoot, selected: classes.tabSelected }}
- label="Activity" />
- </Tabs>
- {tabsValue === 0 && <TabContainer>
- <Grid container>
- <Grid item xs={6} sm={4} className={classes.gridLabel}>
- <p>Type</p>
- <p>Size</p>
- <p>Location</p>
- <p>Owner</p>
- </Grid>
- <Grid item xs={6} sm={4}>
- <p>Process</p>
- <p>---</p>
- <p>Projects</p>
- <p>me</p>
- </Grid>
- </Grid>
- </TabContainer>}
- {tabsValue === 1 && <TabContainer>
- <Grid container>
- <Grid item xs={6} sm={4} className={classes.gridLabel}>
- <p>Type</p>
- <p>Size</p>
- <p>Location</p>
- <p>Owner</p>
- </Grid>
- <Grid item xs={6} sm={4}>
- <p>Process</p>
- <p>---</p>
- <p>Projects</p>
- <p>me</p>
- </Grid>
- </Grid>
- </TabContainer>}
+ <Typography component="div" className={classnames([classes.container, { [classes.opened]: isOpened }])}>
+ <Drawer variant="permanent" anchor="right" classes={{ paper: classes.drawerPaper }}>
+ <Typography component="div" className={classes.headerContainer}>
+ <Grid container alignItems='center' justify='space-around'>
+ <Grid item xs={2}>
+ {item.getIcon(classes.headerIcon)}
+ </Grid>
+ <Grid item xs={8}>
+ <Typography variant="title">
+ {item.getTitle()}
+ </Typography>
+ </Grid>
+ <Grid item>
+ <IconButton color="inherit" onClick={onCloseDrawer}>
+ {<CloseIcon />}
+ </IconButton>
+ </Grid>
+ </Grid>
+ </Typography>
+ <Tabs value={tabsValue} onChange={this.handleChange}>
+ <Tab disableRipple label="Details" />
+ <Tab disableRipple label="Activity" disabled />
+ </Tabs>
+ {tabsValue === 0 && this.renderTabContainer(
+ <Grid container direction="column">
+ {item.buildDetails()}
+ </Grid>
+ )}
+ {tabsValue === 1 && this.renderTabContainer(
+ <Grid container direction="column" />
+ )}