1 |
370c3423
|
hlavja
|
<app-nav-bar></app-nav-bar>
|
2 |
|
|
|
3 |
c5edcbf5
|
lmoucka@students.zcu.cz
|
<div class="container graph">
|
4 |
a28c9b6e
|
lmoucka@students.zcu.cz
|
<div class="graph-information">
|
5 |
91e53981
|
lmoucka@students.zcu.cz
|
<div class="graph-desc">
|
6 |
|
|
<div>
|
7 |
|
|
<span class="graph-attr-heading">Unit description: </span>
|
8 |
|
|
{{unitDescription}}
|
9 |
|
|
</div>
|
10 |
c5edcbf5
|
lmoucka@students.zcu.cz
|
</div>
|
11 |
91e53981
|
lmoucka@students.zcu.cz
|
<div class="graph-range-dates">
|
12 |
a28c9b6e
|
lmoucka@students.zcu.cz
|
<div class="input-group form-group">
|
13 |
|
|
<div class="input-group-prepend">
|
14 |
|
|
<span class="input-group-text text-color-date background-date-color"><i class="fa fa-calendar-alt" aria-hidden="false"></i></span>
|
15 |
2b0d2514
|
hlavja
|
</div>
|
16 |
a28c9b6e
|
lmoucka@students.zcu.cz
|
<p-calendar id="from" [style]="{'width':'100%'}" [inputStyle]="{'width':'100%'}" [(ngModel)]="from" [showTime]="true" (onSelect)="aggregationShow()" [maxDate]="today" showButtonBar="true"></p-calendar>
|
17 |
2b0d2514
|
hlavja
|
</div>
|
18 |
a28c9b6e
|
lmoucka@students.zcu.cz
|
<div class="graph-range-dates-separator">
|
19 |
|
|
<div></div>
|
20 |
2b0d2514
|
hlavja
|
</div>
|
21 |
a28c9b6e
|
lmoucka@students.zcu.cz
|
<div class="input-group form-group">
|
22 |
|
|
<div class="input-group-prepend">
|
23 |
|
|
<span class="input-group-text text-color-date background-date-color"><i class="fa fa-calendar-alt" aria-hidden="false"></i></span>
|
24 |
2b0d2514
|
hlavja
|
</div>
|
25 |
a28c9b6e
|
lmoucka@students.zcu.cz
|
<p-calendar id="to" [style]="{'width':'100%'}" [inputStyle]="{'width':'100%'}" [(ngModel)]="to" [showTime]="true" (onSelect)="aggregationShow()" [maxDate]="today" showButtonBar="true"></p-calendar>
|
26 |
2b0d2514
|
hlavja
|
</div>
|
27 |
a28c9b6e
|
lmoucka@students.zcu.cz
|
<p-listbox *ngIf="showAggregation" [options]="aggregationFunction" [(ngModel)]="selectedAggregationFunction" optionLabel="name" optionValue="code"></p-listbox>
|
28 |
91e53981
|
lmoucka@students.zcu.cz
|
<div>
|
29 |
a28c9b6e
|
lmoucka@students.zcu.cz
|
<button pButton type="button" *ngIf="dateChanged" label="Load data" class="p-button-primary" icon="pi pi-chart-line" (click)="showGraph()"></button>
|
30 |
91e53981
|
lmoucka@students.zcu.cz
|
</div>
|
31 |
cbb91c90
|
hlavja
|
</div>
|
32 |
cd2a65f3
|
hlavja
|
</div>
|
33 |
a28c9b6e
|
lmoucka@students.zcu.cz
|
<div class="graph-view-wrapper">
|
34 |
|
|
<ng-container *ngFor="let group of sensorGroups">
|
35 |
|
|
<div class="row">
|
36 |
|
|
<div class="graph-group-heading">
|
37 |
|
|
Group of
|
38 |
|
|
<ng-container *ngFor="let sensorType of sensorTypes">
|
39 |
|
|
<ng-container *ngIf="sensorType.sensorId.toString().slice(0, 5) === group">
|
40 |
|
|
{{sensorType.sensorType}}
|
41 |
|
|
</ng-container>
|
42 |
c5edcbf5
|
lmoucka@students.zcu.cz
|
</ng-container>
|
43 |
a28c9b6e
|
lmoucka@students.zcu.cz
|
sensors:
|
44 |
|
|
</div>
|
45 |
|
|
<ng-container *ngFor="let sensor of sensors">
|
46 |
b937b726
|
hlavja
|
<div *ngIf="sensor.sensorId.toString().slice(0, 5) === group" class="p-field-checkbox">
|
47 |
25e66baf
|
hlavja
|
<p-checkbox [id]="sensor.sensorId" name="{{group}}" [value]="sensor.sensorId.toString()" [(ngModel)]="selectedSensors" [inputId]="sensor.sensorId.toString()" (onChange)="addSensorToGraph(sensor.sensorId.toString(), $event)"></p-checkbox>
|
48 |
05d4a2a9
|
hlavja
|
<label>{{sensor.sensorName}}</label>
|
49 |
2b0d2514
|
hlavja
|
</div>
|
50 |
a28c9b6e
|
lmoucka@students.zcu.cz
|
</ng-container>
|
51 |
|
|
</div>
|
52 |
|
|
<div id="vega_container_{{group}}"></div>
|
53 |
|
|
</ng-container>
|
54 |
|
|
</div>
|
55 |
2b0d2514
|
hlavja
|
</div>
|