connect/src/app/app.component.ts

import { Component, Directive, ElementRef, Renderer, ChangeDetectionStrategy, ViewEncapsulation, Injector } from '@angular/core';
import {Observable}       from 'rxjs/Observable';
import {ActivatedRoute} from '@angular/router';

import { EnvProperties} from './openaireLibrary/utils/properties/env-properties';
import{MenuItem, RootMenuItem} from './openaireLibrary/sharedComponents/menu';
import { EnvironmentSpecificService} from './openaireLibrary/utils/properties/environment-specific.service';
import {CommunitiesService} from "./openaireLibrary/connect/communities/communities.service";
import {Session} from './openaireLibrary/login/utils/helper.class';
import {ConnectHelper} from './openaireLibrary/connect/connectHelper';
import {SubscribeService} from './openaireLibrary/utils/subscribe/subscribe.service';

// import {LayoutService} from "./openaireLibrary/services/layout.service";

@Component({
  //changeDetection: ChangeDetectionStrategy.Default,
  //encapsulation: ViewEncapsulation.Emulated,
  selector: 'app-root',
  styles: [`
  `],
  template: `

        <navbar *ngIf= "properties && showMenu && !community" [environment]=properties.environment portal="connect" [onlyTop]=false    [userMenuItems]=userMenuItems [menuItems]=menuItems
        [(APIUrl)]="properties.adminToolsAPIURL" [(logInUrl)]="properties.loginUrl" [(logOutUrl)]="properties.logoutUrl"  [(cookieDomain)]="properties.cookieDomain"  [showMenu]=showMenu></navbar>
        <navbar *ngIf= "properties && showMenu  && community"  [environment]=properties.environment portal="connect" [onlyTop]=false [(communityId)]="community.id"  [userMenuItems]=userMenuItems [menuItems]=menuItems
        [(APIUrl)]="properties.adminToolsAPIURL" [(logInUrl)]="properties.loginUrl" [(logOutUrl)]="properties.logoutUrl"  [(cookieDomain)]="properties.cookieDomain" [(community)]=community [showMenu]=showMenu></navbar>

                   <div class="custom-main-content"   >
                      <main>
                       <router-outlet></router-outlet>
                     </main>
                    </div>
          <!--feedback *ngIf= "isClient && properties" portalName="Connect" [feedbackQuestionaire]=properties.feedbackQuestionaire></feedback-->
          <cookie-law *ngIf= "isClient" position="bottom">
              OpenAIRE uses cookies in order to function properly.<br>
              Cookies are small pieces of data that websites store in your browser to allow us to give you the best browsing experience possible.
              By using the OpenAIRE portal you accept our use of cookies. <a href="//ec.europa.eu/ipg/basics/legal/cookies/index_en.htm" target="_blank"> Read more <span class="uk-icon">
              <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="chevron-right" ratio="1"><polyline fill="none" stroke="#000" stroke-width="1.03" points="7 4 13 10 7 16"></polyline></svg>
              </span></a>
          </cookie-law>
           <bottom *ngIf= "properties && isClient && showMenu && !community"  [environment]=properties.environment [grantAdvance]="false" ></bottom>
           <bottom *ngIf= "properties && isClient  && showMenu && community"  [environment]=properties.environment [showSocialButtons] = "true" [showMenuItems]="true"  [grantAdvance]="false" [showOpenaire]="true" [(communityId)]="community.id" [(APIUrl)]="properties.adminToolsAPIURL" [menuItems]=bottomMenuItems ></bottom>

`

})
export class AppComponent {
   isClient:boolean = false;

   userMenuItems:MenuItem[] =[];


  menuItems:RootMenuItem []=[];
  bottomMenuItems:MenuItem[] =[];
  public community = null;
  properties:EnvProperties;
  showMenu:boolean = false;
  communities = null;
  subscriberOfCommunities = false;
  managerOfCommunities = false;

  // layout = null;
  //  community: {id:string, name:string, logoUrl:string};
   constructor(  private  route: ActivatedRoute, private propertiesService:EnvironmentSpecificService,
                 private _communitiesService:CommunitiesService, private _subscribeService: SubscribeService,){//, private _layoutService: LayoutService) {

   }

