main.component.html 1.55 KB
Newer Older
Kruyff,D.L.W. (Dylan)'s avatar
Kruyff,D.L.W. (Dylan) committed
1
<div class="container">
Kruyff,D.L.W. (Dylan)'s avatar
Kruyff,D.L.W. (Dylan) committed
2
  <as-split direction="vertical">
Kruyff,D.L.W. (Dylan)'s avatar
Kruyff,D.L.W. (Dylan) committed
3
    <as-split-area [size]="35">
Kruyff,D.L.W. (Dylan)'s avatar
Kruyff,D.L.W. (Dylan) committed
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

      <as-split direction="horizontal">
        <as-split-area [size]="70">
          <app-overview-window style="z-index: 10"></app-overview-window>
        </as-split-area>

        <as-split-area [size]="30">
          <div class="channel_header">
            Query
          </div>
          <div class="progress">
            <app-query-window></app-query-window>
          </div>
        </as-split-area>
      </as-split>

    </as-split-area>
Kruyff,D.L.W. (Dylan)'s avatar
Kruyff,D.L.W. (Dylan) committed
21
    <as-split-area [size]="65">
Kruyff,D.L.W. (Dylan)'s avatar
Kruyff,D.L.W. (Dylan) committed
22
23

      <as-split direction="horizontal">
Kruyff,D.L.W. (Dylan)'s avatar
Kruyff,D.L.W. (Dylan) committed
24
        <as-split-area [size]="62">
Kruyff,D.L.W. (Dylan)'s avatar
Kruyff,D.L.W. (Dylan) committed
25
26
27
28
29
30
31
          <div class="channel_header">
            Feedback
          </div>
          <div class="progress">
            <app-training-window></app-training-window>
          </div>
        </as-split-area>
Kruyff,D.L.W. (Dylan)'s avatar
Kruyff,D.L.W. (Dylan) committed
32
        <as-split-area [size]="38">
Kruyff,D.L.W. (Dylan)'s avatar
Kruyff,D.L.W. (Dylan) committed
33
34
35
36
37
38
39
40
41
42
43
          <div class="channel_header">
            Results
          </div>
          <div class="progress">
            <app-progress-view></app-progress-view>
          </div>
        </as-split-area>
      </as-split>

    </as-split-area>
  </as-split>
Kruyff,D.L.W. (Dylan)'s avatar
Kruyff,D.L.W. (Dylan) committed
44
</div>
45
46
47
48
49
50
51
52
53
<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>