@@ -14,7 +14,7 @@ import { EnvironmentType } from 'src/environments/enum';
1414 templateUrl : './sidebar.component.html' ,
1515 styleUrls : [ './sidebar.component.scss' ] ,
1616} )
17- export class SidebarComponent implements OnInit , OnDestroy {
17+ export class SidebarComponent implements OnInit {
1818 itemsSidebar : ItemSidebar [ ] = [ ] ;
1919 navStart ;
2020 sidebarItems$ : Subscription ;
@@ -34,42 +34,41 @@ export class SidebarComponent implements OnInit, OnDestroy {
3434
3535 ngOnInit ( ) : void {
3636 const currentRouting = this . router . routerState . snapshot . url ;
37- this . sidebarItems$ = this . getSidebarItems ( ) . subscribe ( ( ) => this . highlightMenuOption ( currentRouting ) ) ;
37+ this . getSidebarItems ( ) ;
38+ this . highlightMenuOption ( currentRouting ) ;
3839 this . navStart . subscribe ( ( evt ) => {
3940 this . highlightMenuOption ( evt . url ) ;
4041 } ) ;
4142 }
4243
43- ngOnDestroy ( ) : void {
44- this . sidebarItems$ . unsubscribe ( ) ;
45- }
4644
4745 toggleSideBar ( ) {
4846 $ ( '#wrapper' ) . toggleClass ( 'toggled' ) ;
4947 $ ( '#show-sidebar' ) . toggle ( ) ;
5048 $ ( '#hide-sidebar' ) . toggle ( ) ;
5149 }
5250
53- getSidebarItems ( ) : Observable < void > {
54- return this . userInfoService . isAdmin ( ) . pipe (
55- map ( ( isAdmin ) => {
56- if ( isAdmin ) {
57- this . itemsSidebar = [
51+ getSidebarItems ( ) {
52+ if ( this . userInfoService . isAdmin ( ) ) {
53+ this . itemsSidebar = [
5854 { route : '/time-clock' , icon : 'far fa-clock' , text : 'Time Clock' , active : false } ,
5955 { route : '/time-entries' , icon : 'far fa-file-alt' , text : 'Time Entries' , active : false } ,
6056 { route : '/reports' , icon : 'fas fa-chart-bar' , text : 'Reports' , active : false } ,
6157 { route : '/activities-management' , icon : 'fas fa-list-ol' , text : 'Activities' , active : false } ,
6258 { route : '/customers-management' , icon : 'fas fa-users' , text : 'Customers' , active : false } ,
6359 { route : '/users' , icon : 'fas fa-user-friends' , text : 'Users' , active : false } ,
6460 ] ;
65- } else {
66- this . itemsSidebar = [
67- { route : '/time-clock' , icon : 'far fa-clock' , text : 'Time Clock' , active : false } ,
68- { route : '/time-entries' , icon : 'far fa-file-alt' , text : 'Time Entries' , active : false } ,
69- ] ;
70- }
71- } )
72- ) ;
61+ } else {
62+ this . itemsSidebar = [
63+ { route : '/time-clock' , icon : 'far fa-clock' , text : 'Time Clock' , active : false } ,
64+ { route : '/time-entries' , icon : 'far fa-file-alt' , text : 'Time Entries' , active : false } ,
65+ { route : '/reports' , icon : 'fas fa-chart-bar' , text : 'Reports' , active : false } ,
66+ { route : '/activities-management' , icon : 'fas fa-list-ol' , text : 'Activities' , active : false } ,
67+ { route : '/customers-management' , icon : 'fas fa-users' , text : 'Customers' , active : false } ,
68+ { route : '/users' , icon : 'fas fa-user-friends' , text : 'Users' , active : false } ,
69+ ] ;
70+ }
71+
7372 }
7473
7574 highlightMenuOption ( route ) {
0 commit comments