D-Net

/**

 * Created by stefania on 3/21/16.

 */

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

import {MenuItem, RootMenuItem, SideMenuItem} from './openaireLibrary/sharedComponents/menu';

import {ActivatedRoute, NavigationEnd, NavigationStart, Params, Router} from '@angular/router';

import {EnvironmentSpecificService} from './openaireLibrary/utils/properties/environment-specific.service';

import {CommunitiesService} from './openaireLibrary/connect/communities/communities.service';

import {EnvProperties} from './openaireLibrary/utils/properties/env-properties';

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

import {HelperFunctions} from './openaireLibrary/utils/HelperFunctions.class';

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

import {ConnectHelper} from "./openaireLibrary/connect/connectHelper";

import {Header} from './openaireLibrary/sharedComponents/navigationBar.component';

import {LayoutService} from "./openaireLibrary/dashboard/sharedComponents/sidebar/layout.service";

import {properties} from "../environments/environment";

import {BehaviorSubject, Subscriber} from "rxjs";

import {CommunityInfo} from "./openaireLibrary/connect/community/communityInfo";

import {CommunityService} from "./openaireLibrary/connect/community/community.service";

import {arrow_left} from "./openaireLibrary/utils/icons/icons";

declare var UIkit: any;

@Component({

  selector: 'app',

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

})

export class AppComponent implements OnInit {

  title = 'Research Community Dashboard | Administrator';

  properties: EnvProperties = properties;

  user: User;

  params: BehaviorSubject<Params> = new BehaviorSubject<Params>(null);

  hasSidebar: boolean = false;

  hasHeader: boolean = false;

  hasAdminMenu: boolean = false;

  isFrontPage: boolean = false;

  isDashboard: boolean = false;

  sideBarItems: MenuItem[] = [];

  specialSideBarMenuItem: MenuItem = null;

  menuItems: RootMenuItem[] = [];

  menuHeader: Header = {

    route: "/",

    url: null,

    title: "Default menu header",

    logoUrl: null,

    logoSmallUrl: null,

    position: 'center',

    badge: false,

    stickyAnimation: false

  };

  userMenuItems: MenuItem[] = [];

  loading: boolean = true;

  paramsResolved: boolean = false;

  innerWidth;

  public community: CommunityInfo = null;

  private subscriptions: any[] = [];

  headerLogoUrl: string;

  constructor(private route: ActivatedRoute,

              private propertiesService: EnvironmentSpecificService,

              private communitiesService: CommunitiesService,

              private communityService: CommunityService,

              private router: Router,

              private cdr: ChangeDetectorRef,

              private layoutService: LayoutService,

              private userManagementService: UserManagementService) {

    this.subscriptions.push(this.router.events.subscribe(event => {

      if (event instanceof NavigationEnd) {

        let r = this.route;

        while (r.firstChild) {

          r = r.firstChild;

        }

        let params = r.snapshot.params;

        this.paramsResolved = true;

        this.params.next(params);

      }

    }));

  }

