Projekt

Obecné

Profil

« Předchozí | Další » 

Revize 8c28e5ab

Přidáno uživatelem Jakub Hlaváč před téměř 4 roky(ů)

Re #8519 - Obrazovka 'Dashboard' - implementace

+ new view Dashboard with url /dashboard

Zobrazit rozdíly:

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