overview-window.component.html 1.05 KB
Newer Older
1
2
<div class="container">
  <div class="left">
Kruyff,D.L.W. (Dylan)'s avatar
Kruyff,D.L.W. (Dylan) committed
3
4
5
      <div class="channel_header">
        Channels
      </div>
6
      <span class="example-list-section">
Kruyff,D.L.W. (Dylan)'s avatar
Kruyff,D.L.W. (Dylan) committed
7
8
    <div class="list">
      <div class="list-element" *ngFor="let index of allChannels">
9
10
11
12
        <mat-checkbox [checked]="isInSelection(index)"
                      (change)="changeSelection(index)">
          Channel {{index}}
        </mat-checkbox>
Kruyff,D.L.W. (Dylan)'s avatar
Kruyff,D.L.W. (Dylan) committed
13
14
      </div>
    </div>
15
16
17
  </span>
  </div>
  <div class="right">
Kruyff,D.L.W. (Dylan)'s avatar
Kruyff,D.L.W. (Dylan) committed
18
19
20
    <div class="channel_header">
      Overview
    </div>
21
    <div class="toolbar">
Kruyff,D.L.W. (Dylan)'s avatar
Kruyff,D.L.W. (Dylan) committed
22

23
24
25
26
27
      <label class="small-margin" for="windowsize">Start</label><br>
      <input class="small-margin" id="windowsize" [(ngModel)]="minx">

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

      <button (click)="setquery()">
        Set as query
      </button>
32
    </div>
Kruyff,D.L.W. (Dylan)'s avatar
Kruyff,D.L.W. (Dylan) committed
33
    <zingchart-angular #chart [id]="id" (mousewheel)="zoom($event)" (zoom)="ping()" [height]="height" (complete)="ping()"></zingchart-angular>
34
35
  </div>
</div>