Projekt

Obecné

Profil

Stáhnout (2.64 KB) Statistiky
| Větev: | Tag: | Revize:
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>