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