D-Net

/**

 * Created by stefania on 7/5/16.

 */

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

import { AuthenticationService } from '../../services/authentication.service';

import { environment } from '../../../environments/environment';

import {Repository, RepositorySnippet} from '../../domain/typeScriptClasses';

import { RepositoryService } from '../../services/repository.service';

import { ActivatedRoute, Router } from "@angular/router";

import { SharedService } from "../../services/shared.service";

@Component({

  selector: 'side-menu',

  templateUrl: './sidemenu.component.html',

})

export class SideMenuComponent implements OnInit {

  userLoggedIn = false;

  userName = '';

  isUserAdmin = false;

  adminHomePage = environment.FAQ_HOMEPAGE;

  inBeta: boolean;

  toggle: number[] = [];

  userEmail: string;

  reposOfUser: RepositorySnippet[] = [];

  visibleReposOfUser: RepositorySnippet[] = [];

  allReposVisible: boolean = false;

  constructor(public authService: AuthenticationService,

              private repositoryService: RepositoryService,

              private route: ActivatedRoute,

              private router: Router,

              private sharedService: SharedService) { }

  ngOnInit() {

    const pathName = window.location.pathname;

    if (pathName.includes('sources')) {

      this.toggle[1] = 1;

    } else if (pathName.includes('compatibility')) {

      this.toggle[2] = 2;

    } else if (pathName.includes('content')) {

      this.toggle[3] = 3;

    } else if (pathName.includes('admin')) {

      this.toggle[4] = 4;

    }

    this.getIsUserLoggedIn();

    this.getUserName();

    this.getIsUserAdmin();

    const baseUrl = window.location.origin;

    this.inBeta = ( baseUrl.includes('beta') || baseUrl.includes('athenarc') );

    if(this.sharedService.getRepositoriesOfUser() && this.sharedService.getRepositoriesOfUser().length>0) {

      this.reposOfUser = this.sharedService.getRepositoriesOfUser();

      this.initSideMenuRepos();

    } else {

      this.getReposOfUser();

    }

    this.sharedService.repositoriesOfUser$.subscribe(

      r => {

        this.reposOfUser = r;

        this.initSideMenuRepos();

      }

    );

    // this.getReposOfUser();

  }

  onClick(id: string) {

    const el: HTMLElement = document.getElementById(id);

    el.classList.remove('uk-open');

  }

  login() {

    this.authService.loginWithState();

  }

  logout() {

    this.authService.logout();

  }

  getUserName() {

    this.userName = this.authService.getUserName();

    return this.userName;

  }

  getIsUserLoggedIn() {

    this.userLoggedIn = this.authService.getIsUserLoggedIn();

    return this.userLoggedIn;

  }

  getIsUserAdmin() {

    this.isUserAdmin = (this.authService.getUserRole().includes('ROLE_ADMIN') ||

      this.authService.getUserRole().includes('ROLE_PROVIDE_ADMIN'));

    return this.isUserAdmin;

  }

  setToggle(position: number) {

    if (this.toggle[position] === position) {

      this.toggle[position] = 0;

    } else {

      this.toggle[position] = position;

    }

  }

  checkIfCollapsed(position: number) {

    return this.toggle[position] === position;

  }

  getReposOfUser(): void {

    this.repositoryService.getRepositoriesOfUser()

      .subscribe(

        repos => {

            this.reposOfUser = repos;

            // this.sharedService.setRepositoriesOfUser(repos);

            this.initSideMenuRepos();

          },

        error => { console.log(error); }

      );

  }

  initSideMenuRepos() {

    let index: number = 0;

    if(this.reposOfUser.length>5) {

      for(let _i = 0; _i < 5; _i++) {

        this.visibleReposOfUser.push(this.reposOfUser[_i]);

      }

    } else {

      this.visibleReposOfUser = Object.assign([], this.reposOfUser);

    }

    let route = this.router.url;

    let repositoryID = '';

    if(route.includes('repository') || route.includes('repositoryAdmin')) {

      let repositoryIndex = route.indexOf('repository');

      repositoryID = route.substr(repositoryIndex).split('/')[1];

      if(!route.includes('repositoryAdmin')) {

        index = this.reposOfUser.findIndex(x => x.id === repositoryID);

        if(index>5)

          this.showMoreRepos();

      }

      if(route.includes('repositoryAdmin')) {

      }

    }

  }

  showMoreRepos() {

    this.visibleReposOfUser = Object.assign([], this.reposOfUser);

    this.allReposVisible = true;

  }

  showLessRepos() {

    this.visibleReposOfUser = [];

    for(let _i = 0; _i < 5; _i++) {

      this.visibleReposOfUser.push(this.reposOfUser[_i]);

    }

    this.allReposVisible = false;

  }

}