export const ColumnSelector = withStyles(styles)(
({ columns, onColumnToggle, classes }: ColumnSelectorProps) =>
- {
-// // console.log('COLUMN_SELECTOR',columns)
-// columns = [...columns, {
-// name:'bananas',
-// selected: false,
-// configurable: true, filters:{}, render: (uuid)=><ResourceName uuid='bananas'/>
-// }
-// ]
-// //lisa
-// // console.log('COLUMN_SELECTOR',columns)
- return <Popover triggerComponent={ColumnSelectorTrigger}>
+ <Popover triggerComponent={ColumnSelectorTrigger}>
<Paper>
<List dense>
{columns
)}
</List>
</Paper>
- </Popover>}
+ </Popover>
);
export const ColumnSelectorTrigger = (props: IconButtonProps) =>
componentDidMount() {
if (this.props.onSetColumns) {
- //lisa
- // console.log('DATA_EXPLORER_CDM:',this.props)
-
this.props.onSetColumns(this.props.columns);
}
// Component just mounted, so we need to show the loading indicator.
paperKey, fetchMode, currentItemUuid, title,
doHidePanel, doMaximizePanel, doUnMaximizePanel, panelName, panelMaximized, elementPath
} = this.props;
- //lisa
-// console.log('DATA_EXPLORER_TSX', this.props)
return <Paper className={classes.root} {...paperProps} key={paperKey} data-cy={this.props["data-cy"]}>
<Grid container direction="column" wrap="nowrap" className={classes.container}>
<div>
export const DataTable = withStyles(styles)(
class Component<T> extends React.Component<DataTableProps<T>> {
render() {
- // console.log('DATA_TABLE, RENDER:' , this)
const { items, classes, working } = this.props;
return <div className={classes.root}>
<div className={classes.content}>
</TableRow>
</TableHead>
<TableBody className={classes.tableBody}>
- {/* {console.log('TABLEBODY>ITEMS',items, "THIS ?", this)} */}
{ !working && items.map(this.renderBodyRow) }
</TableBody>
</Table>
onContextMenu={this.handleRowContextMenu(item)}
onDoubleClick={event => onRowDoubleClick && onRowDoubleClick(event, item)}
selected={item === currentItemUuid}>
- {this.mapVisibleColumns((column, index) => {
- // console.log('RENDERBODYROW', column.render(item))
- return <TableCell key={column.key || index} className={currentRoute === '/workflows' ? classes.tableCellWorkflows : classes.tableCell}>
+ {this.mapVisibleColumns((column, index) => <TableCell key={column.key || index} className={currentRoute === '/workflows' ? classes.tableCellWorkflows : classes.tableCell}>
{column.render(item)}
</TableCell>
- })}
+ )}
</TableRow>;
}
columnName: string
): DataTableFilters => {
const column = columns.find((c) => c.name === columnName);
- //lisa
- // console.log('DATA_EXPLORER_MIDD, GETDEXCOLUMNFILTERS', column);
return column ? column.filters : createTree();
};
getState().dataExplorer,
service.getId()
);
- //lisa
- // console.log('DE_MIDDLEWARE', de);
const complete =
de.requestState === DataTableRequestState.PENDING;
dispatch(
state: DataExplorerState = {},
action: DataExplorerAction
) => {
- // console.log('DATA_EXPLORERE_REDUCER, satate:', state);
return dataExplorerActions.match(action, {
CLEAR: ({ id }) =>
update(state, id, (explorer) => ({
};
export const getDataExplorer = (state: DataExplorerState, id: string) => {
const returnValue = state[id] || initialDataExplorer;
- //lisa
- // console.log('GETDATAEXPLORER RETURN:', state[id]);
return returnValue;
};
}
const mapStateToProps = (state: RootState, { id }: Props) => {
- // console.log('DATA_EXPLORER, MSTP GLOBAL STATE:', state)
- const test = 'foo'
const progress = state.progressIndicator.find(p => p.id === id);
const dataExplorerState = getDataExplorer(state.dataExplorer, id);
const currentRoute = state.router.location ? state.router.location.pathname : '';
const currentRefresh = localStorage.getItem(LAST_REFRESH_TIMESTAMP) || '';
const currentItemUuid = currentRoute === '/workflows' ? state.properties.workflowPanelDetailsUuid : state.detailsPanel.resourceUuid;
-// console.log('DATA_EXPLORER, MSTP FILTERED:', {...dataExplorerState})
return {
- foo: test,
...dataExplorerState,
working: !!progress?.working,
currentRefresh: currentRefresh,
class GroupsPanel extends React.Component<GroupsPanelProps & WithStyles<CssRules>> {
render() {
- console.log('GROUPSPANEL', this)
return (
<div className={this.props.classes.root}><DataExplorer
id={GROUPS_PANEL_ID}