100 lines
2.9 KiB
TypeScript
100 lines
2.9 KiB
TypeScript
import { Component, OnInit } from '@angular/core';
|
|
import { MatDialog } from '@angular/material';
|
|
import { TranslateService } from '@ngx-translate/core';
|
|
import { AuthService } from '../../core/services/auth/auth.service';
|
|
import { UserDialogComponent } from '../misc/navigation/user-dialog/user-dialog.component';
|
|
|
|
declare interface RouteInfo {
|
|
path: string;
|
|
title: string;
|
|
icon: string;
|
|
}
|
|
declare interface GroupMenuItem {
|
|
title: string;
|
|
routes: RouteInfo[];
|
|
requiresAuthentication: boolean;
|
|
}
|
|
|
|
export const GENERAL_ROUTES: RouteInfo[] = [
|
|
{ path: '/home', title: 'SIDE-BAR.DASHBOARD', icon: 'dashboard' }
|
|
];
|
|
export const DMP_ROUTES: RouteInfo[] = [
|
|
{ path: '/plans', title: 'SIDE-BAR.MY-DMPS', icon: 'view_agenda' },
|
|
{ path: '/datasets', title: 'SIDE-BAR.MY-DATASET-DESC', icon: 'library_books' },
|
|
{ path: '/projects', title: 'SIDE-BAR.MY-PROJECTS', icon: 'work_outline' }
|
|
];
|
|
// export const HISTORY_ROUTES: RouteInfo[] = [
|
|
// { path: '/typography', title: 'SIDE-BAR.HISTORY-VISITED', icon: 'visibility'},
|
|
// { path: '/icons', title: 'SIDE-BAR.HISTORY-EDITED', icon: 'edit'}
|
|
// ];
|
|
export const PUBLIC_ROUTES: RouteInfo[] = [
|
|
{ path: '/explore', title: 'SIDE-BAR.PUBLIC-DESC', icon: 'public', },
|
|
{ path: '/explore-plans', title: 'SIDE-BAR.PUBLIC-DMPS', icon: 'public', }
|
|
];
|
|
|
|
@Component({
|
|
selector: 'app-sidebar',
|
|
templateUrl: './sidebar.component.html',
|
|
styleUrls: ['./sidebar.component.css', './sidebar.component.scss']
|
|
})
|
|
export class SidebarComponent implements OnInit {
|
|
generalItems: GroupMenuItem;
|
|
dmpItems: GroupMenuItem;
|
|
// historyItems: GroupMenuItem;
|
|
publicItems: GroupMenuItem;
|
|
groupMenuItems: GroupMenuItem[] = [];
|
|
|
|
constructor(public translate: TranslateService, private authentication: AuthService, private dialog: MatDialog) { }
|
|
|
|
ngOnInit() {
|
|
this.generalItems = {
|
|
title: 'SIDE-BAR.GENERAL',
|
|
routes: GENERAL_ROUTES,
|
|
requiresAuthentication: true
|
|
}
|
|
this.groupMenuItems.push(this.generalItems);
|
|
|
|
this.dmpItems = {
|
|
title: 'SIDE-BAR.DMP',
|
|
routes: DMP_ROUTES,
|
|
requiresAuthentication: true
|
|
}
|
|
this.groupMenuItems.push(this.dmpItems);
|
|
|
|
// this.historyItems = {
|
|
// title: 'SIDE-BAR.HISTORY',
|
|
// routes: HISTORY_ROUTES
|
|
// }
|
|
// this.groupMenuItems.push(this.historyItems);
|
|
|
|
this.publicItems = {
|
|
title: 'SIDE-BAR.PUBLIC',
|
|
routes: PUBLIC_ROUTES,
|
|
requiresAuthentication: false
|
|
}
|
|
this.groupMenuItems.push(this.publicItems);
|
|
}
|
|
|
|
public principalHasAvatar(): boolean {
|
|
return this.authentication.current().avatarUrl != null;
|
|
}
|
|
|
|
public getPrincipalAvatar(): string {
|
|
return this.authentication.current().avatarUrl;
|
|
}
|
|
|
|
public isAuthenticated(): boolean {
|
|
return !(!this.authentication.current());
|
|
}
|
|
|
|
openProfile() {
|
|
const dialogRef = this.dialog.open(UserDialogComponent, {
|
|
hasBackdrop: true,
|
|
autoFocus: false,
|
|
closeOnNavigation: true,
|
|
disableClose: false,
|
|
position: { top: '64px', right: '1em' }
|
|
});
|
|
}
|
|
}
|