argos/dmp-frontend/src/app/ui/sidebar/sidebar.component.ts

import { Component, Input, OnInit } from '@angular/core';
import { TranslateService } from '@ngx-translate/core';
import { MatGridTileHeaderCssMatStyler } from '@angular/material';

declare interface RouteInfo {
    path: string;
    title: string;
    icon: string;
}
declare interface GroupMenuItem {
	title: string;
	routes: RouteInfo[];
}

export const GENERAL_ROUTES: RouteInfo[] = [
  { path: '/home', title: '',  icon: 'dashboard'}
];
export const DMP_ROUTES: RouteInfo[] = [
  { path: '/plans', title: '',  icon: 'view_agenda'},
  { path: '/datasets', title: '',  icon: 'library_books'},
  { path: '/projects', title: '', icon: 'work_outline'}
];
// export const HISTORY_ROUTES: RouteInfo[] = [
//   { path: '/typography', title: 'LAST VISITED',  icon: 'visibility'},
//   { path: '/icons', title: 'LAST EDITED',  icon: 'edit'}
// ];
export const PUBLIC_ROUTES: RouteInfo[] = [
//   { path: '/maps', title: 'PUBLIC DMPs',  icon: 'public'},
  { path: '/explore', title: 'PUBLIC DATASET DESCRIPTIONS',  icon: 'public'},
  { path: '/exploreplans', title: 'PUBLIC DATASET PLANS ',  icon: 'public'}
];

@Component({
  selector: 'app-sidebar',
  templateUrl: './sidebar.component.html',
  styleUrls: ['./sidebar.component.css']
})
export class SidebarComponent implements OnInit {
  generalItems: GroupMenuItem;
  dmpItems: GroupMenuItem;
//   historyItems: GroupMenuItem;
  publicItems: GroupMenuItem;
  groupMenuItems: GroupMenuItem[] = [];

  constructor(public translate: TranslateService) { }

  ngOnInit() {
	this.translate.get('SIDE-BAR.DASHBOARD').subscribe((res: string) => {GENERAL_ROUTES[0].title = res});
	this.translate.get('SIDE-BAR.MY-DMPS').subscribe((res: string) => {DMP_ROUTES[0].title = res});
	this.translate.get('SIDE-BAR.MY-DATASET-DESC').subscribe((res: string) => {DMP_ROUTES[1].title = res});
	this.translate.get('SIDE-BAR.MY-PROJECTS').subscribe((res: string) => {DMP_ROUTES[2].title = res});
	// this.translate.get('SIDE-BAR.HISTORY-VISITED').subscribe((res: string) => {HISTORY_ROUTES[0].title = res});
	// this.translate.get('SIDE-BAR.HISTORY-EDITED').subscribe((res: string) => {HISTORY_ROUTES[1].title = res});
	this.translate.get('SIDE-BAR.PUBLIC-DESC').subscribe((res: string) => {PUBLIC_ROUTES[0].title = res});
	this.translate.get('SIDE-BAR.PUBLIC-DMPS').subscribe((res: string) => {PUBLIC_ROUTES[1].title = res});
	this.generalItems = {
		title: '',
		routes: GENERAL_ROUTES.filter(menuItem => menuItem)
	}
	this.translate.get('SIDE-BAR.GENERAL').subscribe((res: string) =>  {this.generalItems.title = res});
	this.groupMenuItems.push(this.generalItems);

	this.dmpItems = {
		title: '',
		routes: DMP_ROUTES.filter(menuItem => menuItem)
	}
	this.translate.get('SIDE-BAR.DMP').subscribe((res: string) =>  {this.dmpItems.title = res});
	this.groupMenuItems.push(this.dmpItems);

	// this.historyItems = {
	// 	title: '',
	// 	routes: HISTORY_ROUTES.filter(menuItem => menuItem)
	// }
	// this.translate.get('SIDE-BAR.HISTORY').subscribe((res: string) =>  {this.historyItems.title = res});
	// this.groupMenuItems.push(this.historyItems);

	this.publicItems = {
		title: '',
		routes: PUBLIC_ROUTES.filter(menuItem => menuItem)
	}
	this.translate.get('SIDE-BAR.PUBLIC').subscribe((res: string) =>  {this.publicItems.title = res});
	this.groupMenuItems.push(this.publicItems);
  }
//   isMobileMenu() {
// 	if ($(window).width() > 991) {
// 		return false;
// 	}
// 	return true;
//   };

}