src/app/layout/sidebar/sidebar.component.ts
| selector | app-sidebar |
| styleUrls | ./sidebar.component.css |
| templateUrl | ./sidebar.component.html |
Properties |
|
Methods |
constructor()
|
| ngOnInit |
ngOnInit()
|
|
Returns :
void
|
| Public role |
Type : string
|
import { Component, OnInit } from '@angular/core';
import { User } from 'src/app/models/user';
@Component({
selector: 'app-sidebar',
templateUrl: './sidebar.component.html',
styleUrls: ['./sidebar.component.css']
})
export class SidebarComponent implements OnInit {
public role: string;
constructor() { }
ngOnInit(): void {
this.role = (JSON.parse(localStorage.getItem("currentUser"))as unknown as User).role.toString()
}
}
<div id="layoutSidenav_nav">
<nav class="sidenav shadow-right sidenav-light">
<div class="sidenav-menu">
<div class="nav accordion" id="accordionSidenav">
<div class="sidenav-menu-heading">Core</div>
<a *ngIf="role == 'Manager'" class="nav-link collapsed" routerLink="/dashboard" data-toggle="collapse" data-target="#collapseDashboards" aria-expanded="false" aria-controls="collapseDashboards"
><div class="nav-link-icon"><i class="fas fa-table"></i></div>
Dashboard
</a>
<a class="nav-link collapsed" routerLink="/user-dashboard" data-toggle="collapse" data-target="#collapseDashboards" aria-expanded="false" aria-controls="collapseDashboards"
><div class="nav-link-icon"><i class="fas fa-user-clock"></i></div>
Overview
</a>
<a class="nav-link collapsed" routerLink="/projects-list" data-toggle="collapse" data-target="#collapseLayouts" aria-expanded="false" aria-controls="collapseLayouts"
><div class="nav-link-icon"><i class="fas fa-tasks"></i></div>
Projects
</a>
<a class="nav-link collapsed" routerLink="/timesheets-list" data-toggle="collapse" data-target="#collapseLayouts" aria-expanded="false" aria-controls="collapseLayouts"
><div class="nav-link-icon"><i class="fas fa-calendar"></i></div>
Timesheets
</a>
<a *ngIf="role == 'Manager'" class="nav-link collapsed" routerLink="/timesheets-review" data-toggle="collapse" data-target="#collapseLayouts" aria-expanded="false" aria-controls="collapseLayouts"
><div class="nav-link-icon"><i class="fas fa-clipboard-check"></i></div>
Review Timesheets
</a>
<div class="sidenav-menu-heading">Additional features</div>
<a class="nav-link collapsed" routerLink="/chat" data-toggle="collapse" data-target="#collapseUtilities" aria-expanded="false" aria-controls="collapseUtilities"
><div class="nav-link-icon"><i class="far fa-comments"></i></div>
Chat
</a>
<div class="sidenav-menu-heading">About</div>
<a class="nav-link collapsed" href="https://projektygrupowe.github.io/index.html"
><div class="nav-link-icon"><i class="fas fa-book"></i></div>
Documentation
</a>
<a class="nav-link collapsed" routerLink="/contact" data-toggle="collapse" data-target="#collapseUtilities" aria-expanded="false" aria-controls="collapseUtilities"
><div class="nav-link-icon"><i class="fas fa-phone-alt"></i></div>
Contact
</a>
<a class="nav-link collapsed" routerLink="/support" data-toggle="collapse" data-target="#collapseUtilities" aria-expanded="false" aria-controls="collapseUtilities"
><div class="nav-link-icon"><i class="fas fa-terminal"></i></div>
Support
</a>
</div>
</div>
</nav>
</div>
./sidebar.component.css