roles.guard.ts

roles.guard.ts

import {Injectable} from '@angular/core';
import {ActivatedRouteSnapshot, CanActivate, Router, RouterStateSnapshot, UrlTree} from '@angular/router';
import {Observable} from 'rxjs';
import {UserService} from './user.service';

@Injectable({
  providedIn: 'root'
})
export class RolesGuard implements CanActivate {

  constructor(private userService: UserService, private router: Router) {
  }

  canActivate(
    route: ActivatedRouteSnapshot,
    state: RouterStateSnapshot,
  ): Observable<boolean | UrlTree> | Promise<boolean | UrlTree> | boolean | UrlTree {
    return this.checkUserLogin(route);
  }

  checkUserLogin(route: ActivatedRouteSnapshot): boolean {
    const {scopes = []} = this.userService.getCurrentUser();
    console.log(scopes.includes(route.data.role));
    // TODO: ['write'].includes('write') //true false
    if (scopes.includes(route.data.role)) {
      return true;
    } else {
      this.router.navigate(['/', 'not-role']);
      return false;
    }
  }

}