main.component.html 1.1 KB
Newer Older
Kruyff,D.L.W. (Dylan)'s avatar
Kruyff,D.L.W. (Dylan) committed
1
2
<div class="container">
  <div class="left">
3
4
5
6
    <div class="top">
      <app-overview-window style="z-index: 10"></app-overview-window>
    </div>
    <div class="bot">
Kruyff,D.L.W. (Dylan)'s avatar
Kruyff,D.L.W. (Dylan) committed
7
8
9
      <div class="channel_header">
        Feedback
      </div>
Kruyff,D.L.W. (Dylan)'s avatar
Kruyff,D.L.W. (Dylan) committed
10
11
12
      <div>
        <app-training-window></app-training-window>
      </div>
13
    </div>
Kruyff,D.L.W. (Dylan)'s avatar
Kruyff,D.L.W. (Dylan) committed
14
  </div>
Kruyff,D.L.W. (Dylan)'s avatar
Kruyff,D.L.W. (Dylan) committed
15
  <div class="right">
16
    <div class="top">
Kruyff,D.L.W. (Dylan)'s avatar
Kruyff,D.L.W. (Dylan) committed
17
18
19
      <div class="channel_header">
        Query
      </div>
Kruyff,D.L.W. (Dylan)'s avatar
Kruyff,D.L.W. (Dylan) committed
20
    <app-query-window></app-query-window>
21
22
    </div>
    <div class="bot">
Kruyff,D.L.W. (Dylan)'s avatar
Kruyff,D.L.W. (Dylan) committed
23
      <div class="channel_header">
Kruyff,D.L.W. (Dylan)'s avatar
Kruyff,D.L.W. (Dylan) committed
24
        Results
Kruyff,D.L.W. (Dylan)'s avatar
Kruyff,D.L.W. (Dylan) committed
25
      </div>
Kruyff,D.L.W. (Dylan)'s avatar
Kruyff,D.L.W. (Dylan) committed
26
27
28
      <div class="progress">
        <app-progress-view></app-progress-view>
      </div>
29
    </div>
Kruyff,D.L.W. (Dylan)'s avatar
Kruyff,D.L.W. (Dylan) committed
30
31
  </div>
</div>
32
33
34
35
36
37
38
39
40
<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>