From: Michal Klobukowski <michal.klobukowski@contractors.roche.com>
Date: Wed, 13 Jun 2018 06:02:51 +0000 (+0200)
Subject: Merge master branch
X-Git-Tag: 1.2.0~78^2~11
X-Git-Url: https://git.arvados.org/arvados-workbench2.git/commitdiff_plain/28bb06ae7b9983da793f2459c5cc3e8debd71949

Merge master branch

Feature #13590

Arvados-DCO-1.1-Signed-off-by: Michal Klobukowski <michal.klobukowski@contractors.roche.com>
---

28bb06ae7b9983da793f2459c5cc3e8debd71949
diff --cc src/views/workbench/workbench.tsx
index f002ad9a,d18d113b..3d0a7ad3
--- a/src/views/workbench/workbench.tsx
+++ b/src/views/workbench/workbench.tsx
@@@ -24,9 -22,12 +22,14 @@@ import { AccountCircle } from "@materia
  import { User } from "../../models/user";
  import Grid from "@material-ui/core/Grid/Grid";
  import { RootState } from "../../store/store";
 +import MainAppBar, { MainAppBarActionProps, MainAppBarMenuItems, MainAppBarMenuItem } from '../../components/main-app-bar/main-app-bar';
 +import { Breadcrumb } from '../../components/breadcrumbs/breadcrumbs';
 +import { push } from 'react-router-redux';
+ import projectActions from "../../store/project/project-action"
 -
+ import ProjectTree from '../../components/project-tree/project-tree';
+ import { TreeItem } from "../../components/tree/tree";
+ import { Project } from "../../models/project";
+ import { projectService } from '../../services/services';
  
  const drawerWidth = 240;
  
@@@ -130,46 -83,95 +133,51 @@@ class Workbench extends React.Component
          }
      }
  
 -    login = () => {
 -        this.props.dispatch(authActions.LOGIN());
 -    };
 -
 -    logout = () => {
 -        this.handleClose();
 -        this.props.dispatch(authActions.LOGOUT());
 -    };
 -
 -    handleOpenMenu = (event: React.MouseEvent<any>) => {
 -        this.setState({
 -            anchorEl: event.currentTarget
 -        });
 -    };
  
 -    handleClose = () => {
 -        this.setState({
 -            anchorEl: null
 -        });
 -    };
 +    mainAppBarActions: MainAppBarActionProps = {
 +        onBreadcrumbClick: (breadcrumb: NavBreadcrumb) => this.props.dispatch(push(breadcrumb.path)),
 +        onSearch: searchText => {
 +            this.setState({ searchText });
 +            this.props.dispatch(push(`/search?q=${searchText}`));
 +        },
 +        onMenuItemClick: (menuItem: NavMenuItem) => menuItem.action()
 +    }
  
+     toggleProjectTreeItem = (itemId: string) => {
+         this.props.dispatch<any>(projectService.getProjectList(itemId)).then(() => {
+             this.props.dispatch(projectActions.TOGGLE_PROJECT_TREE_ITEM(itemId));
+         });
+     };
+ 
      render() {
 -        const {classes, user} = this.props;
 +        const { classes, user } = this.props;
          return (
              <div className={classes.root}>
 -                <AppBar position="absolute" className={classes.appBar}>
 -                    <Toolbar>
 -                        <Typography variant="title" color="inherit" noWrap style={{flexGrow: 1}}>
 -                            <span>Arvados</span><br/><span style={{fontSize: 12}}>Workbench 2</span>
 -                        </Typography>
 -                        {user ?
 -                            <Grid container style={{width: 'auto'}}>
 -                                <Grid container style={{width: 'auto'}} alignItems='center'>
 -                                    <Typography variant="title" color="inherit" noWrap>
 -                                        {user.firstName} {user.lastName}
 -                                    </Typography>
 -                                </Grid>
 -                                <Grid item>
 -                                    <IconButton
 -                                          aria-owns={this.state.anchorEl ? 'menu-appbar' : undefined}
 -                                          aria-haspopup="true"
 -                                          onClick={this.handleOpenMenu}
 -                                          color="inherit">
 -                                      <AccountCircle/>
 -                                    </IconButton>
 -                                </Grid>
 -                                <Menu
 -                                  id="menu-appbar"
 -                                  anchorEl={this.state.anchorEl}
 -                                  anchorOrigin={{
 -                                    vertical: 'top',
 -                                    horizontal: 'right',
 -                                  }}
 -                                  transformOrigin={{
 -                                    vertical: 'top',
 -                                    horizontal: 'right',
 -                                  }}
 -                                  open={!!this.state.anchorEl}
 -                                  onClose={this.handleClose}>
 -                                  <MenuItem onClick={this.logout}>Logout</MenuItem>
 -                                  <MenuItem onClick={this.handleClose}>My account</MenuItem>
 -                                </Menu>
 -                            </Grid>
 -                            :
 -                            <Button color="inherit" onClick={this.login}>Login</Button>
 -                        }
 -                    </Toolbar>
 -                </AppBar>
 +                <div className={classes.appBar}>
 +                    <MainAppBar
 +                        breadcrumbs={this.state.breadcrumbs}
 +                        searchText={this.state.searchText}
 +                        user={this.props.user}
 +                        menuItems={this.state.menuItems}
 +                        {...this.mainAppBarActions}
 +                    />
 +                </div>
                  {user &&
-                     <Drawer
-                         variant="permanent"
-                         classes={{
-                             paper: classes.drawerPaper,
-                         }}>
-                         <div className={classes.toolbar} />
-                         <div className={classes.toolbar} />
-                         <Tree items={this.props.projects} render={(p: Project) =>
-                             <Link to={`/project/${p.name}`}>{p.name}</Link>
-                         } />
-                     </Drawer>}
+                 <Drawer
+                     variant="permanent"
+                     classes={{
+                         paper: classes.drawerPaper,
+                     }}>
+                     <div className={classes.toolbar}/>
+                     <ProjectTree
+                         projects={this.props.projects}
+                         toggleProjectTreeItem={this.toggleProjectTreeItem}/>
+                 </Drawer>}
                  <main className={classes.content}>
 -                    <div className={classes.toolbar}/>
 +                    <div className={classes.toolbar} />
 +                    <div className={classes.toolbar} />
                      <Switch>
 -                        <Route path="/project/:name" component={ProjectList}/>
 +                        <Route path="/project/:name" component={ProjectList} />
                      </Switch>
                  </main>
              </div>