From 417d08979f4c5a320752165b37b8695107b5e04b Mon Sep 17 00:00:00 2001
From: Dmitry Nehaychik <4dmitr@gmail.com>
Date: Tue, 20 Feb 2018 15:22:32 +0300
Subject: [PATCH] feat(security): add security example

---
 src/app/@core/core.module.ts                  | 23 +++++++++++++++++++
 .../components/header/header.component.html   |  2 +-
 src/app/@theme/theme.module.ts                |  3 +++
 src/app/pages/dashboard/dashboard.module.ts   |  1 +
 4 files changed, 28 insertions(+), 1 deletion(-)

diff --git a/src/app/@core/core.module.ts b/src/app/@core/core.module.ts
index 003bfa96de..df116eab98 100644
--- a/src/app/@core/core.module.ts
+++ b/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,
 ];
 
diff --git a/src/app/@theme/components/header/header.component.html b/src/app/@theme/components/header/header.component.html
index 2b9cd28594..bfa43994b7 100644
--- a/src/app/@theme/components/header/header.component.html
+++ b/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 [menu]="userMenu" [name]="user?.name" [picture]="user?.picture"></nb-user>
   </nb-action>
   <nb-action class="control-item" disabled icon="nb-notifications"></nb-action>
diff --git a/src/app/@theme/theme.module.ts b/src/app/@theme/theme.module.ts
index b4885f80e8..6d32c971b9 100644
--- a/src/app/@theme/theme.module.ts
+++ b/src/app/@theme/theme.module.ts
@@ -17,6 +17,8 @@ import {
   NbCheckboxModule,
 } from '@nebular/theme';
 
+import { NbSecurityModule } from '@nebular/security';
+
 import {
   FooterComponent,
   HeaderComponent,
@@ -49,6 +51,7 @@ const NB_MODULES = [
   NbSidebarModule,
   NbCheckboxModule,
   NgbModule,
+  NbSecurityModule, // *nbIsGranted directive
 ];
 
 const COMPONENTS = [
diff --git a/src/app/pages/dashboard/dashboard.module.ts b/src/app/pages/dashboard/dashboard.module.ts
index 328a36cf41..09d220f020 100644
--- a/src/app/pages/dashboard/dashboard.module.ts
+++ b/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';