   ngOnInit() {
     this.propertiesService.loadEnvironment()
             .then(es => {
                 this.properties = this.propertiesService.envSpecific;
                 var communityId: string = "";
                 this._communitiesService.updateCommunities(this.properties, this.properties.communitiesAPI);
                 if(this.properties.environment == "development") {
                   this.route.queryParams.subscribe(data => {
                     communityId = data['communityId'];
                     this.buildMenu(communityId);
                   });
                 } else {
                   communityId = ConnectHelper.getCommunityFromDomain(this.properties.domain);
                   this.buildMenu(communityId);
                 }
/*
     this.route.queryParams.subscribe(data => {
       var community = null;
       this.community = null;
       this.showMenu = false;
       this._communitiesService.getCommunities(this.properties, this.properties.communitiesAPI).subscribe (
         communities => {

                for(var com of communities){
                  if( (
                    ((data['communityId'] && data['communityId']!="" &&  com.communityId  == data['communityId'])
                  || (ConnectHelper.getCommunityFromDomain(this.properties.domain) ==  com.communityId ))
                   && community !=null) ||
                    (
                      !((data['communityId'] && data['communityId']!="" &&  com.communityId  == data['communityId'])
                      || (ConnectHelper.getCommunityFromDomain(this.properties.domain) ==  com.communityId ))
                      &&
                      this.managerOfCommunities && this.subscriberOfCommunities)){
                      break;
                    }
                  if(Session.isLoggedIn() && com['status'] != "hidden"){
                    if(Session.isCommunityCurator() || Session.isPortalAdministrator()){
                      this.managerOfCommunities = true;
                    }else if(com.managers.indexOf(Session.getUserEmail())!=-1){
                      this.managerOfCommunities = true;
                    }
                    // else if(!this.subscriberOfCommunities){
                    //   // check if subscriber
                    //   this._subscribeService.isSubscribedToCommunity(com.communityId, Session.getUserEmail(), this.properties.adminToolsAPIURL).subscribe (
                    //     isSubscriber => {
                    //       if(isSubscriber) {
                    //         this.subscriberOfCommunities = true;
                    //       }
                    //     },
                    //     error => {
                    //       console.error("Error fetching your subscribed communities")
                    //     });
                    //
                    // }
                  }



                   if((data['communityId'] && data['communityId']!="" &&  com.communityId  == data['communityId'])
                   || (ConnectHelper.getCommunityFromDomain(this.properties.domain) ==  com.communityId )  ){
                    community = com;
                     // this._layoutService.getLayout(com.communityId,
                     //     this.properties.adminToolsAPIURL + '/').subscribe (
                     //     layout => {
                     //       this.layout = layout;
                     //       document.documentElement.style.setProperty('--portal-main-color', this.layout.color);
                     //     }
                     // );
                    this.community = {id: community.communityId, name: (community.shortTitle)?community.shortTitle:community.title, logoUrl:community.logoUrl};
                    this.menuItems= [
                      {rootItem: new MenuItem("search","Search","","/search/find",false,[],["/search/find", "/search/find/publications", "/search/find/datasets", "/search/find/software", "/search/find/other", "/search/find/projects", "/search/find/dataproviders"],this.properties.environment!="development"?{}:{communityId:community.communityId}),
                        items: [new MenuItem("","Publications","","/search/find/publications",false,["publication"],["/search/find/publications"],this.properties.environment!="development"?{}:{communityId:community.communityId}),
                        new MenuItem("","Research Data","","/search/find/datasets",false,["dataset"],["/search/find/datasets"],this.properties.environment!="development"?{}:{communityId:community.communityId}),
                        new MenuItem("","Software","","/search/find/software",false,["software"],["/search/find/software"],this.properties.environment!="development"?{}:{communityId:community.communityId}),
                        new MenuItem("","Other Research Products","","/search/find/other",false,["orp"],["/search/find/other"],this.properties.environment!="development"?{}:{communityId:community.communityId}),
                       new MenuItem("","Projects","","/search/find/projects/",false,["project"],["/search/find/projects"],this.properties.environment!="development"?{}:{communityId:community.communityId}),
                       new MenuItem("","Content Providers","","/search/find/dataproviders",false,["datasource"],["/search/find/dataproviders"],this.properties.environment!="development"?{}:{communityId:community.communityId}),
                      ]},
                      {
                        rootItem: new MenuItem("monitor","Monitor","","/monitor",false,[],["/monitor"],this.properties.environment!="development"?{}:{communityId:community.communityId}),
                        items: []
                      },
                      {
                      rootItem: new MenuItem("share","Share","","",false,[],["/participate/deposit-publications","/participate/deposit-datasets","/participate/share-zenodo"],this.properties.environment!="development"?{}:{communityId:community.communityId}),
                      items: [
                      new MenuItem("","Zenodo Communities","","/participate/share-zenodo",false,[],["/participate/share-zenodo"],this.properties.environment!="development"?{}:{communityId:community.communityId}),
                      new MenuItem("","Publications","","/participate/deposit-publications",false,["publication"],["/participate/deposit-publications"],this.properties.environment!="development"?{}:{communityId:community.communityId}),
                      new MenuItem("","Research Data","","/participate/deposit-datasets",false,["dataset"],["/participate/deposit-datasets"],this.properties.environment!="development"?{}:{communityId:community.communityId})]
                      },
                      {
                      rootItem: new MenuItem("link","Link","","/participate/claim",false,[],["/participate/claim"],this.properties.environment!="development"?{}:{communityId:community.communityId}),
                      items: []
                      }
                  ];

                  }

                }
                if(community == null){
                  this.menuItems= [];
                  var myCommunities = [];
                  if(this.managerOfCommunities){
                    myCommunities.push( new MenuItem("","Managing communities","","/search/find/communities",false,[],[],{role:"%22manager%22"}))
                  }
                  if(Session.isLoggedIn()){
                    this._subscribeService.getCommunitiesSubscribedTo(Session.getUserEmail(), this.properties.adminToolsAPIURL).subscribe (
                      pids => {
                        if(pids.length > 0 ) {
                          myCommunities.push( new MenuItem("","Subscribed to communities","","/search/find/communities",false,[],[],{status:"%22subscribed%22"}))
                        }
                      },
                      error => {
                        console.error("Error fetching your subscribed communities")
                      });
                  }
                  // if(this.subscriberOfCommunities){
                  //   myCommunities.push( new MenuItem("","Subscribed to communities","","/search/find/communities",false,[],[],{status:"%22subscribed%22"}))
                  // }

                  this.menuItems.push({rootItem: new MenuItem("communities","Communities","","/search/find/communities",false,[],null,{}), items: []});
                  if(this.managerOfCommunities || this.subscriberOfCommunities){
                    this.menuItems.push({rootItem: new MenuItem("myCommunities","My Communities","","",false,[],[],{}), items: myCommunities});
                  }
                  this.menuItems.push({rootItem: new MenuItem("howto","Create Community","","/how-to-create-community",false,[],null,{}), items: []});



                  this.bottomMenuItems =[
                  new MenuItem("","About","https://beta.openaire.eu/project-factsheets","",false,[],[],{}),
                  new MenuItem("","News - Events","https://beta.openaire.eu/news-events","",false,[],[],{}),
                  new MenuItem("","Blog","https://blogs.openaire.eu/","",false,[],[],{}),
                  new MenuItem("","Contact us","https://beta.openaire.eu/contact-us","",false,[],[],{})
                ];
                // if(this.properties.showContent){
                //   this.bottomMenuItems.push(new MenuItem("","Content Policy","","/content",false,[],[],{}));
                // }
                this.userMenuItems =[
                   // new MenuItem("","My links","","/myclaims",false,[],["/myclaims"],(data['communityId'] && typeof document !== 'undefined' && ConnectHelper.isProduction(document.location.hostname))?{}:{communityId:data['communityId']}),
                 ];

              }else{
                this.bottomMenuItems = [
                  new MenuItem("","About","","/about",false,[],["/about"],this.properties.environment!="development"?{}:{communityId:community.communityId}),
                  new MenuItem("","Organizations","","/organizations",false,[],["/organizations"],this.properties.environment!="development"?{}:{communityId:community.communityId})
                ];
                if(this.properties.showContent){
                  this.bottomMenuItems.push(new MenuItem("","Content Policy","","/content",false,[],[],{}));
                }
                this.userMenuItems =[ new MenuItem("","My profile","","",false,[],[],{}),
                   new MenuItem("","My links","","/myclaims",false,[],["/myclaims"],this.properties.environment!="development"?{}:{communityId:community.communityId}),
                   new MenuItem("","Invite users","","/invite",false,[],[],this.properties.environment!="development"?{}:{communityId:community.communityId}),
                 ];
                 if(this.managerOfCommunities ){
                   this.userMenuItems.push(new MenuItem("","Support","https://openaire-connect.d4science.org/group/openaire-connect-gateway/explore?siteId=172366611","",false,[],[],{}))
                 }
              }
                this.showMenu = true;
         });


   });
*/
     if (typeof document !== 'undefined') {
       try{
         this.isClient = true;
       }catch (e) {
       }
     }
   }, error => {
     console.log("App couldn't fetch properties");
       console.log(error);

   });
   }

