import {Component, Input, OnInit} from '@angular/core';
import {Session, User} from "../../../login/utils/helper.class";
import {UserManagementService} from "../../../services/user-management.service";
import {Subscriber} from "rxjs";
import {ActivatedRoute} from "@angular/router";
import { properties } from 'src/environments/environment';

@Component({
  selector: 'admin-tabs',
  template: `    
    <ul class="uk-tab uk-flex uk-flex-center uk-flex-left@m">
      <li *ngIf="isPortalAdmin && !portal" [class.uk-active]="tab === 'portal'"><a routerLink="../portals"><span class="title">Portals</span></a></li>
      <li [class.uk-active]="tab === 'page'"><a  routerLink="../pages"><span class="title">Pages</span></a></li>
      <li [class.uk-active]="tab === 'entity'"><a  routerLink="../entities"><span class="title">Entities</span></a></li>
			<li *ngIf="env === 'development' && portal && portal === 'connect'" [class.uk-active]="tab === 'menu'"><a  routerLink="../menu"><span class="title">Menu</span></a></li>
      <li  *ngIf="isPortalAdmin  && !portal" [class.uk-active]="tab === 'class'"><a routerLink="../classes"><span class="title">Classes</span></a></li>
    </ul>
  `
})
export class AdminTabsComponent implements OnInit {

  @Input()
  public type: string;
  @Input()
  portal = null;
  @Input()
  public user: User;
  @Input()
  public tab: "portal" | "page" | "entity" | "menu" | "class" = 'page';

	public env = properties.environment;

  private subscriptions: any[] = [];
  constructor(private route: ActivatedRoute, private userManagementService: UserManagementService) {
  }

  ngOnInit() {
    this.subscriptions.push(this.userManagementService.getUserInfo().subscribe(user => {
      this.user = user;
    }));
  }
  ngOnDestroy(): void {
    this.subscriptions.forEach(value => {
      if (value instanceof Subscriber) {
        value.unsubscribe();
      } else if (value instanceof Function) {
        value();
      }
    });
  }


  public get isPortalAdmin() {
    return Session.isPortalAdministrator(this.user) || Session.isCurator(this.type, this.user);
  }

}