import {Component, Input} from '@angular/core';
import {ActivatedRoute, Router} from '@angular/router';
import {Title, Meta} from '@angular/platform-browser';

import {User, Session} from './utils/helper.class';
import {RouterHelper} from '../utils/routerHelper.class';

import {EnvProperties} from '../utils/properties/env-properties';
import {UserManagementService} from "../services/user-management.service";

@Component({
  selector: 'user',
  templateUrl: 'user.component.html'
})

export class UserComponent {
  public user: User;
  public loggedIn: boolean = false;
  public server: boolean = true;
  public errorMessage: string = "";
  public password: string = "";
  private sub: any;
  private sublogin: any;
  public errorCode: string = "";
  public redirectUrl: string = "";
  public routerHelper: RouterHelper = new RouterHelper();
  public loginUrl;
  properties: EnvProperties;
  @Input() mainComponent = true;

  constructor(private router: Router,
              private route: ActivatedRoute,
              private _meta: Meta,
              private _title: Title,
              private userManagementsService: UserManagementService) {

    var title = "OpenAIRE | Login";
    this._title.setTitle(title);
  }

  ngOnInit() {
    this.route.data
      .subscribe((data: { envSpecific: EnvProperties }) => {
        this.properties = data.envSpecific;
        this.loginUrl = this.properties.loginUrl;

      });
    if (typeof document !== 'undefined') {
      this.server = false;
      this.userManagementsService.getUserInfo(this.properties.userInfoUrl).subscribe(user => {
        this.user = user;
        this.loggedIn = !!this.user;
        this.errorMessage = "";
        this.sub = this.route.queryParams.subscribe(params => {
          this.errorCode = params["errorCode"];
          this.redirectUrl = params["redirectUrl"];
          this.errorMessage = "";
          if (this.loggedIn && this.errorCode == '1') {
            this.redirect();
          }
        });
      });
    }
  }


  ngOnDestroy() {
    if(this.sub) {
      this.sub.unsubscribe();
    }
    if (this.sublogin) {
      this.sublogin.unsubscribe();
    }
  }

  redirect() {
    if (this.redirectUrl && this.redirectUrl != "") {
      this.redirectUrl = decodeURIComponent(this.redirectUrl);
      var baseUrl = this.redirectUrl;
      var queryParams = "";
      var paramsArray = [];
      var valuesArray = [];
      if (this.redirectUrl.indexOf('?') != -1) {
        baseUrl = this.redirectUrl.split('?')[0];
        queryParams = this.redirectUrl.split('?')[1];
      }
      if (queryParams != "") {
        var queryParamsArray = queryParams.split('&');
        for (var i = 0; i < queryParamsArray.length; i++) {
          paramsArray.push(queryParamsArray[i].split("=")[0]);
          valuesArray.push(queryParamsArray[i].split("=")[1]);
        }
        this.router.navigate([baseUrl], {queryParams: this.routerHelper.createQueryParams(paramsArray, valuesArray)});
      } else {
        this.router.navigate([baseUrl]);
      }
    }
    // else{
    //   this.router.navigate(['/']);
    // }
  }

  logIn() {
    if (this.redirectUrl && this.redirectUrl != "") {
      this.redirectUrl = decodeURIComponent(this.redirectUrl);
      var baseUrl = this.redirectUrl;
      var queryParams = "";
      if (this.redirectUrl.indexOf('?') != -1) {
        var splits = this.redirectUrl.split('?');
        if (splits.length > 0) {
          baseUrl = splits[0];
        }
        if (splits.length > 1) {
          queryParams = splits[1];
        }
      }
      Session.setReloadUrl(location.protocol + "//" + location.host, baseUrl, queryParams);
    }

    window.location.href = this.properties.loginUrl;
  }

  getTheRolesFormatted(roles: string[]) {
    let formattedRoles = [];
    for (let role of roles) {
      let formattedRole = role.split("urn:geant:openaire.eu:group:")[1];
      formattedRole = formattedRole.split("#aai.openaire.eu")[0]
      formattedRole = formattedRole.replace("+", " ");
      formattedRole = formattedRole.split("+").join(" ");
      formattedRoles.push(formattedRole);
    }
    return formattedRoles.join(", ");
  }

  isUserManager() {
    return Session.isUserManager(this.user);
  }

}