  ngOnInit() {

    if (typeof document !== 'undefined' && window) {

      this.innerWidth = window.innerWidth;

    }

    this.subscriptions.push(this.layoutService.hasSidebar.subscribe(hasSidebar => {

      this.hasSidebar = hasSidebar;

      this.cdr.detectChanges();

    }));

    this.subscriptions.push(this.layoutService.hasHeader.subscribe(hasHeader => {

      this.hasHeader = hasHeader;

      this.cdr.detectChanges();

    }));

    this.subscriptions.push(this.layoutService.hasAdminMenu.subscribe(hasAdminMenu => {

      this.hasAdminMenu = hasAdminMenu;

      this.cdr.detectChanges();

    }));

    this.subscriptions.push(this.layoutService.isFrontPage.subscribe(isFrontPage => {

      this.isFrontPage = isFrontPage;

      this.cdr.detectChanges();

    }));

    this.subscriptions.push(this.layoutService.isDashboard.subscribe(isDashboard => {

      this.isDashboard = isDashboard;

      this.cdr.detectChanges();

    }));

    this.layoutService.setSmallScreen((this.innerWidth && this.innerWidth < 1219));

    this.layoutService.setOpen(!(this.innerWidth && this.innerWidth < 1219));

    this.subscriptions.push(this.params.subscribe(params => {

      if (this.paramsResolved) {

        this.loading = true;

        if (params && params['community']) {

          if (!this.community || this.community.communityId !== params['community']) {

            this.subscriptions.push(this.communityService.getCommunityNew(params['community']).subscribe(community => {

              if (community) {

                this.community = community;

                this.buildMenu();

                this.loading = false;

              } else {

                this.community = null;

                this.navigateToError();

                this.buildMenu();

                this.loading = false;

              }

            }));

          } else {

            this.buildMenu();

            this.loading = false;

          }

        } else {

          this.communityService.setCommunity(null);

          this.layoutService.setOpen(!(this.innerWidth && this.innerWidth < 1219));

          this.community = null;

          this.buildMenu();

          this.loading = false;

        }

      }

    }));

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

      this.user = user;

      if (this.user) {

        localStorage.setItem('user_id', this.user.id);

        localStorage.setItem('mining_backend_address', this.properties.miningBackendURL);

        localStorage.setItem('isCommunityManager', Session.isCommunityCurator(this.user) + '');

        this.buildMenu();

      }

    }));

  }

  @HostListener('window:resize', ['$event'])

  onResize(event) {

    if (this.layoutService.isSmallScreen && event.target.innerWidth > 1219) {

      this.layoutService.setSmallScreen(false);

    } else if (!this.layoutService.isSmallScreen && event.target.innerWidth < 1219) {

      this.layoutService.setSmallScreen(true);

      this.layoutService.setOpen(false);

    }

  }

  public ngOnDestroy() {

    this.subscriptions.forEach(value => {

      if (value instanceof Subscriber) {

        value.unsubscribe();

      }

    });

    this.userManagementService.clearSubscriptions();

    this.layoutService.clearSubscriptions();

  }

  public get open() {

    return this.layoutService.open;

  }

  private navigateToError() {

    this.router.navigate(['/error'], {queryParams: {'page': this.properties.baseLink + this.router.url}});

  }

  private buildMenu() {

    this.menuItems = [];

    this.userMenuItems = [];

    this.sideBarItems = [];

    if (this.user) {

      if (this.isCurator()) {

        this.userMenuItems.push(new MenuItem("", "Manage communities",

          "", "/", false, [], [], {}));

      }

      if (Session.isPortalAdministrator(this.user)) {

        this.userMenuItems.push(new MenuItem("adminOptions", "Super Admin options", "", "/admin-tools/portals", false, [], [], {}));

        this.userMenuItems.push(new MenuItem("connectOptions", "Connect portal options", "", "/connect/admin-tools/pages", false, [], [], {}));

        this.userMenuItems.push(new MenuItem("exploreOptions", "Explore portal options", "", "/openaire/admin-tools/pages", false, [], [], {}));

      }

      this.userMenuItems.push(new MenuItem("", "User information", "", "/user-info", false, [], [], {}));

    }

    if (this.community) {

      this.headerLogoUrl = this.community.logoUrl;

      this.menuHeader = {

        route: "/admin/" + this.community.communityId,

        url: null,

        title: 'Admin - ' + this.community.shortTitle,

        logoUrl: null,

        logoSmallUrl: null,

        position: 'center',

        badge: false,

        stickyAnimation: false

      };

      this.sideBarItems.push(new MenuItem("community", "Community Info", "", "/" + this.community.communityId, false, [], [], {}, null, null, null, "/" + this.community.communityId + "/info"));

      this.sideBarItems.push(new MenuItem("users", "Users", "", "/" + this.community.communityId + "/users", false, [], [], {}));

      this.sideBarItems.push(new MenuItem("admin-tools", "Pages & Entities", "", "/" + this.community.communityId + "/admin-tools/pages", false, [], [], {}, null, null, null, "/" + this.community.communityId + "/admin-tools"));

      this.sideBarItems.push(new MenuItem("claims", "Claims", "", "/" + this.community.communityId + "/claims", false, [], [], {}));

      this.sideBarItems.push(new MenuItem("customize", "Customize", "", "/" + this.community.communityId + "/customize-layout", false, [], [], {}));

      if (this.community.type === 'ri') {

        this.sideBarItems.push(new MenuItem("mining", "Mining", "", "/" + this.community.communityId + "/mining/manage-profiles", false, [], [], {}, null, null, null, "/" + this.community.communityId + "/mining"));

      }

      this.specialSideBarMenuItem = new MenuItem("back", "Manage communities", "", "/", false, [], null, {});

      this.specialSideBarMenuItem.icon = '<span class="uk-icon-button small uk-icon uk-button-secondary">' + arrow_left.data + '</span>';

      this.specialSideBarMenuItem.customClass = 'uk-text-uppercase uk-text-bold uk-text-secondary';

    } else {

      this.headerLogoUrl = null;

      this.menuHeader = {

        route: null,

        url: null,

        title: 'Admin - Research Community Dashboard',

        logoUrl: null,

        logoSmallUrl: null,

        position: 'center',

        badge: false,

        stickyAnimation: false

      };

      this.sideBarItems.push(new MenuItem("communities", "Manage Communities", "", "/", false, [], [], {}));

      this.specialSideBarMenuItem = null;

    }

  }

  private isCurator() {

    return this.user && (Session.isPortalAdministrator(this.user) || Session.isCommunityCurator(this.user) || Session.isKindOfCommunityManager(this.user));

  }

}