Initial Task Indicator

src/guiTests/6viewAlignCoverage.ts

@@ -8,7 +8,7 @@ import {openCircularGenomeBuilderWindow} from "./req/circularGenomeBuilder/openC
 import {toggleFiguresOverlay} from "./req/circularGenomeBuilder/toggleFiguresOverlay";
 import {createHPV16Figure} from "./req/circularGenomeBuilder/createHPV16Figure";
 import {closeToolBar} from "./req/closeToolBar";
-import { expandHPV16FigureList } from './req/circularGenomeBuilder/expandHPV16FigureList';
+import {expandHPV16FigureList} from "./req/circularGenomeBuilder/expandHPV16FigureList";
 
 async function runTest() : Promise<void>
 {

src/req/renderer/components/badge.ts

@@ -0,0 +1 @@
+export const Badge : typeof import("@material-ui/core/Badge").default = require("@material-ui/core/Badge").default;

src/req/renderer/components/linearProgress.ts

@@ -0,0 +1 @@
+export const LinearProgress : typeof import("@material-ui/core/LinearProgress").default = require("@material-ui/core/LinearProgress").default;

src/req/renderer/views/toolBarView/styles/taskBadge.ts

@@ -0,0 +1,6 @@
+import {style} from "typestyle";
+
+export const taskBadge = style({
+    color: "black",
+    backgroundColor: "white"
+});

src/req/renderer/views/toolBarView/toolBarView.tsx

@@ -11,13 +11,16 @@ import {Fastq} from "../../../fastq";
 import {Fasta} from "../../../fasta";
 import {AlignData} from "../../../alignData";
 import {PHATView} from "../../phatView";
+import {Badge} from "../../components/badge";
+import {LinearProgress} from "../../components/linearProgress";
 
 import {ToolBarTab, ToolBarTabs} from "./containers/toolBarTabs/toolBarTabs";
 import {tabInfo} from "./tabInfo";
 import {OutputViewWebView} from "./views/outputViewWebView";
 import {InputViewWebView} from "./views/inputViewWebView";
 import {QCViewWebView} from "./views/QCViewWebView";
 import {AlignViewWebView} from "./views/alignViewWebView";
+import {taskBadge} from "./styles/taskBadge";
 import {CircularGenomeBuilderWebView} from "./views/circularGenomeBuilderWebView";
 
 
@@ -165,11 +168,28 @@ export class ToolBarView extends React.Component<ToolBarViewProps,ToolBarViewSta
                                 </Grid>
                             </Grid>
                         </GridWrapper>
-                        <div style={{height: "2vh"}}>
-                            <Typography
-                                style={{color:"white"}}
-                            >{this.props.runningOpText}</Typography>
-                        </div>
+                        <GridWrapper>
+                            <React.Fragment>
+                                <Grid container spacing={4} justify="flex-start">
+                                    <Grid item />
+                                    <Grid item>
+                                        <Badge badgeContent={this.props.operations ? this.props.operations.length : 0} showZero color="error" classes={{colorError:taskBadge}}>
+                                            <div
+                                                style={{width:"1vh"}}></div>
+                                        </Badge>
+                                    </Grid>
+                                    <Grid item>
+
+                                        <Typography style={{color: "white"}}>
+                                            {this.props.runningOpText ? this.props.runningOpText : "No Running Tasks"}
+                                        </Typography>
+                                    </Grid>
+                                </Grid>
+                                <div hidden={this.props.operations === undefined || this.props.operations.length == 0}>
+                                    <LinearProgress variant="indeterminate" color="secondary"/>
+                                </div>
+                            </React.Fragment>
+                        </GridWrapper>
                         <ToolBarTabs
                             onTabDelete={(tab : ToolBarTab<ToolBarViewProps>,i : number) => 
                             {