Projekt

Obecné

Profil

« Předchozí | Další » 

Revize cd2a65f3

Přidáno uživatelem Jakub Hlaváč před více než 3 roky(ů)

Re #8793 - Unit page - implementace

+ implementation of unit page graphs
+ multiple graphs on one page from one request

Zobrazit rozdíly:

src/app/unit/components/unit.component.html
5 5
------
6 6
<br><br>
7 7

  
8
<div class="row">
9
  <div class="col">
10
    <p-calendar [style]="{'width':'100%'}" [inputStyle]="{'width':'100%'}" [(ngModel)]="rangeDates" selectionMode="range" [showTime]="true" [numberOfMonths]="3" (onSelect)="showGraph()"></p-calendar>
8
<div class="col">
9
  <div class="input-group form-group">
10
    <div class="input-group-prepend">
11
      <span class="input-group-text">From</span>
12
    </div>
13
    <p-calendar [style]="{'width':'100%'}" [inputStyle]="{'width':'100%'}" [(ngModel)]="from" [showTime]="true" (onSelect)="showGraph()" [maxDate]="today" showButtonBar="true"></p-calendar>
11 14
  </div>
12
  <div class="col">
13
    <p-listbox [options]="aggregationFunction" [(ngModel)]="selectedAggregationFunction" optionLabel="name" optionValue="code" (onClick)="showGraph()"></p-listbox>
15
</div>
16
<div class="col">
17
  <div class="input-group form-group">
18
    <div class="input-group-prepend">
19
      <span class="input-group-text">To</span>
20
    </div>
21
    <p-calendar [style]="{'width':'100%'}" [inputStyle]="{'width':'100%'}" [(ngModel)]="to" [showTime]="true" (onSelect)="showGraph()" [maxDate]="today" showButtonBar="true"></p-calendar>
14 22
  </div>
15 23
</div>
16

  
17
<div *ngFor="let group of sensorGroups">
18
  <div id="vega_container_{{group}}"></div>
24
<div *ngIf="showAggregation" class="col">
25
  <div class="input-group form-group">
26
    <div class="input-group-prepend">
27
      <span class="input-group-text">Aggregation</span>
28
    </div>
29
    <p-listbox [options]="aggregationFunction" [(ngModel)]="selectedAggregationFunction" optionLabel="name" optionValue="code" (onClick)="showGraph()" ></p-listbox>
30
  </div>
19 31
</div>
20 32

  
21
  {{ data | json}}
33
<ng-container *ngFor="let group of sensorGroups">
34
  Group of sensors:
35
  <ng-container *ngFor="let sensor of sensors">
36
    <ng-container *ngIf="sensor.sensorId.toString().slice(0, 2) === group">
37
      {{ sensor.sensorId }}
38
    </ng-container>
39
  </ng-container>
40
  <div id="vega_container_{{group}}"></div>
41
</ng-container>

Také k dispozici: Unified diff