|
1
|
<app-nav-bar></app-nav-bar>
|
|
2
|
|
|
3
|
<div class="container dashboard">
|
|
4
|
<div class="row">
|
|
5
|
<div class="col-md-6"></div>
|
|
6
|
<div class="col-md-6 text-right">
|
|
7
|
<p-button label="Add unit" icon="pi pi-cog" (onClick)="insertUnitPopup()"></p-button>
|
|
8
|
</div>
|
|
9
|
</div>
|
|
10
|
<p-accordion>
|
|
11
|
<p-accordionTab *ngFor="let unit of units">
|
|
12
|
<p-header [className]="'dashboard-unit-wrapper'">
|
|
13
|
<div [className]="'row dashboard-unit'">
|
|
14
|
<div class="col-md-4">{{ unit.unit.description}}</div>
|
|
15
|
<div class="col-md-8 text-right">
|
|
16
|
<p-button label="Sensors graph" icon="pi pi-chart-line" [routerLink]="['/dashboard/unit', unit.unit.unitId]"></p-button>
|
|
17
|
<p-button label="Add sensor" icon="pi pi-cog" (onClick)="addSensor($event, unit.unit)"></p-button>
|
|
18
|
<p-button label="Edit unit" icon="pi pi-cog" (onClick)="editUnit($event, unit.unit)"></p-button>
|
|
19
|
<p-button label="Delete unit" icon="pi pi-cog" (onClick)="deleteUnit($event, unit.unit)"></p-button>
|
|
20
|
</div>
|
|
21
|
</div>
|
|
22
|
</p-header>
|
|
23
|
<div>
|
|
24
|
<app-sensors *ngFor="let sensor of unit.sensors" [sensor]="sensor" [unitId]="unit.unit.unitId" [phenomenons]="phenomenons"></app-sensors>
|
|
25
|
</div>
|
|
26
|
</p-accordionTab>
|
|
27
|
</p-accordion>
|
|
28
|
</div>
|
|
29
|
|
|
30
|
<app-unit-popup *ngIf="editedUnit" [(isVisible)]="showEditUnitPopup" [unit]="editedUnit"></app-unit-popup>
|
|
31
|
<app-unit-insert-popup [(isVisible)]="showInsertUnitPopup" [phenomenons]="phenomenons"></app-unit-insert-popup>
|
|
32
|
<app-sensor-insert-popup *ngIf="editedUnit" [unit]="editedUnit" [(isVisible)]="showInsertSensorPopup" [phenomenons]="phenomenons"></app-sensor-insert-popup>
|
|
33
|
|
|
34
|
|
|
35
|
|
|
36
|
<p-confirmDialog [style]="{width: '50vw'}" key="positionDialog" [position]="position" [baseZIndex]="10000" rejectButtonStyleClass="p-button-outlined"></p-confirmDialog>
|