main.component.html 1.09 KB
Newer Older
Kruyff,D.L.W. (Dylan)'s avatar
Kruyff,D.L.W. (Dylan) committed
1
2
<div class="container">
  <div class="left">
Kruyff,D.L.W. (Dylan)'s avatar
Kruyff,D.L.W. (Dylan) committed
3
4
5
    <app-overview-window style="z-index: 10"></app-overview-window>
    <mat-tab-group animationDuration="0ms" (selectedTabChange)="changeTab($event)">
      <mat-tab label="Training">
6
        <app-labeling-window></app-labeling-window>
7
<!--        <app-table-overview></app-table-overview>-->
Kruyff,D.L.W. (Dylan)'s avatar
Kruyff,D.L.W. (Dylan) committed
8
9
10
11
12
13
14
15
16
      </mat-tab>
      <mat-tab label="Labeled data">
        <app-labels></app-labels>
      </mat-tab>
      <mat-tab label="Settings">
        <app-settings></app-settings>
      </mat-tab>
    </mat-tab-group>
  </div>
Kruyff,D.L.W. (Dylan)'s avatar
Kruyff,D.L.W. (Dylan) committed
17
  <div class="right">
Kruyff,D.L.W. (Dylan)'s avatar
Kruyff,D.L.W. (Dylan) committed
18
19
20
21
    <app-query-window></app-query-window>
    <app-progress-view></app-progress-view>
  </div>
</div>
22
23
24
25
26
27
28
29
30
<div class="overlay" [class.show]="greyOut" *ngIf="loadingProgress != 100"></div>
<div class="loading-progress" *ngIf="loadingProgress != 100">
  <span *ngIf="loadingProgress == 0">Retrieving data</span>
  <span *ngIf="loadingProgress == 30">Creating windows</span>
  <span *ngIf="loadingProgress == 60">Creating initial tables</span>
  <mat-progress-bar mode="determinate" [value]="loadingProgress">
  </mat-progress-bar>
</div>