D-Net

import {NgModule} from "@angular/core";

import {DashboardUsersComponent} from "./dashboard-users.component";

import {CommonModule} from "@angular/common";

import {RoleUsersModule} from "./role-users/role-users.module";

@NgModule({

  imports: [CommonModule, RoleUsersModule],

  declarations: [DashboardUsersComponent],

  exports: [DashboardUsersComponent]

})

export class DashboardUsersModule {}

<ng-template #tabs>

  <ul class="uk-tab customTabs admin uk-flex uk-flex-center uk-flex-left@m" uk-tab>

    <li [class.uk-active]="tab === 'manager'"><a (click)="changeTab('manager')"><span class="title">Managers</span></a></li>

    <li [class.uk-active]="tab === 'member'"><a (click)="changeTab('member')"><span class="title">Members</span></a></li>

  </ul>

</ng-template>

<role-users [id]="id" [type]="type" [name]="name" [link]="link" [isPortalAdmin]="isPortalAdmin" [role]="tab" [messages]="messages">

  <ng-container [ngTemplateOutlet]="tabs"></ng-container>

</role-users>

import {Component, Input, OnInit} from "@angular/core";

import {UserManagementService} from "../../services/user-management.service";

import {Session, User} from "../../login/utils/helper.class";

@Component({

  selector: 'dashboard-users',

  templateUrl: 'dashboard-users.component.html'

})

export class DashboardUsersComponent implements OnInit{

  @Input()

  public id: string;

  @Input()

  public type: string;

  @Input()

  public name: string;

  @Input()

  public link: string;

  @Input()

  public messages: Map<"member" | "manager", string> = null;

  public user: User;

  public tab: "manager" | "member" = 'manager';

  constructor(private userManagementService: UserManagementService) {

  }

  ngOnInit() {

    this.userManagementService.getUserInfo().subscribe(user => {

      this.user = user;

    });

  }

  changeTab(tab: "manager" | "member") {

    this.tab = tab;

  }

  public get isPortalAdmin() {

    return Session.isPortalAdministrator(this.user) || Session.isCurator(this.type, this.user);

  }

}

import {Session} from "../../../login/utils/helper.class";

  public isPortalAdmin: boolean = false;

  @Input()

  public messages: Map<"member" | "manager", string> = null;

     if(user) {

       if(!Session.isPortalAdministrator(user) && !Session.isCurator(this.type, user) && !Session.isManager(this.type, this.id, user)) {

         this.router.navigate(['/user-info'], {

           queryParams: {

             "errorCode": LoginErrorCodes.NOT_AUTHORIZED,

             "redirectUrl": this.router.url

           }

         });

       }

     }