   public buildMenu(communityId: string) {
     var community = null;
     this.community = null;
     this.showMenu = false;
     this._communitiesService.getCommunitiesState().subscribe (
       communities => {
              for(var com of communities){
                  if( (communityId && communityId!="" &&  com.communityId == communityId
                   && community !=null) ||
                    (
                      !(communityId && communityId!="" &&  com.communityId  == communityId)
                      &&
                      this.managerOfCommunities && this.subscriberOfCommunities)) {
                    break;
                  }
                if(Session.isLoggedIn() && com['status'] != "hidden"){
                  if(Session.isCommunityCurator() || Session.isPortalAdministrator()){
                    this.managerOfCommunities = true;
                  }else if(com.managers.indexOf(Session.getUserEmail())!=-1){
                    this.managerOfCommunities = true;
                  }/*else if(!this.subscriberOfCommunities){
                    // check if subscriber
                    this._subscribeService.isSubscribedToCommunity(com.communityId, Session.getUserEmail(), this.properties.adminToolsAPIURL).subscribe (
                      isSubscriber => {
                        if(isSubscriber) {
                          this.subscriberOfCommunities = true;
                        }
                      },
                      error => {
                        console.error("Error fetching your subscribed communities")
                      });

                  }*/
                }



                 if(communityId && communityId!="" &&  com.communityId == communityId){
                  community = com;
                   // this._layoutService.getLayout(com.communityId,
                   //     this.properties.adminToolsAPIURL + '/').subscribe (
                   //     layout => {
                   //       this.layout = layout;
                   //       document.documentElement.style.setProperty('--portal-main-color', this.layout.color);
                   //     }
                   // );
                  this.community = {id: community.communityId, name: (community.shortTitle)?community.shortTitle:community.title, logoUrl:community.logoUrl};
                  this.menuItems= [
                    {rootItem: new MenuItem("search","Search","","/search/find",false,[],["/search/find", "/search/find/publications", "/search/find/datasets", "/search/find/software", "/search/find/other", "/search/find/projects", "/search/find/dataproviders"],this.properties.environment!="development"?{}:{communityId:community.communityId}),
                      items: [new MenuItem("","Publications","","/search/find/publications",false,["publication"],["/search/find/publications"],this.properties.environment!="development"?{}:{communityId:community.communityId}),
                      new MenuItem("","Research Data","","/search/find/datasets",false,["dataset"],["/search/find/datasets"],this.properties.environment!="development"?{}:{communityId:community.communityId}),
                      new MenuItem("","Software","","/search/find/software",false,["software"],["/search/find/software"],this.properties.environment!="development"?{}:{communityId:community.communityId}),
                      new MenuItem("","Other Research Products","","/search/find/other",false,["orp"],["/search/find/other"],this.properties.environment!="development"?{}:{communityId:community.communityId}),
                     new MenuItem("","Projects","","/search/find/projects/",false,["project"],["/search/find/projects"],this.properties.environment!="development"?{}:{communityId:community.communityId}),
                     new MenuItem("","Content Providers","","/search/find/dataproviders",false,["datasource"],["/search/find/dataproviders"],this.properties.environment!="development"?{}:{communityId:community.communityId}),
                    ]},
                    {
                      rootItem: new MenuItem("monitor","Monitor","","/monitor",false,[],["/monitor"],this.properties.environment!="development"?{}:{communityId:community.communityId}),
                      items: []
                    },
                    {
                    rootItem: new MenuItem("share","Share","","",false,[],["/participate/deposit-publications","/participate/deposit-datasets","/participate/share-zenodo"],this.properties.environment!="development"?{}:{communityId:community.communityId}),
                    items: [
                    new MenuItem("","Zenodo Communities","","/participate/share-zenodo",false,[],["/participate/share-zenodo"],this.properties.environment!="development"?{}:{communityId:community.communityId}),
                    new MenuItem("","Publications","","/participate/deposit-publications",false,["publication"],["/participate/deposit-publications"],this.properties.environment!="development"?{}:{communityId:community.communityId}),
                    new MenuItem("","Research Data","","/participate/deposit-datasets",false,["dataset"],["/participate/deposit-datasets"],this.properties.environment!="development"?{}:{communityId:community.communityId})]
                    },
                    {
                    rootItem: new MenuItem("link","Link","","/participate/claim",false,[],["/participate/claim"],this.properties.environment!="development"?{}:{communityId:community.communityId}),
                    items: []
                    }
                ];
                }

              }
              if(community == null){
                this.menuItems= [];
                var myCommunities = [];
                if(this.managerOfCommunities){
                  myCommunities.push( new MenuItem("","Managing communities","","/search/find/communities",false,[],[],{role:"%22manager%22"}))
                }
                if(Session.isLoggedIn()){
                  this._subscribeService.getCommunitiesSubscribedTo(Session.getUserEmail(), this.properties.adminToolsAPIURL).subscribe (
                    pids => {
                      if(pids.length > 0 ) {
                        myCommunities.push( new MenuItem("","Subscribed to communities","","/search/find/communities",false,[],[],{status:"%22subscribed%22"}))
                      }
                    },
                    error => {
                      console.error("Error fetching your subscribed communities")
                    });
                }
                this.menuItems.push({rootItem: new MenuItem("communities","Communities","","/search/find/communities",false,[],null,{}), items: []});
                if(this.managerOfCommunities || this.subscriberOfCommunities){
                  this.menuItems.push({rootItem: new MenuItem("myCommunities","My Communities","","",false,[],[],{}), items: myCommunities});
                }
                this.menuItems.push({rootItem: new MenuItem("howto","Create Community","","/how-to-create-community",false,[],null,{}), items: []});



                this.bottomMenuItems =[
                new MenuItem("","About","https://beta.openaire.eu/project-factsheets","",false,[],[],{}),
                new MenuItem("","News - Events","https://beta.openaire.eu/news-events","",false,[],[],{}),
                new MenuItem("","Blog","https://blogs.openaire.eu/","",false,[],[],{}),
                new MenuItem("","Contact us","https://beta.openaire.eu/contact-us","",false,[],[],{})
              ];
              // if(this.properties.showContent){
              //   this.bottomMenuItems.push(new MenuItem("","Content Policy","","/content",false,[],[],{}));
              // }
              this.userMenuItems =[
                 // new MenuItem("","My links","","/myclaims",false,[],["/myclaims"],(data['communityId'] && typeof document !== 'undefined' && ConnectHelper.isProduction(document.location.hostname))?{}:{communityId:data['communityId']}),
               ];

            }else{
              this.bottomMenuItems = [
                new MenuItem("","About","","/about",false,[],["/about"],this.properties.environment!="development"?{}:{communityId:community.communityId}),
                new MenuItem("","Organizations","","/organizations",false,[],["/organizations"],this.properties.environment!="development"?{}:{communityId:community.communityId})
              ];
              if(this.properties.showContent){
                this.bottomMenuItems.push(new MenuItem("","Content Policy","","/content",false,[],[],{}));
              }
              this.userMenuItems =[ new MenuItem("","My profile","","",false,[],[],{}),
                 new MenuItem("","My links","","/myclaims",false,[],["/myclaims"],this.properties.environment!="development"?{}:{communityId:community.communityId}),
                 new MenuItem("","Invite users","","/invite",false,[],[],this.properties.environment!="development"?{}:{communityId:community.communityId}),
               ];
               if(this.managerOfCommunities ){
                 this.userMenuItems.push(new MenuItem("","Support","https://openaire-connect.d4science.org/group/openaire-connect-gateway/explore?siteId=172366611","",false,[],[],{}))
               }
            }
              this.showMenu = true;
       });
   }
}