Projekt

Obecné

Profil

« Předchozí | Další » 

Revize 9d2007f1

Přidáno uživatelem Lukáš Moučka před téměř 4 roky(ů)

Re #8694 - Kódování dashboardu
+ add styles for login and dashboad

Zobrazit rozdíly:

src/app/shared/nav-bar/components/nav-bar.component.html
1
<nav class="navbar navbar-expand-md navbar-light bg-light">
2
  <a class="navbar-brand" href="" target="_blank">
3
    <img class="logo" src="/assets/images/SensLog.png" alt="SensLog">
4
  </a>
5

  
6
  <div class="collapse navbar-collapse" id="navbarSupportedContent">
7
    <div class="navbar-collapse collapse w-100 order-1 order-md-0 dual-collapse2">
8
      <ul class="navbar-nav me-auto">
9
        <li class="nav-item">
10
          <a class="nav-link" [routerLink]="['/dashboard']">Dashboard</a>
11
        </li>
12
        <li *ngIf="loggedUser.userInfo.rights == 1" class="nav-item">
13
          <a class="nav-link" [routerLink]="['/administration']">Administration</a>
14
        </li>
15
      </ul>
16
    </div>
17
    <div class="navbar-collapse collapse w-100 order-3 dual-collapse2">
18
      <ul class="navbar-nav ms-auto">
19
        <li class="nav-item">
20
          <a class="nav-link" href="#">{{loggedUser?.userName?.toUpperCase()}}</a>
21
        </li>
22
        <li class="divider-vertical"></li>
23
        <li class="nav-item">
24
          <a class='nav-link' [routerLink]="['/login']" (click)="logOut()">Odhlásit se</a>
25
        </li>
26
      </ul>
27
    </div>
1
<div class="navbar-wrapper container-fluid">
2
  <div class="container">
3
    <nav class="navbar navbar-expand-lg navbar-light">
4
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
5
        <span class="navbar-toggler-icon"></span>
6
      </button>
7
      <div class="collapse navbar-collapse" id="navbarNav">
8
        <div class="navbar-collapse collapse">
9
          <ul class="navbar-nav left">
10
            <li class="nav-item">
11
              <a class="nav-link" [routerLink]="['/dashboard']"><h2>Dashboard</h2></a>
12
            </li>
13
            <li *ngIf="loggedUser.userInfo.rights == 1" class="nav-item">
14
              <a class="nav-link" [routerLink]="['/administration']"><h2>Administration</h2></a>
15
            </li>
16
          </ul>
17
          <a class="navbar-brand" href="/">
18
            <h1>SensLog</h1>
19
            <img class="navbar-logo" src="/assets/images/senslog.png" alt="Logo SensLog">
20
          </a>
21
          <ul class="navbar-nav right">
22
            <li class="nav-item">
23
              <a class="nav-link" href="#"><h2>User:&nbsp;<strong>{{loggedUser?.userName?.toUpperCase()}}</strong></h2></a>
24
            </li>
25
            <li class="nav-item">
26
              <a class='nav-link' [routerLink]="['/login']" (click)="logOut()"><h2>Logout</h2></a>
27
            </li>
28
          </ul>
29
        </div>
30
      </div>
31
    </nav>
28 32
  </div>
29
</nav>
33
</div>

Také k dispozici: Unified diff