D-Net

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

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

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

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

import {LayoutService} from './services/layout.service';

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

@Component({

  selector: 'app',

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

})

  title = 'OpenAIRE - Research Graph';

  userMenuItems: MenuItem[] = [];

  menuItems: RootMenuItem [] = [];

  header: Header;

  logoPath: string = 'assets/common-assets/';

  ngOnInit() {

    this.logInUrl = this.properties.loginUrl;

    });

  }

  buildMenu(isHome) {

    this.menuItems = [

      {

})

export class HomeComponent {

  public pageTitle = "OpenAIRE - Research Graph";

  public publicationsSize: any = null;

  public datasetsSize: any = null;

  public datasetsLinkedSize: any = null;

  public datasourcesSize: any = null;

  public portals: any[] = portals;

  public state: number = 0;

  private timeouts: any[] = [];

  constructor(

    private route: ActivatedRoute,

    private _router: Router,

  public dedupMatchingAndElectionReadMore: boolean = false;

  public enrichmentPropagationReadMore: boolean = false;

  public enrichmentMiningReadMore: boolean = false;

  subs: Subscription[] = [];

  description = "The OpenAIRE Research Graph includes metadata and links between scientific products (e.g. literature, datasets, software, other research products), organizations, funders, funding streams, projects, communities, and (provenance) data sources.  Information on how we build it, the architecture, the infrastructure and the team.";

  title = "OpenAIRE - Research Graph | About";

  }

  ngOnInit() {

    this._title.setTitle(this.title);

    this._meta.updateTag({content:this.description},"name='description'");

    this._meta.updateTag({content:this.description},"property='og:description'");

    this._meta.updateTag({content:this.title},"property='og:title'");

    var url = this.properties.domain + this.properties.baseLink+this._router.url;

    this.seoService.createLinkForCanonicalURL(url, false);

    this._meta.updateTag({content:url},"property='og:url'");

             class="uk-width-4-5 architecture-image">

        <a class="uk-position-absolute uk-transform-center uk-padding" style="left: 27%; top: 48%"

           (mouseenter)="architectureImage = 'aggregation_hover.png'" (mouseleave)="architectureImage = 'gray.png'">

          <action-point [class.uk-invisible]="architectureImage == 'aggregation_hover.png'"></action-point>

        </a>

        <a class="uk-position-absolute uk-transform-center uk-padding" style="left: 47%; top: 48%"

           (mouseenter)="architectureImage = 'deduplication_hover.png'" (mouseleave)="architectureImage = 'gray.png'">

          <action-point [class.uk-invisible]="architectureImage == 'deduplication_hover.png'"></action-point>

        </a>

        <a class="uk-position-absolute uk-transform-center uk-padding" style="left: 58%; top: 48%"

           (mouseenter)="architectureImage = 'enrichment_hover.png'" (mouseleave)="architectureImage = 'gray.png'">

          <action-point [class.uk-invisible]="architectureImage == 'enrichment_hover.png'"></action-point>

        </a>

        <a class="uk-position-absolute uk-transform-center uk-padding" style="left: 70%; top: 48%"

           (mouseenter)="architectureImage = 'post_cleaning_hover.png'" (mouseleave)="architectureImage = 'gray.png'">

          <action-point [class.uk-invisible]="architectureImage == 'post_cleaning_hover.png'"></action-point>

        </a>

        <a class="uk-position-absolute uk-transform-center uk-padding" style="left: 76%; top: 32%"

           (mouseenter)="architectureImage = 'indexing_hover.png'" (mouseleave)="architectureImage = 'gray.png'">

          <action-point [class.uk-invisible]="architectureImage == 'indexing_hover.png'"></action-point>

        </a>

        <a class="uk-position-absolute uk-transform-center uk-padding" style="left: 76%; top: 72%"

           (mouseenter)="architectureImage = 'stats_analysis_hover.png'" (mouseleave)="architectureImage = 'gray.png'">

          <action-point [class.uk-invisible]="architectureImage == 'stats_analysis_hover.png'"></action-point>

        </a>

    if(this.properties.enablePiwikTrack && (typeof document !== 'undefined')){

      this.subs.push(this._piwikService.trackView(this.properties, this.title).subscribe());

    }

  }

  public ngOnDestroy() {

    for (let sub of this.subs) {

      sub.unsubscribe();

@NgModule({

  imports: [RouterModule.forRoot(appRoutes, {

    preloadingStrategy: PreloadAllModules,

  })],

  exports: [RouterModule]

})

    this._meta.updateTag({content:this.description},"name='description'");

    this._meta.updateTag({content:this.description},"property='og:description'");

    this._meta.updateTag({content:this.title},"property='og:title'");

    this.email = {body: '', subject: '', recipients: []};

    this.reset();

    this.showLoading = false;

        "For each field you can know if they have been collected from one of our sources, if it has been inferred (and with which algorithm and with which confidence level)"

    });

  }

  public ngOnDestroy() {

    for (let sub of this.subs) {

      sub.unsubscribe();

<body>

<app></app>

</body>

</html>

<body>

<app></app>

</body>

</html>