Projekt

Obecné

Profil

« Předchozí | Další » 

Revize 2b0d2514

Přidáno uživatelem Jakub Hlaváč před téměř 4 roky(ů)

Re #8851 - Unit page - implementace

+ sensors checkboxes
+ checking sensor will reinitialize graph

Zobrazit rozdíly:

src/app/unit/components/unit.component.html
1 1
<app-nav-bar></app-nav-bar>
2 2

  
3
{{ unitId}}
4
<br>
5
------
6
<br><br>
7

  
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>
3
<div class="container">
4
  <div class="row-2">
5
      <h5><span class="text-color-sensor-unit">Unit ID: {{unitId}}</span></h5>
14 6
  </div>
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>
7
  <div class="row">
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>
14
      </div>
20 15
    </div>
21
    <p-calendar [style]="{'width':'100%'}" [inputStyle]="{'width':'100%'}" [(ngModel)]="to" [showTime]="true" (onSelect)="showGraph()" [maxDate]="today" showButtonBar="true"></p-calendar>
22
  </div>
23
</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>
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>
22
      </div>
23
    </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>
28 31
    </div>
29
    <p-listbox [options]="aggregationFunction" [(ngModel)]="selectedAggregationFunction" optionLabel="name" optionValue="code" (onClick)="showGraph()" ></p-listbox>
30 32
  </div>
31
</div>
32 33

  
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>
34
  <ng-container *ngFor="let group of sensorGroups">
35
    <div class="row">
36
    Group of sensors:
37
      <ng-container *ngFor="let sensor of sensors">
38
        <ng-container *ngIf="sensor.sensorId.toString().slice(0, 5) === group">
39
          <div class="p-field-checkbox">
40
            <p-checkbox name="group1" value="{{sensor.sensorId}}" [value]="sensor.sensorId" inputId="{{sensor.sensorId}}" [(ngModel)]="selectedSensors" [inputId]="sensor.sensorId.toString()" (onChange)="addSensorToGraph(sensor.sensorId)"></p-checkbox>
41
            <label>{{sensor.sensorName}}</label>
42
          </div>
43
        </ng-container>
44
      </ng-container>
45
    </div>
46
    <div id="vega_container_{{group}}"></div>
39 47
  </ng-container>
40
  <div id="vega_container_{{group}}"></div>
41
</ng-container>
48
</div>

Také k dispozici: Unified diff