feat(security): add security setup (#1565)

src/app/@core/core.module.ts

@@ -1,6 +1,8 @@
 import { ModuleWithProviders, NgModule, Optional, SkipSelf } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { NbAuthModule, NbDummyAuthProvider } from '@nebular/auth';
+import { NbSecurityModule, NbRoleProvider } from '@nebular/security';
+import { of as observableOf } from 'rxjs/observable/of';
 
 import { throwIfAlreadyLoaded } from './module-import-guard';
 import { DataModule } from './data/data.module';
@@ -21,6 +23,27 @@ const NB_CORE_PROVIDERS = [
       },
     },
   }).providers,
+  NbSecurityModule.forRoot({
+    accessControl: {
+      guest: {
+        view: '*',
+      },
+      user: {
+        parent: 'guest',
+        create: '*',
+        edit: '*',
+        remove: '*',
+      },
+    },
+  }).providers,
+  {
+    provide: NbRoleProvider,
+    useValue: {
+      getRole: () => {
+        return observableOf('guest'); // here you could provide any role based on any auth flow
+      },
+    },
+  },
   AnalyticsService,
 ];
 

src/app/@theme/components/header/header.component.html

@@ -14,7 +14,7 @@
   [class.right]="position === 'normal'"
   [class.left]="position === 'inverse'">
   <nb-action icon="nb-grid-b" class="toggle-layout" (click)="toggleSettings()"></nb-action>
-  <nb-action>
+  <nb-action *nbIsGranted="['view', 'user']" >
     <nb-user [nbContextMenu]="userMenu" [name]="user?.name" [picture]="user?.picture"></nb-user>
   </nb-action>
   <nb-action class="control-item" disabled icon="nb-notifications"></nb-action>

src/app/@theme/theme.module.ts

@@ -19,6 +19,8 @@ import {
   NbContextMenuModule,
 } from '@nebular/theme';
 
+import { NbSecurityModule } from '@nebular/security';
+
 import {
   FooterComponent,
   HeaderComponent,
@@ -53,6 +55,7 @@ const NB_MODULES = [
   NbPopoverModule,
   NbContextMenuModule,
   NgbModule,
+  NbSecurityModule, // *nbIsGranted directive
 ];
 
 const COMPONENTS = [

src/app/pages/dashboard/dashboard.module.ts

@@ -1,4 +1,5 @@
 import { NgModule } from '@angular/core';
+
 import { NgxEchartsModule } from 'ngx-echarts';
 
 import { ThemeModule } from '../../@theme/theme.module';