import * as React from 'react';
import { ProjectPanelItem } from './project-panel-item';
-import { Grid, Typography, Button, Toolbar, StyleRulesCallback, WithStyles, withStyles } from '@material-ui/core';
+import { Grid, Typography, Button, StyleRulesCallback, WithStyles, withStyles } from '@material-ui/core';
import { formatDate, formatFileSize } from '../../common/formatters';
import DataExplorer from "../../views-components/data-explorer/data-explorer";
import { DispatchProp, connect } from 'react-redux';
import { DataColumns } from '../../components/data-table/data-table';
import { RouteComponentProps } from 'react-router';
import { RootState } from '../../store/store';
-import { ResourceKind } from '../../models/kinds';
import { DataTableFilterItem } from '../../components/data-table-filters/data-table-filters';
import { ContainerRequestState } from '../../models/container-request';
import { SortDirection } from '../../components/data-table/data-column';
+import { ResourceKind } from '../../models/resource';
+import { resourceLabel } from '../../common/labels';
export const PROJECT_PANEL_ID = "projectPanel";
type ProjectPanelProps = {
currentItemId: string,
onItemClick: (item: ProjectPanelItem) => void,
- onItemRouteChange: (itemId: string) => void,
onContextMenu: (event: React.MouseEvent<HTMLElement>, item: ProjectPanelItem) => void;
- onDialogOpen: () => void;
+ onDialogOpen: (ownerUuid: string) => void;
+ onItemDoubleClick: (item: ProjectPanelItem) => void,
+ onItemRouteChange: (itemId: string) => void
}
& DispatchProp
& WithStyles<CssRules>
& RouteComponentProps<{ id: string }>;
-class ProjectPanel extends React.Component<ProjectPanelProps> {
+class ProjectPanel extends React.Component<ProjectPanelProps> {
render() {
return <div>
<div className={this.props.classes.toolbar}>
<Button color="primary" variant="raised" className={this.props.classes.button}>
Run a process
</Button>
- <Button color="primary" onClick={this.props.onDialogOpen} variant="raised" className={this.props.classes.button}>
+ <Button color="primary" onClick={() => this.props.onDialogOpen(this.props.currentItemId)} variant="raised" className={this.props.classes.button}>
New project
</Button>
</div>
<DataExplorer
id={PROJECT_PANEL_ID}
onRowClick={this.props.onItemClick}
- onContextMenu={this.props.onContextMenu} />;
+ onRowDoubleClick={this.props.onItemDoubleClick}
+ onContextMenu={this.props.onContextMenu}
+ extractKey={(item: ProjectPanelItem) => item.uuid} />
</div>;
}
{owner}
</Typography>;
-
-
-const typeToLabel = (type: string) => {
- switch (type) {
- case ResourceKind.Collection:
- return "Data collection";
- case ResourceKind.Project:
- return "Project";
- case ResourceKind.Process:
- return "Process";
- default:
- return "Unknown";
- }
-};
-
const renderType = (type: string) => {
return <Typography noWrap>
- {typeToLabel(type)}
+ {resourceLabel(type)}
</Typography>;
};
name: ProjectPanelColumnNames.Type,
selected: true,
filters: [{
- name: typeToLabel(ResourceKind.Collection),
+ name: resourceLabel(ResourceKind.Collection),
selected: true,
type: ResourceKind.Collection
}, {
- name: typeToLabel(ResourceKind.Process),
+ name: resourceLabel(ResourceKind.Process),
selected: true,
type: ResourceKind.Process
}, {
- name: typeToLabel(ResourceKind.Project),
+ name: resourceLabel(ResourceKind.Project),
selected: true,
type: ResourceKind.Project
}],