irish-monitor/src/app/app.component.ts

import {Component, OnInit} from '@angular/core';
import {properties} from "../environments/environment";
import {ActivatedRoute, Router} from "@angular/router";
import {MenuItem} from "./openaireLibrary/sharedComponents/menu";
import {Header} from "./openaireLibrary/sharedComponents/navigationBar.component";
import {BaseComponent} from "./openaireLibrary/sharedComponents/base/base.component";
import {StakeholderEntities, stakeholderTypes} from "./openaireLibrary/monitor/entities/stakeholder";
import {Option} from "./openaireLibrary/sharedComponents/input/input.component";
import {ConfigurationService} from "./openaireLibrary/utils/configuration/configuration.service";
import {Portal} from "./openaireLibrary/utils/entities/adminTool/portal";
import {Irish} from "./shared/irish";

@Component({
  selector: 'app-root',
  template: `
      <div *ngIf="loading">
          <loading [full]="true"></loading>
      </div>
      <div *ngIf="!loading">
          <div>
              <div id="modal-container"></div>
                  <navbar *ngIf="hasHeader" portal="irish_monitor" [menuItems]="menuItems" [showMenu]="true" [header]="header"></navbar>
                  <div>
                      <main>
                          <router-outlet></router-outlet>
                      </main>
                      <bottom id="bottom" [centered]="true" [properties]="properties" [showMenuItems]="true"></bottom>
                  </div>
                  <div *ngIf="view" class="preview uk-text-small uk-flex uk-flex-middle">
                      <span>You are currently in a <span class="uk-text-bold">"Preview"</span> mode. <span class="uk-visible@m"><a (click)="removeView()">The current view</a> of this dashboard may differ.</span></span>
                  </div>
          </div>
      </div>
  `,
  styles: []
})
export class AppComponent extends BaseComponent implements OnInit {
  title = 'irish-monitor';
  loading: boolean = false;
  stakeholderEntities = StakeholderEntities;
  view: boolean = false;
  hasHeader: boolean = true;
  header: Header = {
    route: "/",
    title: "Noami",
    logoUrl: "",
    logoSmallUrl: null,
    position: 'left',
    badge: true,
  };
  menuItems:MenuItem[] = [];
  irish: Irish = new Irish();

  constructor(private route: ActivatedRoute,
              private router: Router, private configurationService: ConfigurationService) {
    super();
    configurationService.initStaticPortal(this.irish.portal);
    //Test track event
    // let json = {test: "json"}
    // this._piwikService.doTrackEvent(properties,"test", properties.piwikSiteId,location.href,"Linking", "Link", JSON.stringify(json) )

  }

  ngOnInit() {
    this.initialize();
  }

  initialize() {
    this.menuItems = [
      new MenuItem("national", this.stakeholderEntities.COUNTRY + ' ' + this.stakeholderEntities.STAKEHOLDER, "", "/", false, [], null, {}, null, null, null, null),
      new MenuItem("rpo", this.stakeholderEntities.ORGANIZATION + ' ' + this.stakeholderEntities.STAKEHOLDERS, "", "/rpo", false, [], null, {}, null, null, null, null),
      new MenuItem("rfo", this.stakeholderEntities.FUNDER + ' ' + this.stakeholderEntities.STAKEHOLDERS, "", "/rfo", false, [], null, {}, null, null, null, null),
      new MenuItem("researcher", "Researcher Monitors", "", "/researcher", false, [], null, {}, null, null, null, null),
      new MenuItem("repository", "Repository Monitors", "", "/", false, [], null, {}, null, null, null, null),
      new MenuItem("upload-dois", "Upload DOIs", "", "/upload-dois", false, [], null, {}, null, null, null, null)
    ];
  }

  public removeView() {
    this.router.navigate([], {relativeTo: this.route});
  }
}