overview-window.component.html 1.56 KB
Newer Older
Kruyff,D.L.W. (Dylan)'s avatar
Kruyff,D.L.W. (Dylan) committed
1
2
3
<div class="main-container">
  <as-split direction="horizontal">
    <as-split-area [size]="10">
Kruyff,D.L.W. (Dylan)'s avatar
Kruyff,D.L.W. (Dylan) committed
4
      <div class="channel_header">
5
        Tracks
Kruyff,D.L.W. (Dylan)'s avatar
Kruyff,D.L.W. (Dylan) committed
6
      </div>
7
8
9
10
11
12
13
14
15
      <div class="content">
        <button (click)="setSelection()">Set</button>
        <div class="list">
          <div class="list-element" *ngFor="let index of allChannels">
            <label class="container">{{ names[index] }}
              <input type="checkbox" [checked]="isInSelection(index)" (click)="changeSelection(index)">
              <span class="checkmark" [ngStyle]="isInSelection(index) && {'background-color': getColor(index)} || {}"></span>
            </label>
          </div>
Kruyff,D.L.W. (Dylan)'s avatar
Kruyff,D.L.W. (Dylan) committed
16
        </div>
Kruyff,D.L.W. (Dylan)'s avatar
Kruyff,D.L.W. (Dylan) committed
17
      </div>
Kruyff,D.L.W. (Dylan)'s avatar
Kruyff,D.L.W. (Dylan) committed
18
    </as-split-area>
Kruyff,D.L.W. (Dylan)'s avatar
Kruyff,D.L.W. (Dylan) committed
19
    <as-split-area [size]="90" [style]="{'overflow-y': 'hidden'}">
Kruyff,D.L.W. (Dylan)'s avatar
Kruyff,D.L.W. (Dylan) committed
20
21
22
23
      <div class="channel_header">
        Dataset overview
      </div>
      <div class="toolbar">
Kruyff,D.L.W. (Dylan)'s avatar
Kruyff,D.L.W. (Dylan) committed
24

Kruyff,D.L.W. (Dylan)'s avatar
Kruyff,D.L.W. (Dylan) committed
25
26
        <label class="small-margin" for="min">Start</label><br>
        <input class="small-margin" id="min" [(ngModel)]="minx">
27

Kruyff,D.L.W. (Dylan)'s avatar
Kruyff,D.L.W. (Dylan) committed
28
29
        <label class="small-margin" for="max">End</label><br>
        <input class="small-margin" [(ngModel)]="maxx" id="max">
Kruyff,D.L.W. (Dylan)'s avatar
Kruyff,D.L.W. (Dylan) committed
30

Kruyff,D.L.W. (Dylan)'s avatar
Kruyff,D.L.W. (Dylan) committed
31
32
        <label class="small-margin" for="w">Window Size</label><br>
        <input class="small-margin" [disabled]="true" [value]="maxx - minx" id="w">
Kruyff,D.L.W. (Dylan)'s avatar
Kruyff,D.L.W. (Dylan) committed
33
34
35
36
        <button (click)="setquery()">
          Set as query
        </button>
      </div>
37
38
      <div class="overview" id="overview">
<!--        <zingchart-angular #chart [id]="id" (wheel)="scroll($event)" [height]="height"></zingchart-angular>-->
Kruyff,D.L.W. (Dylan)'s avatar
Kruyff,D.L.W. (Dylan) committed
39
40
41
      </div>
    </as-split-area>
  </as-split>
42
</div>