Angular CMS

admin.guard.ts

import {Injectable} from '@angular/core';
import {ActivatedRouteSnapshot, CanActivate, Router, RouterStateSnapshot, UrlTree} from '@angular/router';
import {Observable} from 'rxjs';
import {AngularFirebaseService} from '../services/angular-firebase.service';
import {map, take, tap} from 'rxjs/operators';
import {User} from '../interfaces/user';
import {ConsoleLoggerService} from '../services/console-logger.service';

@Injectable({
  providedIn: 'root'
})
export class AdminGuard implements CanActivate {
  constructor(private afService: AngularFirebaseService,
              private logs: ConsoleLoggerService,
              private router: Router) {
  }

  canActivate(
    route: ActivatedRouteSnapshot,
    state: RouterStateSnapshot):
    Observable<boolean | UrlTree> | Promise<boolean | UrlTree> | boolean | UrlTree {
    return this.afService.user$
      .pipe(
        take(1),
        map((user: User) => !!(user && user.roles.admin)),
        tap((isAdmin) => {
          if (!isAdmin) {
            this.logs.warn('Access is denied, Admins only allowed');
            this.router.navigateByUrl('home').then();
          }
        }));
  }
}