import { Component, OnInit } from '@angular/core';
import { ROUTES } from './sidebar-routes.config';
import { MenuType } from './sidebar.metadata';
@Component({
moduleId: module.id,
selector: 'sidebar-cmp',
templateUrl: 'sidebar.component.html',
})
export class SidebarComponent implements OnInit {
public menuItems: any[];
isCollapsed = true;
constructor() {}
ngOnInit() {
this.menuItems = ROUTES.filter(menuItem => menuItem.menuType !== MenuType.BRAND);
}
public get menuIcon(): string {
return this.isCollapsed ? '☰' : '✖';
}
public getMenuItemClasses(menuItem: any) {
return {
'pull-xs-right': this.isCollapsed && menuItem.menuType === MenuType.RIGHT
};
}
}
se obtienen los iconos y la descripción para cada botón de sidebar-routes.config.ts
Be the first to comment
You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.