<CardHeader
className={classes.cardSubheader}
action={
- <IconButton onClick={onOptionsMenuOpen}>
- <Tooltip title="More options">
+ <Tooltip title="More options">
+ <IconButton onClick={onOptionsMenuOpen}>
<CustomizeTableIcon />
- </Tooltip>
- </IconButton>
+ </IconButton>
+ </Tooltip>
} />
<Grid container justify="space-between">
<Typography variant="caption" className={classes.nameHeader}>
export const ColumnSelector = withStyles(styles)(
({ columns, onColumnToggle, classes }: ColumnSelectorProps) =>
- <Popover triggerComponent={ColumnSelectorTrigger}>
- <Paper>
- <List dense>
- {columns
- .filter(column => column.configurable)
- .map((column, index) =>
- <ListItem
- button
- key={index}
- onClick={() => onColumnToggle(column)}>
- <Checkbox
- disableRipple
- color="primary"
- checked={column.selected}
- className={classes.checkbox} />
- <ListItemText>
- {column.name}
- </ListItemText>
- </ListItem>
- )}
- </List>
- </Paper>
- </Popover>
+ <Popover triggerComponent={ColumnSelectorTrigger}>
+ <Paper>
+ <List dense>
+ {columns
+ .filter(column => column.configurable)
+ .map((column, index) =>
+ <ListItem
+ button
+ key={index}
+ onClick={() => onColumnToggle(column)}>
+ <Checkbox
+ disableRipple
+ color="primary"
+ checked={column.selected}
+ className={classes.checkbox} />
+ <ListItemText>
+ {column.name}
+ </ListItemText>
+ </ListItem>
+ )}
+ </List>
+ </Paper>
+ </Popover>
);
export const ColumnSelectorTrigger = (props: IconButtonProps) =>
- <IconButton {...props}>
- <Tooltip title="Filters">
- <MenuIcon />
- </Tooltip>
- </IconButton>;
+ <Tooltip title="Filters">
+ <IconButton {...props}>
+ <MenuIcon aria-label="Filters" />
+ </IconButton>
+ </Tooltip>;
renderContextMenuTrigger = (item: T) =>
<Grid container justify="flex-end">
- <IconButton onClick={event => this.props.onContextMenu(event, item)}>
- <Tooltip title="More options">
+ <Tooltip title="More options">
+ <IconButton onClick={event => this.props.onContextMenu(event, item)}>
<MoreVertIcon />
- </Tooltip>
- </IconButton>
+ </IconButton>
+ </Tooltip>
</Grid>
contextMenuColumn: DataColumn<any> = {
const { anchorEl } = this.state;
return (
<div>
- <IconButton
- aria-owns={anchorEl ? id : undefined}
- aria-haspopup="true"
- color="inherit"
- onClick={this.handleOpen}>
- <Tooltip title={title}>
+ <Tooltip title={title}>
+ <IconButton
+ aria-owns={anchorEl ? id : undefined}
+ aria-haspopup="true"
+ color="inherit"
+ onClick={this.handleOpen}>
{icon}
- </Tooltip>
- </IconButton>
+ </IconButton>
+ </Tooltip>
<Menu
id={id}
anchorEl={anchorEl}
<Typography
className={classes.sizeInfo}
variant="caption">{formatFileSize(item.data.size)}</Typography>
- <IconButton
- className={classes.button}
- onClick={this.handleClick}>
- <Tooltip title="More options">
+ <Tooltip title="More options">
+ <IconButton
+ className={classes.button}
+ onClick={this.handleClick}>
<MoreOptionsIcon />
- </Tooltip>
- </IconButton>
+ </IconButton>
+ </Tooltip>
</div >;
}
placeholder="Search"
value={this.state.value}
/>
- <IconButton className={classes.button}>
- <Tooltip title='Search'>
+ <Tooltip title='Search'>
+ <IconButton className={classes.button}>
<SearchIcon />
- </Tooltip>
- </IconButton>
+ </IconButton>
+ </Tooltip>
</form>
</Paper>;
}
onChange={this.handleChange}
endAdornment={
<InputAdornment position="end">
- <IconButton
- onClick={this.handleSubmit}>
- <Tooltip title='Search'>
+ <Tooltip title='Search'>
+ <IconButton
+ onClick={this.handleSubmit}>
<SearchIcon />
- </Tooltip>
- </IconButton>
+ </IconButton>
+ </Tooltip>
</InputAdornment>
} />
</FormControl>
<Breadcrumbs />
</Grid>
<Grid item>
- <IconButton color="inherit" onClick={props.onDetailsPanelToggle}>
- <Tooltip title="Additional Info">
+ <Tooltip title="Additional Info">
+ <IconButton color="inherit" onClick={props.onDetailsPanelToggle}>
<DetailsIcon />
- </Tooltip>
- </IconButton>
+ </IconButton>
+ </Tooltip>
</Grid>
</Grid>
</Toolbar>);
<CardHeader
avatar={<CollectionIcon className={classes.iconHeader} />}
action={
- <IconButton
- aria-label="More options"
- onClick={this.handleContextMenu}>
- <Tooltip title="More options">
+ <Tooltip title="More options">
+ <IconButton
+ aria-label="More options"
+ onClick={this.handleContextMenu}>
<MoreOptionsIcon />
- </Tooltip>
- </IconButton>
+ </IconButton>
+ </Tooltip>
}
title={item && item.name}
subheader={item && item.description} />
<CardHeader
avatar={<ProcessIcon className={classes.iconHeader} />}
action={
- <IconButton onClick={event => onContextMenu(event, process)} aria-label="More options">
- <Tooltip title="More options">
+ <Tooltip title="More options">
+ <IconButton onClick={event => onContextMenu(event, process)} aria-label="More options">
<MoreOptionsIcon />
- </Tooltip>
- </IconButton>}
+ </IconButton>
+ </Tooltip>}
title={
<Tooltip title={process.containerRequest.name} placement="bottom-start">
<Typography noWrap variant="title" className={classes.title}>
<Chip label={getProcessStatus(process)}
className={classes.chip}
style={{ backgroundColor: getProcessStatusColor(getProcessStatus(process), theme as ArvadosTheme) }} />
- <IconButton
- aria-label="More options"
- onClick={event => onContextMenu(event)}>
- <Tooltip title="More options">
+ <Tooltip title="More options">
+ <IconButton
+ aria-label="More options"
+ onClick={event => onContextMenu(event)}>
<MoreOptionsIcon />
- </Tooltip>
- </IconButton>
+ </IconButton>
+ </Tooltip>
</div>
}
title={
<Typography noWrap variant="body2" className={classes.status}>
{getProcessStatus(subprocess)}
</Typography>
- <IconButton
- className={classes.options}
- aria-label="More options"
- onClick={onContextMenu}>
- <Tooltip title="More options">
+ <Tooltip title="More options">
+ <IconButton
+ className={classes.options}
+ aria-label="More options"
+ onClick={onContextMenu}>
<MoreOptionsIcon />
- </Tooltip>
- </IconButton>
+ </IconButton>
+ </Tooltip>
</div>
}
title={
const resource = getResource<TrashableResource>(props.uuid)(state.resources);
return { resource, dispatch: props.dispatch };
})((props: { resource?: TrashableResource, dispatch?: Dispatch<any> }) =>
- <IconButton onClick={() => {
- if (props.resource && props.dispatch) {
- props.dispatch(toggleTrashed(
- props.resource.kind,
- props.resource.uuid,
- props.resource.ownerUuid,
- props.resource.isTrashed
- ));
- }
- }}>
- <Tooltip title="Restore">
+ <Tooltip title="Restore">
+ <IconButton onClick={() => {
+ if (props.resource && props.dispatch) {
+ props.dispatch(toggleTrashed(
+ props.resource.kind,
+ props.resource.uuid,
+ props.resource.ownerUuid,
+ props.resource.isTrashed
+ ));
+ }
+ }}>
<RestoreFromTrashIcon />
- </Tooltip>
- </IconButton>
+ </IconButton>
+ </Tooltip>
);
export const trashPanelColumns: DataColumns<string, TrashPanelFilter> = [