services/workbench2/src/views/main-panel/main-panel-root.tsx

   1 // Copyright (C) The Arvados Authors. All rights reserved.
   2 //
   3 // SPDX-License-Identifier: AGPL-3.0
   4
   5 import React from 'react';
   6 import { StyleRulesCallback, WithStyles, withStyles, Grid, LinearProgress } from '@material-ui/core';
   7 import { User } from "models/user";
   8 import { ArvadosTheme } from 'common/custom-theme';
   9 import { WorkbenchPanel } from 'views/workbench/workbench';
  10 import { LoginPanel } from 'views/login-panel/login-panel';
  11 import { InactivePanel } from 'views/inactive-panel/inactive-panel';
  12 import { WorkbenchLoadingScreen } from 'views/workbench/workbench-loading-screen';
  13 import { MainAppBar } from 'views-components/main-app-bar/main-app-bar';
  14
  15 type CssRules = 'root';
  16
  17 const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
  18     root: {
  19         overflow: 'hidden',
  20         width: '100vw',
  21         height: '100vh'
  22     }
  23 });
  24
  25 export interface MainPanelRootDataProps {
  26     user?: User;
  27     working: boolean;
  28     loading: boolean;
  29     buildInfo: string;
  30     uuidPrefix: string;
  31     isNotLinking: boolean;
  32     isLinkingPath: boolean;
  33     siteBanner: string;
  34     sessionIdleTimeout: number;
  35     sidePanelIsCollapsed: boolean;
  36     isTransitioning: boolean;
  37     currentSideWidth: number;
  38 }
  39
  40 interface MainPanelRootDispatchProps {
  41     toggleSidePanel: () => void
  42 }
  43
  44 type MainPanelRootProps = MainPanelRootDataProps & MainPanelRootDispatchProps & WithStyles<CssRules>;
  45
  46 export const MainPanelRoot = withStyles(styles)(
  47     ({ classes, loading, working, user, buildInfo, uuidPrefix,
  48         isNotLinking, isLinkingPath, siteBanner, sessionIdleTimeout,
  49         sidePanelIsCollapsed, isTransitioning, currentSideWidth}: MainPanelRootProps) =>{
  50         return loading
  51             ? <WorkbenchLoadingScreen />
  52             : <>
  53             {isNotLinking && <MainAppBar
  54                 user={user}
  55                 buildInfo={buildInfo}
  56                 uuidPrefix={uuidPrefix}
  57                 siteBanner={siteBanner}
  58                 sidePanelIsCollapsed={sidePanelIsCollapsed}
  59                 >
  60                 {working
  61                     ? <LinearProgress color="secondary" data-cy="linear-progress" />
  62                     : null}
  63             </MainAppBar>}
  64             <Grid container direction="column" className={classes.root}>
  65                 {user
  66                     ? (user.isActive || (!user.isActive && isLinkingPath)
  67                     ? <WorkbenchPanel
  68                         isNotLinking={isNotLinking}
  69                         isUserActive={user.isActive}
  70                         sessionIdleTimeout={sessionIdleTimeout}
  71                         sidePanelIsCollapsed={sidePanelIsCollapsed}
  72                         isTransitioning={isTransitioning}
  73                         currentSideWidth={currentSideWidth}/>
  74                     : <InactivePanel />)
  75                     : <LoginPanel />}
  76             </Grid>
  77         </>
  78     }
  79 );