Revize 760650ec

Re #8520 - Obrazovka 'Sensor' - implementace

+ new view Sensor with url /dashboard/unit/:unitId/sensor/:sensorId

src/app/app-routing.module.ts

@@ -5 +5 @@
 import {AuthGuard} from './auth/guards/auth.guard';
 import {RoleGuard} from './auth/guards/role.guard';
 import {AdministrationComponent} from './administration/components/administration.component';
+import {SensorComponent} from './sensor/components/sensor.component';
 
 const routes: Routes = [
   {
@@ -16 +17 @@
     path: 'dashboard',
     component: DashboardComponent,
     pathMatch: 'full'
-  },
-  {
+  }, {
+    canActivate: [AuthGuard, RoleGuard],
+    path: 'dashboard/unit/:unitId/sensor/:sensorId',
+    component: SensorComponent,
+    pathMatch: 'full',
+    data: {
+      expectedRole: ['1', '0']
+    }
+  }, {
     canActivate: [AuthGuard, RoleGuard],
     path: 'administration',
     component: AdministrationComponent,

src/app/app.module.ts

@@ -10 +10 @@
 import {LoginModule} from './login/login.module';
 import {DashboardModule} from './dashboard/dashboard.module';
 import {AdministrationModule} from './administration/administration.module';
+import {SensorModule} from './sensor/sensor.module';
 
 @NgModule({
   declarations: [
@@ -24 +25 @@
     AuthModule,
     LoginModule,
     DashboardModule,
-    AdministrationModule
+    AdministrationModule,
+    SensorModule
   ],
   providers: [],
   bootstrap: [AppComponent]

src/app/sensor/components/sensor.component.html

@@ +1 @@
+<app-nav-bar></app-nav-bar>
+
+Sensor ID {{sensorId}}
+<br>
+Unit ID {{unitId}}
+<br>
+<br>
+
+
+
+<div *ngFor="let observation of observations">
+  {{ observation | json}}
+  <br>
+</div>

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

@@ +1 @@
+import { Component, OnInit } from '@angular/core';
+import {ActivatedRoute} from '@angular/router';
+import {ObservationService} from '../../shared/api/endpoints/services/observation.service';
+import {tap} from 'rxjs/operators';
+import {Observation} from '../../shared/api/endpoints/models/observation';
+
+@Component({
+  selector: 'app-sensor',
+  templateUrl: './sensor.component.html',
+  styleUrls: ['./sensor.component.scss']
+})
+export class SensorComponent implements OnInit {
+
+  sensorId: number;
+  unitId: number;
+  observations: Observation[]
+  constructor(
+    private activatedRoute: ActivatedRoute,
+    private observationService: ObservationService
+  ) {
+    this.sensorId = parseInt(this.activatedRoute.snapshot.paramMap.get('sensorId'), 10);
+    this.unitId = parseInt(this.activatedRoute.snapshot.paramMap.get('unitId'), 10);
+  }
+
+  ngOnInit(): void {
+    this.getObservations();
+  }
+
+  getObservations(){
+    this.observationService.getObservation({unit_id: this.unitId, sensor_id: this.sensorId}).pipe(
+      tap(data => this.observations = data)
+    ).toPromise();
+  }
+}

src/app/sensor/sensor.module.ts

@@ +1 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SensorComponent } from './components/sensor.component';
+import {NavBarModule} from '../shared/nav-bar/nav-bar.module';
+
+
+
+@NgModule({
+  declarations: [SensorComponent],
+  imports: [
+    CommonModule,
+    NavBarModule
+  ]
+})
+export class SensorModule { }