connect/src/app/app.component.ts

import { Component, Directive, ElementRef, Renderer, ChangeDetectionStrategy, ViewEncapsulation } 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 './utils/connectHelper';

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

        <navbar *ngIf= "properties && showMenu && !community" 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  && community" 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" [feedbackmail]=properties.feedbackmail></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= "isClient"></bottom>

`

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


   userMenuItems:MenuItem[] =[];


  menuItems:RootMenuItem []=[];
  public community = null;
  properties:EnvProperties;
  showMenu:boolean = false;
  communities = null;
  //  community: {id:string, name:string, logoUrl:string};
   constructor(  private  route: ActivatedRoute, private propertiesService:EnvironmentSpecificService, private _communitiesService:CommunitiesService ) {
   }

   ngOnInit() {
     this.propertiesService.loadEnvironment()
             .then(es => {
                 this.propertiesService.setEnvProperties(es);
                 this.properties = this.propertiesService.envSpecific;

     this.route.queryParams.subscribe(data => {
       var community = null;
       this.community = null;
       this.showMenu = false;
       this._communitiesService.getCommunities(this.properties.communityAPI+"communities").subscribe (
         communities => {
              //  this.community = community;

               this.userMenuItems =[ new MenuItem("","My profile","","",false,[],[],{}),
                  new MenuItem("","My claims","","/myclaims",false,[],["/myclaims"],{}),
                ];
                for(var com of communities){
                  for(var manager of com.managers){
                      if(manager== Session.getUserEmail()){
                         this.userMenuItems.push(new MenuItem("","Manage "+((com.shortTitle)?com.shortTitle:com.title),"https://admin.demo.openaire.eu?communityId="+com.communityId,"",false,[],[],{}));
                      }
                  }

                   if((data['communityId'] && data['communityId']!="" &&  com.communityId  == data['communityId'])
                   || (ConnectHelper.getCommunityFromDomain(document.location.hostname) ==  com.communityId )){
                    community = com;
                    this.community = {id: community.communityId, name: (community.shortTitle)?community.shortTitle:community.title, logoUrl:community.logoUrl};
                    this.menuItems= [
                      {rootItem: new MenuItem("home","Home",(typeof document !== 'undefined' && ConnectHelper.isProduction(document.location.hostname))?'https://beta.connect.openaire.eu':'',(typeof document === 'undefined' || !ConnectHelper.isProduction(document.location.hostname))?'/':'',false,[],[],{}),
                      items: []},
                      {rootItem: new MenuItem("dashboard","Dashboard","","/",false,[],[],(typeof document !== 'undefined' && ConnectHelper.isProduction(document.location.hostname))?{}:{communityId:community.communityId}),
                      items: []
                      },
                      {rootItem: new MenuItem("search","Search","","",false,[],[],{}),
                        items: [new MenuItem("","Publications","","/search/find/publications",false,["publication"],["/search/find/publications"],{community:  encodeURIComponent('"'+community.queryId+'"'), communityId: community.communityId}),
                        new MenuItem("","Research Data","","/search/find/datasets",false,["dataset"],["/search/find/datasets"],{community:  encodeURIComponent('"'+community.queryId+'"'), communityId: community.communityId}),
                        new MenuItem("","Software","","/search/find/software",false,["software"],["/search/find/software"],{community:  encodeURIComponent('"'+community.queryId+'"'), communityId: community.communityId}),
                       new MenuItem("","Projects","","/search/find/projects/",false,["project"],["/search/find/projects"],{communityId: community.communityId}),
                       new MenuItem("","Content Providers","","/search/find/dataproviders",false,["datasource"],["/search/find/dataproviders"],{communityId: community.communityId}),
                       //  new MenuItem("","Organizations","","/search/find/organizations/",false,["organization"],["/search/find/organizations"],{community: community.communityId}),
                      ]},
                      {
                        rootItem: new MenuItem("monitor","Monitor","","/statistics",false,[],["/statistics"],{communityId:community.communityId}),
                        items: []
                      },
                      {
                      rootItem: new MenuItem("share","Share","","",false,[],["/participate/deposit-publications","/participate/deposit-datasets"],{communityId:community.communityId}),
                      items: [new MenuItem("","Publications","","/participate/deposit-publications",false,["publication"],["/participate/deposit-publications"],{communityId:community.communityId}),
                      new MenuItem("","Research Data","","/participate/deposit-datasets",false,["dataset"],["/participate/deposit-datasets"],{communityId:community.communityId})]
                      },
                      {
                      rootItem: new MenuItem("link","Link","","/participate/claim",false,[],["/participate/claim"],{communityId:community.communityId}),
                      items: []
                      }
                  ];

                  }

                }
                if(community == null){
                  this.menuItems= [
                    {rootItem: new MenuItem("communities","Communities","","/",false,[],[],{}),
                    items: []}
                  ];
                }
                this.showMenu = true;

         });


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

   });
   }
}