projects
/
arvados-workbench2.git
/ blobdiff
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Create CollectionPanelFiles [WIP]
[arvados-workbench2.git]
/
src
/
views
/
workbench
/
workbench.tsx
diff --git
a/src/views/workbench/workbench.tsx
b/src/views/workbench/workbench.tsx
index 8e2cb578361a8dcf652ccb787483e7645ed81083..e932fba819d3a572af9ade4f43d7c273a9db2122 100644
(file)
--- a/
src/views/workbench/workbench.tsx
+++ b/
src/views/workbench/workbench.tsx
@@
-36,6
+36,7
@@
import { FavoritePanel, FAVORITE_PANEL_ID } from "../favorite-panel/favorite-pan
import { CurrentTokenDialog } from '../../views-components/current-token-dialog/current-token-dialog';
import { dataExplorerActions } from '../../store/data-explorer/data-explorer-action';
import { Snackbar } from '../../views-components/snackbar/snackbar';
import { CurrentTokenDialog } from '../../views-components/current-token-dialog/current-token-dialog';
import { dataExplorerActions } from '../../store/data-explorer/data-explorer-action';
import { Snackbar } from '../../views-components/snackbar/snackbar';
+import { CollectionPanelFiles, collectionPanelItems } from '../../components/collection-panel-files/collection-panel-files';
const drawerWidth = 240;
const appBarHeight = 100;
const drawerWidth = 240;
const appBarHeight = 100;
@@
-190,7
+191,7
@@
export const Workbench = withStyles(styles)(
onContextMenu={(event) => this.openContextMenu(event, {
uuid: authService.getUuid() || "",
name: "",
onContextMenu={(event) => this.openContextMenu(event, {
uuid: authService.getUuid() || "",
name: "",
- kind: ContextMenuKind.R
ootProject
+ kind: ContextMenuKind.R
OOT_PROJECT
})}>
<ProjectTree
projects={this.props.projects}
})}>
<ProjectTree
projects={this.props.projects}
@@
-198,12
+199,12
@@
export const Workbench = withStyles(styles)(
onContextMenu={(event, item) => this.openContextMenu(event, {
uuid: item.data.uuid,
name: item.data.name,
onContextMenu={(event, item) => this.openContextMenu(event, {
uuid: item.data.uuid,
name: item.data.name,
- kind: ContextMenuKind.P
roject
+ kind: ContextMenuKind.P
ROJECT
})}
toggleActive={itemId => {
this.props.dispatch<any>(setProjectItem(itemId, ItemMode.ACTIVE));
})}
toggleActive={itemId => {
this.props.dispatch<any>(setProjectItem(itemId, ItemMode.ACTIVE));
- this.props.dispatch<any>(loadDetails(itemId, ResourceKind.P
roject
));
- this.props.dispatch<any>(sidePanelActions.TOGGLE_SIDE_PANEL_ITEM_ACTIVE(SidePanelIdentifiers.P
rojects
));
+ this.props.dispatch<any>(loadDetails(itemId, ResourceKind.P
ROJECT
));
+ this.props.dispatch<any>(sidePanelActions.TOGGLE_SIDE_PANEL_ITEM_ACTIVE(SidePanelIdentifiers.P
ROJECTS
));
}} />
</SidePanel>
</Drawer>}
}} />
</SidePanel>
</Drawer>}
@@
-212,6
+213,14
@@
export const Workbench = withStyles(styles)(
<Switch>
<Route path="/projects/:id" render={this.renderProjectPanel} />
<Route path="/favorites" render={this.renderFavoritePanel} />
<Switch>
<Route path="/projects/:id" render={this.renderProjectPanel} />
<Route path="/favorites" render={this.renderFavoritePanel} />
+ <Route path="/" render={() =>
+ <CollectionPanelFiles
+ items={collectionPanelItems}
+ onCollapseToggle={console.log}
+ onSelectionToggle={console.log}
+ onItemContextMenu={console.log}
+ onCommonContextMenu={console.log}
+ />} />
</Switch>
</div>
{user && <DetailsPanel />}
</Switch>
</div>
{user && <DetailsPanel />}
@@
-230,7
+239,7
@@
export const Workbench = withStyles(styles)(
renderProjectPanel = (props: RouteComponentProps<{ id: string }>) => <ProjectPanel
onItemRouteChange={itemId => this.props.dispatch<any>(setProjectItem(itemId, ItemMode.ACTIVE))}
onContextMenu={(event, item) => {
renderProjectPanel = (props: RouteComponentProps<{ id: string }>) => <ProjectPanel
onItemRouteChange={itemId => this.props.dispatch<any>(setProjectItem(itemId, ItemMode.ACTIVE))}
onContextMenu={(event, item) => {
- const kind = item.kind === ResourceKind.P
roject ? ContextMenuKind.Project : ContextMenuKind.Resource
;
+ const kind = item.kind === ResourceKind.P
ROJECT ? ContextMenuKind.PROJECT : ContextMenuKind.RESOURCE
;
this.openContextMenu(event, {
uuid: item.uuid,
name: item.name,
this.openContextMenu(event, {
uuid: item.uuid,
name: item.name,
@@
-243,14
+252,14
@@
export const Workbench = withStyles(styles)(
}}
onItemDoubleClick={item => {
this.props.dispatch<any>(setProjectItem(item.uuid, ItemMode.ACTIVE));
}}
onItemDoubleClick={item => {
this.props.dispatch<any>(setProjectItem(item.uuid, ItemMode.ACTIVE));
- this.props.dispatch<any>(loadDetails(item.uuid, ResourceKind.P
roject
));
+ this.props.dispatch<any>(loadDetails(item.uuid, ResourceKind.P
ROJECT
));
}}
{...props} />
renderFavoritePanel = (props: RouteComponentProps<{ id: string }>) => <FavoritePanel
onItemRouteChange={() => this.props.dispatch<any>(dataExplorerActions.REQUEST_ITEMS({ id: FAVORITE_PANEL_ID }))}
onContextMenu={(event, item) => {
}}
{...props} />
renderFavoritePanel = (props: RouteComponentProps<{ id: string }>) => <FavoritePanel
onItemRouteChange={() => this.props.dispatch<any>(dataExplorerActions.REQUEST_ITEMS({ id: FAVORITE_PANEL_ID }))}
onContextMenu={(event, item) => {
- const kind = item.kind === ResourceKind.P
roject ? ContextMenuKind.Project : ContextMenuKind.Resource
;
+ const kind = item.kind === ResourceKind.P
ROJECT ? ContextMenuKind.PROJECT : ContextMenuKind.RESOURCE
;
this.openContextMenu(event, {
uuid: item.uuid,
name: item.name,
this.openContextMenu(event, {
uuid: item.uuid,
name: item.name,
@@
-262,16
+271,16
@@
export const Workbench = withStyles(styles)(
this.props.dispatch<any>(loadDetails(item.uuid, item.kind as ResourceKind));
}}
onItemDoubleClick={item => {
this.props.dispatch<any>(loadDetails(item.uuid, item.kind as ResourceKind));
}}
onItemDoubleClick={item => {
- this.props.dispatch<any>(loadDetails(item.uuid, ResourceKind.P
roject
));
+ this.props.dispatch<any>(loadDetails(item.uuid, ResourceKind.P
ROJECT
));
this.props.dispatch<any>(setProjectItem(item.uuid, ItemMode.ACTIVE));
this.props.dispatch<any>(setProjectItem(item.uuid, ItemMode.ACTIVE));
- this.props.dispatch<any>(sidePanelActions.TOGGLE_SIDE_PANEL_ITEM_ACTIVE(SidePanelIdentifiers.P
rojects
));
+ this.props.dispatch<any>(sidePanelActions.TOGGLE_SIDE_PANEL_ITEM_ACTIVE(SidePanelIdentifiers.P
ROJECTS
));
}}
{...props} />
mainAppBarActions: MainAppBarActionProps = {
onBreadcrumbClick: ({ itemId }: NavBreadcrumb) => {
this.props.dispatch<any>(setProjectItem(itemId, ItemMode.BOTH));
}}
{...props} />
mainAppBarActions: MainAppBarActionProps = {
onBreadcrumbClick: ({ itemId }: NavBreadcrumb) => {
this.props.dispatch<any>(setProjectItem(itemId, ItemMode.BOTH));
- this.props.dispatch<any>(loadDetails(itemId, ResourceKind.P
roject
));
+ this.props.dispatch<any>(loadDetails(itemId, ResourceKind.P
ROJECT
));
},
onSearch: searchText => {
this.setState({ searchText });
},
onSearch: searchText => {
this.setState({ searchText });
@@
-285,7
+294,7
@@
export const Workbench = withStyles(styles)(
this.openContextMenu(event, {
uuid: breadcrumb.itemId,
name: breadcrumb.label,
this.openContextMenu(event, {
uuid: breadcrumb.itemId,
name: breadcrumb.label,
- kind: ContextMenuKind.P
roject
+ kind: ContextMenuKind.P
ROJECT
});
}
};
});
}
};