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

import { Component } from '@angular/core';
import {properties} from "../environments/environment";
import {ActivatedRoute, Router} from "@angular/router";
import {MenuItem} from "./openaireLibrary/sharedComponents/menu";

@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 {
  title = 'irish-monitor';
  loading: boolean = false;
  isFrontPage: boolean = false;
  view: boolean = false;
  hasHeader: boolean = true;
  properties = properties;
  header = {
    route: "/",
    title: "Noami",
    logoUrl: "",
    logoSmallUrl: null,
    position: 'left',
    badge: true
  };
  menuItems:MenuItem[] = [
    new MenuItem("national", "National Monitor",
      "", "/", false, [], null, {}
      , null, null, null, null),
    new MenuItem("rpo", "RPO Monitors",
      "", "/", false, [], null, {}
      , null, null, null, null),
    new MenuItem("rfo", "RFO Monitors",
      "", "/", 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)
  ];
  constructor(private route: ActivatedRoute,
              private router: Router,) {
  }

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