Revize b5525aef

Re #8850 - Ověření funkčnosti - implementované enpointy

+ new use case add position to unit

• tweaking all calls to operations with units and sensors
  + adding sensor type enum from backend endpoint
  + some form validation :)
  - removing all endpoints from /senslog1

nginx.conf

@@ -24 +24 @@
       root   /usr/share/nginx/html;
     }
 
-    location /senslog1 {
-              proxy_set_header X-Forwarded-Host $host;
-              proxy_set_header X-Forwarded-Server $host;
-              proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-              #proxy_pass http://<ContainerName>:<PortNumber>;
-              # In our case Container name is as we setup in docker-compose `beservice` and port 8080
-              proxy_pass http://51.15.45.95:8080;
-              proxy_max_temp_file_size "1024m";
-              proxy_read_timeout       "60s";
-
-              add_header X-Frame-Options SAMEORIGIN always;
-
-    }
-
-    location /senslog-lite2/rest {
-              proxy_set_header X-Forwarded-Host $host;
-              proxy_set_header X-Forwarded-Server $host;
-              proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-              #proxy_pass http://<ContainerName>:<PortNumber>;
-              # In our case Container name is as we setup in docker-compose `beservice` and port 8080
-              proxy_pass http://51.15.45.95:8080;
-              proxy_max_temp_file_size "1024m";
-              proxy_read_timeout       "60s";
-
-              add_header X-Frame-Options SAMEORIGIN always;
-
-    }
-
-    location /api/SensLogV1/OGCSensorThings {
-              proxy_set_header X-Forwarded-Host $host;
-              proxy_set_header X-Forwarded-Server $host;
-              proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-              #proxy_pass http://<ContainerName>:<PortNumber>;
-              # In our case Container name is as we setup in docker-compose `beservice` and port 8080
-              proxy_pass http://51.15.45.95:9080;
-              proxy_max_temp_file_size "1024m";
-              proxy_read_timeout       "60s";
-
-              add_header X-Frame-Options SAMEORIGIN always;
-
-    }
-
     location /analytics {
               proxy_set_header X-Forwarded-Host $host;
               proxy_set_header X-Forwarded-Server $host;

proxy-config.json

@@ -1 +1 @@
 {
-  "/senslog1": {
-    "target": "http://51.15.45.95:8080",
-    "secure": false
-  },
-  "/senslog-lite2/rest": {
-    "target": "http://51.15.45.95:8080",
-    "secure": false
-  },
-  "/api/SensLogV1/OGCSensorThings": {
-    "target": "http://51.15.45.95:9080",
-    "secure": false
-  },
   "/analytics": {
     "target": "http://51.15.45.95:9090",
     "secure": false

src/app/auth/interceptors/auth.interceptor.ts

@@ -32 +32 @@
       return of(null);
     }
 
-    if (request.url.includes('DataService') || request.url.includes('GroupService') || request.url.includes('SensorService')){
-      request = request.clone({
-        setParams: {
-          user: localStorage.getItem(GlobalVariable.USER_NAME)
-        }
-      });
-    }
-
     console.log('Sending request!', request);
     return next.handle(request)
       .pipe(
         catchError(err => {
-          if ((err instanceof HttpErrorResponse && err.status === 504 || err.status === 502 || err.status === 401 ||
-            err.status === 0 || err.status === 500)) {
+          if ((err instanceof HttpErrorResponse && err.status === 502 || err.status === 401 ||
+            err.status === 0)) {
             console.log(err);
             this.toastService.showError(err.error);
             return this.handleError(request, next);
+          } else if ((err instanceof HttpErrorResponse && err.status === 500 || err.status === 504 || err.status === 500)) {
+            this.toastService.showError(err.error);
+            this.handle500Error(err);
           } else {
             return throwError(err);
           }
@@ -60 +55 @@
     this.authService.doLogout();
     return of(null);
   }
+
+  handle500Error(err: any) {
+    this.authService.redirectToDashboard();
+    return of(null);
+  }
 }

src/app/auth/services/auth.service.ts

@@ -84 +84 @@
     localStorage.setItem(GlobalVariable.RIGHTS, userCookie.rightsID.toString());
     this.cookieService.set('user', username);
   }
+
+  redirectToDashboard() {
+    this.router.navigate(['/dashboard']);
+  }
 }

src/app/auth/states/user.state.ts

@@ -3 +3 @@
 import {User} from '../models/user';
 import {AuthService} from '../services/auth.service';
 import {LoginService} from '../../shared/api/endpoints/services/login.service';
+import {ToastService} from '../../shared/services/toast.service';
 
 @Injectable({
   providedIn: 'root'
@@ -11 +12 @@
   private userState$: BehaviorSubject<User> = new BehaviorSubject<User>(null);
 
   constructor(
-    private loginService: LoginService
+    private loginService: LoginService,
+    private toastService: ToastService
   ) {}
 
   setUser(user: User): void {
@@ -28 +30 @@
 
   getUser$(refresh: boolean = false): Observable<User> {
    if (this.userState$.getValue()){
-      this.loginService.getUserInfo().subscribe(res => this.userState$.next({...this.userState$.getValue(), userInfo: res}));
-    }
+      this.loginService.getUserInfo$Response().subscribe(res => {
+        this.userState$.next({...this.userState$.getValue(), userInfo: res.body});
+      }, err => this.toastService.showError(err.error.message));
+   }
     return this.userState$.asObservable();
   }
 

src/app/dashboard/components/dashboard.component.html

@@ -1 @@
-<app-nav-bar></app-nav-bar>
+<app-nav-bar (emitNewUnit)="addUnit($event)"></app-nav-bar>
 
 <div class="container dashboard">
-<!--  <div class="row">-->
-<!--    <div class="col-md-6"></div>-->
-<!--    <div class="col-md-6 text-right">-->
-<!--      <p-button label="Add unit" icon="pi pi-cog" (onClick)="insertUnitPopup()"></p-button>-->
-<!--    </div>-->
-<!--  </div>-->
-<p-accordion>
-    <p-accordionTab *ngFor="let unit of units">
-      <p-header [className]="'dashboard-unit-wrapper'">
-        <div [className]="'row dashboard-unit'">
-          <div class="col-md-8"><h3>{{ unit.unit.description}}</h3></div>
-          <div class="col-md-4 text-right">
-            <p-button label="Sensors graph" icon="pi pi-chart-line" [routerLink]="['/dashboard/unit', unit.unit.unitId]"></p-button>
-            <p-splitButton *ngIf="loggedUser?.userInfo?.rightsId == 0 || loggedUser?.userInfo?.rightsId == 1" label="Add sensor" (onClick)="insertSensorPopup($event, unit.unit)" icon="pi pi-plus-circle" (onDropdownClick)="showItems($event, unit.unit)" [model]="items" styleClass="p-button-success"></p-splitButton>
+  <p-accordion>
+      <p-accordionTab *ngFor="let unit of units">
+        <p-header [className]="'dashboard-unit-wrapper'">
+          <div [className]="'row dashboard-unit'">
+            <div class="col-md-8"><h3>{{ unit.unit.description}}</h3></div>
+            <div class="col-md-4 text-right">
+              <p-button label="Sensors graph" icon="pi pi-chart-line" [routerLink]="['/dashboard/unit', unit.unit.unitId]"></p-button>
+              <p-splitButton *ngIf="loggedUser?.userInfo?.rightsId == 0 || loggedUser?.userInfo?.rightsId == 1" label="Add sensor" (onClick)="insertSensorPopup($event, unit.unit)"
+                             icon="pi pi-plus-circle" (onDropdownClick)="showItems($event, unit.unit)" [model]="items" styleClass="p-button-success"></p-splitButton>
+            </div>
           </div>
+        </p-header>
+        <div>
+          <ng-container *ngFor="let sensor of unit.sensors">
+            <app-sensors *ngIf="sensor" [sensor]="sensor" [unitId]="unit.unit.unitId" [phenomenons]="phenomenons" [loggedUser]="loggedUser" (emitSensorDeletion)="deleteSensor(unit.unit.unitId, $event)"></app-sensors>
+          </ng-container>
         </div>
-      </p-header>
-      <div>
-        <app-sensors *ngFor="let sensor of unit.sensors" [sensor]="sensor" [unitId]="unit.unit.unitId" [phenomenons]="phenomenons" [loggedUser]="loggedUser"></app-sensors>
-      </div>
-    </p-accordionTab>
-</p-accordion>
+      </p-accordionTab>
+  </p-accordion>
 </div>
 
-<app-unit-popup *ngIf="editedUnit" [(isVisible)]="showEditUnitPopup" [unit]="editedUnit"></app-unit-popup>
-<app-sensor-insert-popup *ngIf="editedUnit" [unit]="editedUnit" [(isVisible)]="showInsertSensorPopup" [phenomenons]="phenomenons"></app-sensor-insert-popup>
-
+<app-unit-popup *ngIf="showEditUnitPopup" [(isVisible)]="showEditUnitPopup" [unit]="editedUnit"></app-unit-popup>
+<app-sensor-insert-popup *ngIf="showInsertSensorPopup" [unit]="editedUnit" [(isVisible)]="showInsertSensorPopup" [phenomenons]="phenomenons" [sensorTypes]="sensorTypes" (emitNewSensor)="addSensors($event)"></app-sensor-insert-popup>
+<app-position-insert-popup *ngIf="showInsertPositionPopup" [unitId]="editedUnit.unitId" [(isVisible)]="showInsertPositionPopup"></app-position-insert-popup>
 
 
 <p-confirmDialog [style]="{width: '50vw'}" key="positionDialog" [position]="position" [baseZIndex]="10000" rejectButtonStyleClass="p-button-outlined"></p-confirmDialog>

src/app/dashboard/components/dashboard.component.ts

@@ -10 +10 @@
 import {SensorsService} from '../../shared/api/endpoints/services/sensors.service';
 import {ConfirmationService, MenuItem, MessageService} from 'primeng/api';
 import {ManagementService} from '../../shared/api/endpoints/services/management.service';
-import {InsertUnit} from '../../shared/api/endpoints/models/insert-unit';
 import {ToastService} from '../../shared/services/toast.service';
 import {map} from 'rxjs/operators';
 import {HttpResponse} from '@angular/common/http';
 import {AuthService} from '../../auth/services/auth.service';
 import {User} from '../../auth/models/user';
+import {SensorType} from '../../shared/api/endpoints/models/sensor-type';
 
 @Component({
   selector: 'app-dashboard',
@@ -32 +32 @@
   editedUnit: Unit;
   showEditUnitPopup = false;
   showInsertSensorPopup = false;
+  showInsertPositionPopup = false;
   phenomenons: Phenomenon[];
+  sensorTypes: SensorType[];
 
   constructor(
     private dataService: DataService,
@@ -76 +78 @@
 
   insertSensorPopup($event: any, unit: Unit) {
     $event.stopPropagation();
+    this.sensorService.getSensorTypes().subscribe(
+      response => this.sensorTypes = response
+    )
     this.showInsertSensorPopup = true;
     this.editedUnit = unit;
   }
@@ -87 +92 @@
       header: 'Delete Unit Confirmation',
       icon: 'pi pi-info-circle',
       accept: () => {
-        // TODO this.processUnitDeletion(unit);
+        this.processUnitDeletion(unit);
       },
       reject: () => {
         this.toastService.operationRejected();
@@ -96 +101 @@
     });
   }
 
-  processUnitDeletion(insertUnit: InsertUnit) {
-    this.managementService.deleteUnit$Response({body: {unit: insertUnit}}).pipe(
+  processUnitDeletion(unit: Unit) {
+    this.managementService.deleteUnit$Response({body: {
+      unit: {
+        unit_id: unit.unitId
+      }}
+    }).pipe(
       map((response: HttpResponse<any>) => {
         if (response.status === 200) {
           this.toastService.showSuccessMessage(response.body.message);
+          this.units = this.units.filter(testedUnit => testedUnit.unit.unitId !== unit.unitId);
         } else {
         }
       })
@@ -114 +124 @@
           event.stopPropagation();
           this.editUnitPopup($event, unit);
         }},
+      {label: 'Insert position', icon: 'pi pi-cog', command: () => {
+          event.stopPropagation();
+          this.insertPosition($event, unit);
+        }},
       {label: 'Delete unit', icon: 'pi pi-times', command: () => {
           event.stopPropagation();
           this.deleteUnit($event, unit);
         }}
     ]
   }
+
+  addUnit(inserted: any) {
+    const sensors: Sensor[] = [];
+    inserted.sensors.forEach(sens => {
+      sensors.push({
+        sensorId: sens.sensor_id,
+        sensorType: sens.sensor_type,
+        sensorName: sens.sensor_name,
+        phenomenon: {
+          phenomenonId: sens.phenomenon.phenomenon_id.toString()
+        }
+      })
+    });
+    this.units.push({
+      unit: {
+        unitId: inserted.unit.unit_id,
+        description: inserted.unit.description
+      },
+      sensors
+    })
+  }
+
+  addSensors(inserted: any) {
+    inserted.sensors.forEach(sens => {
+      this.units.find(un => un.unit.unitId === inserted.unit.unit_id).sensors.push({
+        sensorId: sens.sensor_id,
+        sensorType: sens.sensor_type,
+        sensorName: sens.sensor_name,
+        phenomenon: {
+          phenomenonId: sens.phenomenon.phenomenon_id.toString()
+        }
+      })
+    });
+  }
+
+  deleteSensor(unitId: number, sensor: Sensor) {
+    this.units.find(unit => unit.unit.unitId === unitId).sensors =
+      this.units.find(unit => unit.unit.unitId === unitId).sensors.filter(testedSensor => testedSensor.sensorId !== sensor.sensorId);
+  }
+
+  private insertPosition($event: any, unit: Unit) {
+    $event.stopPropagation();
+    this.showInsertPositionPopup = true;
+    this.editedUnit = unit;
+  }
 }

src/app/dashboard/components/position-insert-popup/position-insert-popup.component.html

@@ +1 @@
+<p-dialog [visible]="isVisible" [modal]="true" [closable]="false" [draggable]="false" header="Add position to unit!" [style]="{width: '70vw'}"
+          [baseZIndex]="10000" (onShow)="clearFormArray()">
+
+  <form [formGroup]="insertForm">
+    <div class="input-group form-group">
+      <div class="input-group-prepend">
+        <span class="input-group-text">Latitude</span>
+      </div>
+      <input type="number" formControlName="lat" class="form-control" id="lat"
+             placeholder="Latitude WGS-84 coordinates" step="0.0001" min="-90" max="90"/>
+      <div *ngIf="insertForm.get('lat').invalid &&
+        insertForm.get('lat').errors &&
+        (insertForm.get('lat').dirty || insertForm.get('lat').touched)">
+        <small class="text-danger"
+               *ngIf="insertForm.get('lat').hasError('required')">
+          This field is required.
+        </small>
+        <small class="text-danger"
+               *ngIf="insertForm.get('lat').hasError('min')">
+          The minimum value for this field is -90.
+        </small>
+        <small class="text-danger"
+               *ngIf="insertForm.get('lat').hasError('max')">
+          The minimum value for this field is 90.
+        </small>
+      </div>
+    </div>
+    <div class="input-group form-group">
+      <div class="input-group-prepend">
+        <span class="input-group-text">Longitude</span>
+      </div>
+      <input type="number" formControlName="lon" class="form-control" id="lon"
+             placeholder="Longitude WGS-84 coordinates" step="0.0001" min="-180" max="180"/>
+      <div *ngIf="insertForm.get('lon').invalid &&
+        insertForm.get('lon').errors &&
+        (insertForm.get('lon').dirty || insertForm.get('lon').touched)">
+        <small class="text-danger"
+               *ngIf="insertForm.get('lon').hasError('required')">
+          This field is required.
+        </small>
+        <small class="text-danger"
+               *ngIf="insertForm.get('lon').hasError('min')">
+          The minimum value for this field is -180.
+        </small>
+        <small class="text-danger"
+               *ngIf="insertForm.get('lon').hasError('max')">
+          The minimum value for this field is 180.
+        </small>
+      </div>
+    </div>
+    <hr>
+    <div class="input-group form-group">
+      <div class="input-group-prepend">
+        <span class="input-group-text">Altitude</span>
+      </div>
+      <input type="number" formControlName="alt" class="form-control" id="alt"
+             placeholder="Altitude in meters"/>
+    </div>
+    <div class="input-group form-group">
+      <div class="input-group-prepend">
+        <span class="input-group-text">Speed</span>
+      </div>
+      <input type="number" formControlName="speed" class="form-control" id="speed"
+             placeholder="Speed of the unit"/>
+    </div>
+    <div class="input-group form-group">
+      <div class="input-group-prepend">
+        <span class="input-group-text">Dilution</span>
+      </div>
+      <input type="number" formControlName="dop" class="form-control" id="dop"
+             placeholder="Dilution of precision"/>
+    </div>
+  </form>
+
+  <p-footer>
+    <div class="row justify-content-end align-items-center">
+      <div>
+        <p-button icon="pi pi-times" (click)="close()" label="Close" class="pr-2"></p-button>
+        <p-button icon="pi pi-check" (click)="processInsertion()" type="submit" label="Save" class="pr-2"></p-button>
+      </div>
+    </div>
+  </p-footer>
+</p-dialog>

src/app/dashboard/components/position-insert-popup/position-insert-popup.component.ts

@@ +1 @@
+import {Component, EventEmitter, Input, OnInit, Output} from '@angular/core';
+import {FormArray, FormBuilder, FormGroup, Validators} from '@angular/forms';
+import {ManagementService} from '../../../shared/api/endpoints/services/management.service';
+import * as moment from 'moment-timezone';
+import {map} from 'rxjs/operators';
+import {HttpResponse} from '@angular/common/http';
+import {ToastService} from '../../../shared/services/toast.service';
+import {SensorsService} from '../../../shared/api/endpoints/services/sensors.service';
+
+@Component({
+  selector: 'app-position-insert-popup',
+  templateUrl: './position-insert-popup.component.html',
+  styleUrls: ['./position-insert-popup.component.scss']
+})
+export class PositionInsertPopupComponent implements OnInit {
+
+  insertForm: FormGroup;
+
+  @Input() isVisible;
+  @Input() unitId;
+  @Output() isVisibleChange: EventEmitter<boolean> = new EventEmitter<boolean>();
+
+  constructor(
+    private formBuilder: FormBuilder,
+    private sensorService: SensorsService,
+    private toastService: ToastService,
+  ) {
+    this.initForm();
+  }
+
+  ngOnInit(): void {
+  }
+  initForm() {
+    this.insertForm = this.formBuilder.group({
+      lat: ['', [Validators.required, Validators.min(-90), Validators.max(90)]],
+      lon: ['', [Validators.required, Validators.min(-180), Validators.max(180)]],
+      alt: '',
+      speed: '',
+      dop: ''
+    });
+  }
+
+  clearFormArray() {
+    this.insertForm.reset();
+  }
+
+  processInsertion() {
+    if (this.insertForm.valid) {
+      const lat = this.insertForm.controls.lat.value;
+      const lon = this.insertForm.controls.lon.value;
+      const alt = this.insertForm.controls.alt.value;
+      const speed = this.insertForm.controls.speed.value;
+      const dop = this.insertForm.controls.dop.value;
+
+      this.sensorService.insertPosition$Response( {
+        lat, lon, alt, speed, dop, unit_id: this.unitId, date: moment().format('yyyy-MM-DD HH:mm:ssZZ')
+      }).pipe(
+        map((response: HttpResponse<any>) => {
+          if (response.status === 200) {
+            this.toastService.showSuccessMessage('Position to unit ' + this.unitId + ' inserted!');
+            this.close();
+          } else {
+            this.toastService.showError('Position insertion caused error!');
+          }
+        })
+      ).toPromise().then().catch(err => this.toastService.showError(err.error.message));
+    }
+  }
+
+  close() {
+    this.isVisibleChange.emit(false);
+  }
+}

src/app/dashboard/components/sensor-insert-popup/sensor-insert-popup.component.html

@@ -22 +22 @@
           <div class="input-group-prepend">
             <span class="input-group-text">Sensor type</span>
           </div>
-          <input type="text" formControlName="sensorType" class="form-control" id="sensorType"
-                 placeholder="sensorType"/>
+          <select formControlName="sensorType" id="sensorType">
+            <option *ngFor="let sensorType of sensorTypes; let i = index" [value]="sensorTypes[i].sensorType">
+              {{sensorTypes[i].sensorType}}
+            </option>
+          </select>
         </div>
         <div class="input-group form-group">
           <div class="input-group-prepend">
@@ -45 +48 @@
   <p-footer>
     <div class="row justify-content-end align-items-center">
       <div>
-        <p-button icon="pi pi-check" (click)="processSensorInsertion()" type="submit" label="Uložit" class="pr-2"></p-button>
-        <p-button icon="pi pi-times" (click)="close()" label="Zavřít" class="pr-2"></p-button>
+        <p-button icon="pi pi-times" (click)="close()" label="Close" class="pr-2"></p-button>
+        <p-button icon="pi pi-check" (click)="processSensorInsertion()" type="submit" label="Save" class="pr-2"></p-button>
       </div>
     </div>
   </p-footer>

src/app/dashboard/components/sensor-insert-popup/sensor-insert-popup.component.ts

@@ -6 +6 @@
 import {map} from 'rxjs/operators';
 import {HttpResponse} from '@angular/common/http';
 import {ToastService} from '../../../shared/services/toast.service';
+import {SensorType} from '../../../shared/api/endpoints/models/sensor-type';
+import {Phenomenon} from '../../../shared/api/endpoints/models/phenomenon';
 
 @Component({
   selector: 'app-sensor-insert-popup',
@@ -17 +19 @@
   insertForm: FormGroup;
   items: FormArray;
 
-  @Input() phenomenons;
+  @Input() phenomenons: Phenomenon[];
   @Input() isVisible;
   @Input() unit;
+  @Input() sensorTypes: SensorType[];
   @Output() isVisibleChange: EventEmitter<boolean> = new EventEmitter<boolean>();
+  @Output() emitNewSensor: EventEmitter<{unit: InsertUnit, sensors: InsertSensor[]}> =
+    new EventEmitter<{unit: InsertUnit, sensors: InsertSensor[]}>()
 
   constructor(
     private formBuilder: FormBuilder,
@@ -86 +91 @@
         sensors.push(sensor);
       });
 
-      /* TODO this.managementService.insertSensor$Response({body: {unit, sensors}}).pipe(
+      this.managementService.insertSensor$Response({body: {unit, sensors}}).pipe(
         map((response: HttpResponse<any>) => {
           if (response.status === 200) {
             this.toastService.showSuccessMessage('Sensors inserted to unit!');
-            this.close()
+            this.emitNewSensor.emit({unit, sensors});
+            this.close();
           } else {
           }
         })
-      ).toPromise().then().catch(err => this.toastService.showError(err.error.message));*/
+      ).toPromise().then().catch(err => this.toastService.showError(err.error.message));
     }
   }
 }

src/app/dashboard/components/sensor-popup/sensor-popup.component.html

@@ -28 +28 @@
       </div>
   </form>
   <p-footer>
-    <div class="row justify-content-end align-items-center">
       <div>
-        <p-button icon="pi pi-check" (click)="processSensorEdition()" type="submit" label="Uložit" class="pr-2"></p-button>
-        <p-button icon="pi pi-times" (click)="close()" label="Zavřít" class="pr-2"></p-button>
+        <p-button icon="pi pi-times" (click)="close()" label="Close" class="pr-2"></p-button>
+        <p-button icon="pi pi-check" (click)="processSensorEdition()" type="submit" label="Save" class="pr-2"></p-button>
       </div>
-    </div>
   </p-footer>
 </p-dialog>

src/app/dashboard/components/sensor-popup/sensor-popup.component.ts

@@ -4 +4 @@
 import {map} from 'rxjs/operators';
 import {HttpResponse} from '@angular/common/http';
 import {ToastService} from '../../../shared/services/toast.service';
+import {Sensor} from '../../../shared/api/endpoints/models/sensor';
 
 @Component({
   selector: 'app-sensor-popup',
@@ -15 +16 @@
   insertForm: FormGroup;
 
   @Input() isVisible;
-  @Input() sensor;
+  @Input() sensor: Sensor;
   @Input() phenomenons;
   @Input() unitId;
   @Output() isVisibleChange: EventEmitter<boolean> = new EventEmitter<boolean>();
@@ -50 +51 @@
 
   processSensorEdition() {
     if (this.insertForm.valid) {
-      /* TODO this.managementService.updateSensor$Response({body: {
+      this.managementService.updateSensor$Response({body: {
         unit: {
           unit_id: this.unitId
         },
@@ -60 +61 @@
               sensor_type: this.insertForm.controls.sensorType.value,
               sensor_name: this.insertForm.controls.sensorName.value,
               phenomenon: {
-                phenomenon_id: this.insertForm.controls.phenomenon.value.phenomenonId
+                phenomenon_id: this.insertForm.controls.phenomenon.value
               }
             }
           ]
@@ -68 +69 @@
        map((response: HttpResponse<any>) => {
          if (response.status === 200) {
            this.toastService.showSuccessMessage('Sensor ' + response.body.sensors[0].sensorName + ' updated!');
+           this.changeSensor();
            this.close()
          } else {
          }
        })
-     ).toPromise().then().catch(err => this.toastService.showError(err.error.message));*/
+     ).toPromise().then().catch(err => this.toastService.showError(err.error.message));
     }
   }
+
+  private changeSensor() {
+    this.sensor.sensorType = this.insertForm.controls.sensorType.value;
+    this.sensor.sensorName = this.insertForm.controls.sensorName.value;
+    this.sensor.phenomenon.phenomenonId = this.insertForm.controls.phenomenon.value;
+  }
 }

src/app/dashboard/components/sensors/sensors.component.ts

@@ -1 @@
-import {Component, Input, OnInit} from '@angular/core';
+import {Component, EventEmitter, Input, OnInit, Output} from '@angular/core';
 import {Sensor} from '../../../shared/api/endpoints/models/sensor';
 import {ConfirmationService} from 'primeng/api';
 import {ManagementService} from '../../../shared/api/endpoints/services/management.service';
@@ -18 +18 @@
   @Input() unitId: number;
   @Input() phenomenons;
   @Input() loggedUser: User;
+  @Output() emitSensorDeletion: EventEmitter<Sensor> = new EventEmitter<Sensor>()
   showSensorPopup = false;
   editedSensor: Sensor;
   constructor(
@@ -41 +42 @@
       header: 'Delete Sensor Confirmation',
       icon: 'pi pi-info-circle',
       accept: () => {
-        console.log('ACCEPTED');
-        // TODO this.processSensorDeletion(sensor);
+        this.processSensorDeletion(sensor);
       },
       reject: () => {
         this.toastService.operationRejected();
@@ -65 +65 @@
       map((response: HttpResponse<any>) => {
         if (response.status === 200) {
           this.toastService.showSuccessMessage(response.body.message);
+          this.emitSensorDeletion.emit(sensor);
         } else {
         }
       })

src/app/dashboard/components/unit-popup/unit-popup.component.html

@@ -12 +12 @@
   <p-footer>
     <div class="row justify-content-end align-items-center">
       <div>
-        <p-button icon="pi pi-check" (click)="saveUnit()" type="submit" label="Save" class="pr-2"></p-button>
         <p-button icon="pi pi-times" (click)="close()" label="Close" class="pr-2"></p-button>
+        <p-button icon="pi pi-check" (click)="saveUnit()" type="submit" label="Save" class="pr-2"></p-button>
       </div>
     </div>
   </p-footer>

src/app/dashboard/components/unit-popup/unit-popup.component.ts

@@ -40 +40 @@
   saveUnit() {
     if (this.insertForm.controls.unitDescription.value && this.insertForm.controls.unitDescription.value !== this.unit.description) {
       this.unit.description = this.insertForm.controls.unitDescription.value;
-      /*TODO this.managementService.updateUnit$Response({ body: { unit: this.unit}}).toPromise().then( res => {
-        if (res) {
+      this.managementService.updateUnit$Response({ body: {
+        unit: {
+            unit_id: this.unit.unitId,
+            description: this.unit.description
+          }}
+      }).toPromise().then( response => {
+        if (response.status === 200) {
           this.toastService.showSuccess();
+          this.close();
+        } else {
+          this.toastService.showError(response.body);
         }
-      }).catch(err => this.toastService.showError(err.body.message));*/
+      }).catch(err => this.toastService.showError(err.body.message));
     }
   }
 

src/app/dashboard/dashboard.module.ts

@@ -13 +13 @@
 import { SensorInsertPopupComponent } from './components/sensor-insert-popup/sensor-insert-popup.component';
 import {ConfirmDialogModule} from 'primeng/confirmdialog';
 import {SplitButtonModule} from 'primeng/splitbutton';
+import { PositionInsertPopupComponent } from './components/position-insert-popup/position-insert-popup.component';
 
 
 
 @NgModule({
-  declarations: [DashboardComponent, SensorsComponent, UnitPopupComponent, SensorPopupComponent, SensorInsertPopupComponent],
+  declarations: [DashboardComponent, SensorsComponent, UnitPopupComponent, SensorPopupComponent, SensorInsertPopupComponent, PositionInsertPopupComponent],
   imports: [
     CommonModule,
     NavBarModule,

src/app/sensor/components/sensor.component.ts

@@ -2 +2 @@
 import {ActivatedRoute} from '@angular/router';
 import * as moment from 'moment-timezone';
 import {AnalyticsService} from '../../shared/api/endpoints/services/analytics.service';
-import {AggreationModel} from '../../shared/models/aggreation.model';
+import {AggregationModel} from '../../shared/models/aggregationModel';
 import {GraphLoader} from '../../shared/graph-loading/graphloader';
 import {ObservationService} from '../../shared/api/endpoints/services/observation.service';
 import {HttpResponse} from '@angular/common/http';
@@ -24 +24 @@
   to: Date;
   today: Date;
   showAggregation = false;
-  aggregationFunction: AggreationModel[];
+  aggregationFunction: AggregationModel[];
   selectedAggregationFunction = 'HOUR';
 
   constructor(

src/app/shared/api/endpoints/models.ts

@@ -20 +20 @@
 export { Observation } from './models/observation';
 export { Statistics } from './models/statistics';
 export { OldObservation } from './models/old-observation';
+export { SensorType } from './models/sensor-type';

src/app/shared/api/endpoints/services/data.service.ts

@@ -33 +33 @@
   /**
    * Path part for operation getData
    */
-  static readonly GetDataPath = '/senslog1/DataService?Operation=GetUnits';
+  static readonly GetDataPath = '/senslog15/DataService?Operation=GetUnits';
 
   /**
    * Get data.

src/app/shared/api/endpoints/services/group.service.ts

@@ -29 +29 @@
   /**
    * Path part for operation getGroups
    */
-  static readonly GetGroupsPath = '/senslog1/GroupService';
+  static readonly GetGroupsPath = '/senslog15/GroupService';
 
   /**
    * Get groups.

src/app/shared/api/endpoints/services/observation.service.ts

@@ -29 +29 @@
   /**
    * Path part for operation getObservation
    */
-  static readonly GetObservationPath = '/senslog1/SensorService?Operation=GetObservations';
+  static readonly GetObservationPath = '/senslog15/SensorService?Operation=GetObservations';
 
   /**
    * Get observation.

src/app/shared/api/endpoints/services/sensors.service.ts

@@ -11 +11 @@
 
 import { Phenomenon } from '../models/phenomenon';
 import { Sensor } from '../models/sensor';
+import { SensorType } from '../models/sensor-type';
 
 
 /**
@@ -30 +31 @@
   /**
    * Path part for operation getUnitSensors
    */
-  static readonly GetUnitSensorsPath = '/senslog1/SensorService?Operation=GetSensors';
+  static readonly GetUnitSensorsPath = '/senslog15/SensorService?Operation=GetSensors';
 
   /**
    * Get unit sensors.
@@ -132 +133 @@
     );
   }
 
+  /**
+   * Path part for operation getSensorTypes
+   */
+  static readonly GetSensorTypesPath = '/senslog15/SensorService?Operation=GetAllSensorTypes';
+
+  /**
+   * Get sensor types.
+   *
+   *
+   *
+   * This method provides access to the full `HttpResponse`, allowing access to response headers.
+   * To access only the response body, use `getSensorTypes()` instead.
+   *
+   * This method doesn't expect any request body.
+   */
+  getSensorTypes$Response(params?: {
+  }): Observable<StrictHttpResponse<Array<SensorType>>> {
+
+    const rb = new RequestBuilder(this.rootUrl, SensorsService.GetSensorTypesPath, 'get');
+    if (params) {
+    }
+
+    return this.http.request(rb.build({
+      responseType: 'json',
+      accept: 'application/json'
+    })).pipe(
+      filter((r: any) => r instanceof HttpResponse),
+      map((r: HttpResponse<any>) => {
+        return r as StrictHttpResponse<Array<SensorType>>;
+      })
+    );
+  }
+
+  /**
+   * Get sensor types.
+   *
+   *
+   *
+   * This method provides access to only to the response body.
+   * To access the full response (for headers, for example), `getSensorTypes$Response()` instead.
+   *
+   * This method doesn't expect any request body.
+   */
+  getSensorTypes(params?: {
+  }): Observable<Array<SensorType>> {
+
+    return this.getSensorTypes$Response(params).pipe(
+      map((r: StrictHttpResponse<Array<SensorType>>) => r.body as Array<SensorType>)
+    );
+  }
+
+  /**
+   * Path part for operation insertPosition
+   */
+  static readonly InsertPositionPath = '/senslog15/FeederServlet?Operation=InsertPosition';
+
+  /**
+   * Insert position to unit.
+   *
+   *
+   *
+   * This method provides access to the full `HttpResponse`, allowing access to response headers.
+   * To access only the response body, use `insertPosition()` instead.
+   *
+   * This method doesn't expect any request body.
+   */
+  insertPosition$Response(params: {
+    lat: number;
+    lon: number;
+    unit_id: number;
+    date: string;
+    alt?: string;
+    speed?: number;
+    dop?: number;
+  }): Observable<StrictHttpResponse<void>> {
+
+    const rb = new RequestBuilder(this.rootUrl, SensorsService.InsertPositionPath, 'get');
+    if (params) {
+      rb.query('lat', params.lat, {});
+      rb.query('lon', params.lon, {});
+      rb.query('unit_id', params.unit_id, {});
+      rb.query('date', params.date, {});
+      rb.query('alt', params.alt, {});
+      rb.query('speed', params.speed, {});
+      rb.query('dop', params.dop, {});
+    }
+
+    return this.http.request(rb.build({
+      responseType: 'text',
+      accept: '*/*'
+    })).pipe(
+      filter((r: any) => r instanceof HttpResponse),
+      map((r: HttpResponse<any>) => {
+        return (r as HttpResponse<any>).clone({ body: undefined }) as StrictHttpResponse<void>;
+      })
+    );
+  }
+
+  /**
+   * Insert position to unit.
+   *
+   *
+   *
+   * This method provides access to only to the response body.
+   * To access the full response (for headers, for example), `insertPosition$Response()` instead.
+   *
+   * This method doesn't expect any request body.
+   */
+  insertPosition(params: {
+    lat: number;
+    lon: number;
+    unit_id: number;
+    date: string;
+    alt?: string;
+    speed?: number;
+    dop?: number;
+  }): Observable<void> {
+
+    return this.insertPosition$Response(params).pipe(
+      map((r: StrictHttpResponse<void>) => r.body as void)
+    );
+  }
+
 }

src/app/shared/api/openapi.yaml

@@ -88 +88 @@
             schema:
               $ref: '#/components/schemas/UserInfo'
 
-  /senslog1/SensorService?Operation=GetSensors:
+  /senslog15/SensorService?Operation=GetSensors:
     get:
       tags:
         - sensors
@@ -111 +111 @@
                   $ref: '#/components/schemas/Sensor'
 
 
-  /senslog1/SensorService?Operation=GetObservations:
+  /senslog15/SensorService?Operation=GetObservations:
     get:
       tags:
         - observation
@@ -148 +148 @@
         500:
           description: Internal server error
 
-  /senslog1/GroupService:
+  /senslog15/GroupService:
     get:
       tags:
       - group
@@ -180 +180 @@
                 items:
                   $ref: '#/components/schemas/Group'
 
-  /senslog1/DataService?Operation=GetUnits:
+  /senslog15/DataService?Operation=GetUnits:
     get:
       tags:
         - data
@@ -367 +367 @@
                 items:
                   $ref: '#/components/schemas/Phenomenon'
 
+  /senslog15/SensorService?Operation=GetAllSensorTypes:
+    get:
+      tags:
+        - sensors
+      summary: Get sensor types
+      operationId: getSensorTypes
+      responses:
+        200:
+          description: Getting all Sensor types
+          content:
+            application/json:
+              schema:
+                type: array
+                items:
+                  $ref: '#/components/schemas/SensorType'
+
   /senslog15/ManagementService?Operation=UpdateUnit:
     put:
       tags:
@@ -523 +539 @@
                 items:
                   $ref: '#/components/schemas/Right'
 
+  /senslog15/FeederServlet?Operation=InsertPosition:
+    get:
+      tags:
+        - sensors
+      parameters:
+        - in: query
+          name: lat
+          required: true
+          schema:
+            type: number
+        - in: query
+          name: lon
+          required: true
+          schema:
+            type: number
+        - in: query
+          name: unit_id
+          required: true
+          schema:
+            type: integer
+        - in: query
+          name: date
+          required: true
+          schema:
+            type: string
+        - in: query
+          name: alt
+          required: false
+          schema:
+            type: string
+        - in: query
+          name: speed
+          required: false
+          schema:
+            type: number
+        - in: query
+          name: dop
+          required: false
+          schema:
+            type: number
+      summary: Insert position to unit
+      operationId: insertPosition
+      responses:
+        200:
+          description: success
 
 components:
   schemas:
@@ -672 +733 @@
           type: boolean
         is_moving:
           type: boolean
-    #TODO
+
     AlertEvents:
       type: array
 
@@ -685 +746 @@
           $ref: '#/components/schemas/Attributes'
         position:
           $ref: '#/components/schemas/Position'
-    #TODO
+
     GeneralInfo:
       type: array
-    #TODO
+
     Drivers:
       type: array
 
@@ -752 +813 @@
         value:
           type: number
 
+    SensorType:
+      type: object
+      properties:
+        phenomenon:
+          $ref: '#/components/schemas/Phenomenon'
+        sensorId:
+          type: integer
+        sensorName:
+          type: string
+        sensorType:
+          type: string
+
 
 
 

src/app/shared/models/aggreation.model.ts

@@ -1 @@
-/* tslint:disable */
-/* eslint-disable */
-export interface AggreationModel {
-  name?: string,
-  code?: string
-}

src/app/shared/models/aggregationModel.ts

@@ +1 @@
+/* tslint:disable */
+/* eslint-disable */
+export interface AggregationModel {
+  name?: string,
+  code?: string
+}

src/app/shared/models/vegaModel.ts

@@ +1 @@
+/* tslint:disable */
+/* eslint-disable */
+export interface VegaModel {
+  sensordId?: string,
+  data?: []
+}

src/app/shared/nav-bar/components/nav-bar.component.html

@@ -36 +36 @@
 </div>
 
 <app-user-insert-popup *ngIf="showAddUserPopup" [(isVisible)]="showAddUserPopup"></app-user-insert-popup>
-<app-unit-insert-popup [(isVisible)]="showInsertUnitPopup" [phenomenons]="phenomenons"></app-unit-insert-popup>
+<app-unit-insert-popup [(isVisible)]="showInsertUnitPopup" [phenomenons]="phenomenons" (emitNewUnit)="addUnit($event)"></app-unit-insert-popup>

src/app/shared/nav-bar/components/nav-bar.component.ts

@@ -1 @@
-import {Component, OnDestroy, OnInit} from '@angular/core';
+import {Component, EventEmitter, OnDestroy, OnInit, Output} from '@angular/core';
 import {AuthService} from '../../../auth/services/auth.service';
 import {User} from '../../../auth/models/user';
 import {Subscription} from 'rxjs';
 import {Right} from '../../api/endpoints/models/right';
 import {Phenomenon} from '../../api/endpoints/models/phenomenon';
 import {SensorsService} from '../../api/endpoints/services/sensors.service';
+import {InsertUnit} from '../../api/endpoints/models/insert-unit';
+import {InsertSensor} from '../../api/endpoints/models/insert-sensor';
 
 @Component({
   selector: 'app-nav-bar',
@@ -19 +21 @@
   rights: Right[];
   showInsertUnitPopup = false;
   phenomenons: Phenomenon[];
+  @Output() emitNewUnit: EventEmitter<{unit: InsertUnit, sensors: InsertSensor[]}> =
+    new EventEmitter<{unit: InsertUnit, sensors: InsertSensor[]}>()
   constructor(
     private authService: AuthService,
     private sensorService: SensorsService
@@ -55 +59 @@
   addUser() {
     this.showAddUserPopup = true;
   }
+
+  addUnit(inserted: any) {
+    this.emitNewUnit.emit(inserted);
+  }
 }

src/app/shared/nav-bar/components/unit-insert-popup/unit-insert-popup.component.html

@@ -7 +7 @@
         <span class="input-group-text">Unit ID</span>
       </div>
       <input type="text" formControlName="unitId" class="form-control" id="unitId" placeholder="unitId"/>
+      <div *ngIf="insertForm.get('unitId').invalid &&
+        insertForm.get('unitId').errors &&
+        (insertForm.get('unitId').dirty || insertForm.get('unitId').touched)">
+        <small class="text-danger"
+               *ngIf="insertForm.get('unitId').hasError('required')">
+          This field is required.
+        </small>
+      </div>
     </div>
     <div class="input-group form-group">
       <div class="input-group-prepend">
@@ -14 +22 @@
       </div>
       <input type="text" formControlName="unitDescription" class="form-control" id="unitDescription"
              placeholder="unitDescription"/>
+      <div *ngIf="insertForm.get('unitDescription').invalid &&
+        insertForm.get('unitDescription').errors &&
+        (insertForm.get('unitDescription').dirty || insertForm.get('unitDescription').touched)">
+        <small class="text-danger"
+               *ngIf="insertForm.get('unitDescription').hasError('required')">
+          This field is required.
+        </small>
+      </div>
+    </div>
+    <div class="input-group form-group">
+      <div class="input-group-prepend">
+        <span class="input-group-text">Latitude</span>
+      </div>
+      <input type="number" formControlName="lat" class="form-control" id="lat"
+             placeholder="Latitude WGS-84 coordinates" step="0.0001" min="-90" max="90"/>
+      <div *ngIf="insertForm.get('lat').invalid &&
+        insertForm.get('lat').errors &&
+        (insertForm.get('lat').dirty || insertForm.get('lat').touched)">
+        <small class="text-danger"
+               *ngIf="insertForm.get('lat').hasError('required')">
+          This field is required.
+        </small>
+        <small class="text-danger"
+               *ngIf="insertForm.get('lat').hasError('min')">
+          The minimum value for this field is -90.
+        </small>
+        <small class="text-danger"
+               *ngIf="insertForm.get('lat').hasError('max')">
+          The minimum value for this field is 90.
+        </small>
+      </div>
+    </div>
+    <div class="input-group form-group">
+      <div class="input-group-prepend">
+        <span class="input-group-text">Longitude</span>
+      </div>
+      <input type="number" formControlName="lon" class="form-control" id="lon"
+             placeholder="Longitude WGS-84 coordinates" step="0.0001" min="-180" max="180"/>
+      <div *ngIf="insertForm.get('lon').invalid &&
+        insertForm.get('lon').errors &&
+        (insertForm.get('lon').dirty || insertForm.get('lon').touched)">
+        <small class="text-danger"
+               *ngIf="insertForm.get('lon').hasError('required')">
+          This field is required.
+        </small>
+        <small class="text-danger"
+               *ngIf="insertForm.get('lon').hasError('min')">
+          The minimum value for this field is -180.
+        </small>
+        <small class="text-danger"
+               *ngIf="insertForm.get('lon').hasError('max')">
+          The minimum value for this field is 180.
+        </small>
+      </div>
     </div>
     <hr>
     <div class="input-group form-group">
@@ -62 +124 @@
   <p-footer>
     <div class="row justify-content-end align-items-center">
       <div>
-        <p-button icon="pi pi-check" (click)="processInsertion()" type="submit" label="Uložit" class="pr-2"></p-button>
-        <p-button icon="pi pi-times" (click)="close()" label="Zavřít" class="pr-2"></p-button>
+        <p-button icon="pi pi-times" (click)="close()" label="Close" class="pr-2"></p-button>
+        <p-button icon="pi pi-check" (click)="processInsertion()" type="submit" label="Save" class="pr-2"></p-button>
       </div>
     </div>
   </p-footer>

src/app/shared/nav-bar/components/unit-insert-popup/unit-insert-popup.component.ts

@@ -8 +8 @@
 import {InsertSensor} from '../../../api/endpoints/models/insert-sensor';
 import {Phenomenon} from '../../../api/endpoints/models/phenomenon';
 import {SensorsService} from '../../../api/endpoints/services/sensors.service';
+import * as moment from 'moment-timezone';
 
 @Component({
   selector: 'app-unit-insert-popup',
@@ -22 +23 @@
   @Input()phenomenons: Phenomenon[];
   @Input() isVisible;
   @Output() isVisibleChange: EventEmitter<boolean> = new EventEmitter<boolean>();
+  @Output() emitNewUnit: EventEmitter<{unit: InsertUnit, sensors: InsertSensor[]}> =
+    new EventEmitter<{unit: InsertUnit, sensors: InsertSensor[]}>()
 
   constructor(
     private formBuilder: FormBuilder,
@@ -43 +46 @@
     this.insertForm = this.formBuilder.group({
       unitId: ['', [Validators.required]],
       unitDescription: ['', Validators.required],
+      lat: ['', [Validators.required, Validators.min(-90), Validators.max(90)]],
+      lon: ['', [Validators.required, Validators.min(-180), Validators.max(180)]],
       sensors: this.formBuilder.array([this.createSensor()])
     });
   }
@@ -72 +77 @@
 
   processInsertion() {
     if (this.insertForm.valid) {
+      const lat = this.insertForm.controls.lat.value;
+      const lon = this.insertForm.controls.lon.value;
       const unit: InsertUnit = {
         unit_id: this.insertForm.controls.unitId.value,
         description: this.insertForm.controls.unitDescription.value
@@ -94 +101 @@
       this.managementService.insertUnit$Response({ body: { unit, sensors}}).pipe(
         map((response: HttpResponse<any>) => {
           if (response.status === 200) {
-            this.toastService.showSuccessMessage('Unit ' + response.body.unitId + ' inserted!');
-            this.close()
+            this.sensorService.insertPosition$Response( {lat, lon, unit_id: this.insertForm.controls.unitId.value, date: moment().format('yyyy-MM-DD HH:mm:ssZZ')}).pipe(
+              map((response2: HttpResponse<any>) => {
+                if (response2.status === 200) {
+                  this.toastService.showSuccessMessage('Unit ' + response.body.unitId + ' inserted!');
+                  this.toastService.showSuccessMessage('Position to unit ' + response2.body.unitId + ' inserted!');
+                  this.emitNewUnit.emit({unit, sensors});
+                  this.close();
+                } else {
+                  this.toastService.showError('Unit insertion ' + response2.body.unitId + ' caused error! Wrong position!');
+                  this.managementService.deleteUnit({body: {unit}}).toPromise().then().catch(
+                    err => this.toastService.showError(err.error.message));
+                }
+              })
+            ).toPromise().then().catch(err => this.toastService.showError(err.error.message));
           } else {
           }
         })

src/app/shared/nav-bar/components/user-insert-popup/user-insert-popup.component.html

@@ -23 +23 @@
         <input type="text" formControlName="userRealName" class="form-control" id="userRealName"
                placeholder="User real name"/>
       </div>
-<!--      <div class="input-group form-group">
+      <div class="input-group form-group">
         <div class="input-group-prepend">
           <span class="input-group-text">Group</span>
         </div>
         <select formControlName="groups" id="groups">
           <option *ngFor="let group of groups; let i = index" [value]="groups[i].id">
-            {{group[i]?.group_name}}
+            {{groups[i].group_name}}
           </option>
         </select>
-      </div>-->
+      </div>
       <div class="input-group form-group">
         <div class="input-group-prepend">
           <span class="input-group-text">Role</span>
@@ -49 +49 @@
   <p-footer>
     <div class="row justify-content-end align-items-center">
       <div>
-        <p-button icon="pi pi-check" (click)="saveUser()" type="submit" label="Save" class="pr-2"></p-button>
         <p-button icon="pi pi-times" (click)="close()" label="Close" class="pr-2"></p-button>
+        <p-button icon="pi pi-check" (click)="saveUser()" type="submit" label="Save" class="pr-2"></p-button>
       </div>
     </div>
   </p-footer>

src/app/shared/nav-bar/components/user-insert-popup/user-insert-popup.component.ts

@@ -28 +28 @@
     private toastService: ToastService
   ) {
     this.initForm();
-    // TODO this.getGroups();
+    this.getGroups();
   }
 
   ngOnInit(): void {
@@ -38 +38 @@
     this.groupService.getGroups({Operation: 'GetGroups'}).pipe(
       tap(data => this.groups = data)
     ).subscribe();
-    console.log(this.groups);
   }
 
   getRights() {
@@ -58 +57 @@
         userName: this.insertForm.controls.userName.value,
         rightsId: this.insertForm.controls.rights.value,
         userRealName: this.insertForm.controls.userRealName.value,
-        groupId: 2 // TODO
+        groupId: this.insertForm.controls.groups.value
         }
       }).pipe(
         map((response: HttpResponse<any>) => {
@@ -78 +77 @@
       userName: ['', Validators.required],
       userPass: ['', Validators.required],
       userRealName: ['', Validators.required],
-      // TODO groups: ['', Validators.required],
+      groups: ['', Validators.required],
       rights: ['', Validators.required]
     });
   }

src/app/unit/components/unit.component.ts

@@ -2 +2 @@
 import {ActivatedRoute} from '@angular/router';
 import {AnalyticsService} from '../../shared/api/endpoints/services/analytics.service';
 import {map, tap} from 'rxjs/operators';
-import {AggreationModel} from '../../shared/models/aggreation.model';
+import {AggregationModel} from '../../shared/models/aggregationModel';
 import * as moment from 'moment-timezone';
 import {GraphLoader} from '../../shared/graph-loading/graphloader';
 import {SensorsService} from '../../shared/api/endpoints/services/sensors.service';
@@ -31 +31 @@
   selectedSensors = [];
   sensors: Sensor[];
   showAggregation = false;
-  aggregationFunction: AggreationModel[];
+  aggregationFunction: AggregationModel[];
   selectedAggregationFunction = 'HOUR';
 
   constructor(
@@ -53 +53 @@
         this.sensors = sensors;
         if (sensors) {
           sensors.forEach(sensor => {
-            const sensorType = sensor.sensorId.toString().slice(0, 2);
+            const sensorType = sensor.sensorId.toString().slice(0, 5);
             if (!this.sensorGroups.some(group => group === sensorType)) {
               this.sensorGroups.push(sensorType);
             }
-            if (!this.selectedSensors.some(sens => sens.toString().slice(0, 2) === sensorType)) {
+            if (!this.selectedSensors.some(sens => sens.toString().slice(0, 5) === sensorType)) {
               this.selectedSensors.push(sensor.sensorId);
             }
           })