Revize 715d2e8c

Re #8621 - Návrh modelu dashboardu

- úprava modelu dashboardu

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

@@ -19 +19 @@
   groups: Group[];
   units: Array<{ drivers?: Drivers; generalInfo?: GeneralInfo; holder?: any; lastpos?: Lastpos; sensors?: Array<Sensor>; unit?: Unit }>;
   showUnitPopup = false;
-  showSensorPopup = false;
   editedUnit: Unit;
-  editedSensor: Sensor;
 
   constructor(
     private groupService: GroupService,

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

@@ -1 @@
-<p>sensor-popup works!</p>
+<p-dialog [visible]="isVisible" [closable]="false" [draggable]="false" header="Nejlepsi popup" [style]="{width: '50vw'}" [baseZIndex]="10000">
+  {{ sensor | json}}
+  <p-footer>
+    <div class="row justify-content-end align-items-center">
+      <div>
+        <p-button icon="pi pi-check" 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>
+      </div>
+    </div>
+  </p-footer>
+</p-dialog>

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

@@ -1 @@
-import { Component, OnInit } from '@angular/core';
+import {Component, EventEmitter, Input, OnInit, Output} from '@angular/core';
 
 @Component({
   selector: 'app-sensor-popup',
@@ -7 +7 @@
 })
 export class SensorPopupComponent implements OnInit {
 
+  @Input() isVisible;
+  @Input() sensor;
+  @Output() isVisibleChange: EventEmitter<boolean> = new EventEmitter<boolean>();
+
   constructor() { }
 
   ngOnInit(): void {
   }
 
+  close() {
+    this.isVisibleChange.emit(false);
+  }
+
 }

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

@@ -6 +6 @@
   <div class="col">
   </div>
   <div class="col">
-      <p-button ></p-button>
+    <p-button icon="pi pi-cog" (onClick)="editSensor($event, sensor)"></p-button>
     <p-button [routerLink]="['/dashboard/unit', unitId, 'sensor', sensor.sensorId]" title="Sensor" icon="pi pi-chart-line"></p-button>
   </div>
 </div>
+
+<app-sensor-popup [(isVisible)]="showSensorPopup" [sensor]="editedSensor"></app-sensor-popup>

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

@@ -10 +10 @@
 
   @Input() sensor: Sensor;
   @Input() unitId: number;
+  showSensorPopup = false;
+  editedSensor: Sensor;
   constructor() { }
 
   ngOnInit(): void {
   }
 
+  editSensor($event: MouseEvent, sensor: Sensor) {
+    $event.stopPropagation();
+    this.editedSensor = sensor;
+    this.showSensorPopup = true;
+  }
 }