Revize 8c28e5ab
Přidáno uživatelem Jakub Hlaváč před téměř 4 roky(ů)
src/app/dashboard/components/dashboard.component.html | ||
---|---|---|
1 | 1 |
<app-nav-bar></app-nav-bar> |
2 | 2 |
|
3 |
<button (click)="getGroups()">GetGroups</button> |
|
4 |
<button (click)="getUnits()">GetUnits</button> |
|
5 |
|
|
6 |
|
|
7 |
{{ groups | json}} |
|
8 | 3 |
<div *ngFor="let unit of units"> |
4 |
<div class="row"> |
|
5 |
<div class="col"> |
|
6 |
<b>{{ unit.unit.description }}</b> |
|
7 |
</div> |
|
8 |
<div class="col"> |
|
9 |
<b>{{ unit.unit.unitId }}</b> |
|
10 |
</div> |
|
11 |
</div> |
|
9 | 12 |
<div *ngFor="let sensor of unit.sensors"> |
10 |
{{ sensor | json}} |
|
13 |
<!--{{ sensor | json}}--> |
|
14 |
<div class="row"> |
|
15 |
<div class="col"> |
|
16 |
{{ sensor.sensorName }} |
|
17 |
</div> |
|
18 |
<div class="col"> |
|
19 |
{{ sensor.sensorId }} |
|
20 |
</div> |
|
21 |
<div class="col"> |
|
22 |
<p-button [routerLink]="['/dashboard/unit', unit.unit.unitId, 'sensor', sensor.sensorId]" title="Sensor" icon="pi pi-chart-line"></p-button> |
|
23 |
</div> |
|
24 |
</div> |
|
11 | 25 |
</div> |
12 | 26 |
</div> |
13 | 27 |
|
src/app/dashboard/components/dashboard.component.ts | ||
---|---|---|
26 | 26 |
} |
27 | 27 |
|
28 | 28 |
ngOnInit(): void { |
29 |
this.getUnits(); |
|
29 | 30 |
} |
30 | 31 |
|
31 | 32 |
getGroups() { |
src/app/dashboard/dashboard.module.ts | ||
---|---|---|
2 | 2 |
import { CommonModule } from '@angular/common'; |
3 | 3 |
import { DashboardComponent } from './components/dashboard.component'; |
4 | 4 |
import {NavBarModule} from '../shared/nav-bar/nav-bar.module'; |
5 |
import {RouterModule} from '@angular/router'; |
|
6 |
import {ButtonModule} from 'primeng/button'; |
|
5 | 7 |
|
6 | 8 |
|
7 | 9 |
|
... | ... | |
9 | 11 |
declarations: [DashboardComponent], |
10 | 12 |
imports: [ |
11 | 13 |
CommonModule, |
12 |
NavBarModule |
|
14 |
NavBarModule, |
|
15 |
RouterModule, |
|
16 |
ButtonModule |
|
13 | 17 |
] |
14 | 18 |
}) |
15 | 19 |
export class DashboardModule { } |
src/app/shared/nav-bar/components/nav-bar.component.html | ||
---|---|---|
7 | 7 |
<div class="navbar-collapse collapse w-100 order-1 order-md-0 dual-collapse2"> |
8 | 8 |
<ul class="navbar-nav me-auto"> |
9 | 9 |
<li class="nav-item"> |
10 |
<a class="nav-link" href="#">Link</a>
|
|
10 |
<a class="nav-link" [routerLink]="['/dashboard']">Dashboard</a>
|
|
11 | 11 |
</li> |
12 |
<li class="nav-item"> |
|
13 |
<a class="nav-link" href="#">Link</a> |
|
14 |
</li> |
|
15 |
<li class="nav-item"> |
|
16 |
<a class="nav-link" href="#">Link</a> |
|
12 |
<li *ngIf="loggedUser.userInfo.rights == 1" class="nav-item"> |
|
13 |
<a class="nav-link" [routerLink]="['/administration']">Administration</a> |
|
17 | 14 |
</li> |
18 | 15 |
</ul> |
19 | 16 |
</div> |
20 | 17 |
<div class="navbar-collapse collapse w-100 order-3 dual-collapse2"> |
21 | 18 |
<ul class="navbar-nav ms-auto"> |
22 | 19 |
<li class="nav-item"> |
23 |
<a class="nav-link" href="#">{{loggedUser?.userName.toUpperCase()}}</a> |
|
20 |
<a class="nav-link" href="#">{{loggedUser?.userName?.toUpperCase()}}</a>
|
|
24 | 21 |
</li> |
25 | 22 |
<li class="divider-vertical"></li> |
26 | 23 |
<li class="nav-item"> |
Také k dispozici: Unified diff
Re #8519 - Obrazovka 'Dashboard' - implementace
+ new view Dashboard with url /dashboard