navbar.component.js

import { Component } from '@angular/core';
<%_ if (filters.auth) { -%>
<%_ if (filters.uirouter) { -%>
import { StateService } from 'ui-router-ng2';<% } %>
<%_ if (filters.ngroute) { -%>
import { Router } from '@angular/router';<% } %>
import { AuthService } from '../auth/auth.service';<% } %>
import template from './navbar.html';

@Component({
    selector: 'navbar',
    template,
})
export class NavbarComponent {
    isCollapsed = true;
    menu = [{
        title: 'Home',
        <% if(filters.uirouter) { %>'state': 'main'<% } else { %>'link': '/home'<% } %>,
    }];
    <%_ if(filters.ngroute) { -%>
    Router;<% } %>
    <%_ if(filters.auth) { -%>
    isAdmin;
    isLoggedIn;
    currentUser = {};
    AuthService;

    static parameters = [AuthService<% if(filters.uirouter) { %>, StateService<% } else { %>, Router<% } %>];
    constructor(<%= private() %>authService: AuthService<% if(filters.uirouter) { %>, <%= private() %>stateService: StateService<% } else { %>, <%= private() %>router: Router<% } %>) {
        this.AuthService = authService;
        <%_ if(filters.uirouter) { -%>
        this.StateService = stateService;<% } %>
        <%_ if(filters.ngroute) { -%>
        this.Router = router;<% } %>

        this.reset();

        this.AuthService.currentUserChanged.subscribe(user => {
            this.currentUser = user;
            this.reset();
        });
    }

    reset() {
        this.AuthService.isLoggedIn().then(is => {
            this.isLoggedIn = is;
        });
        this.AuthService.isAdmin().then(is => {
            this.isAdmin = is;
        });
        this.AuthService.getCurrentUser().then(user => {
            this.currentUser = user;
        });
    }

    logout() {
        return this.AuthService.logout().then(() => {<% if(filters.uirouter) { %>
            this.StateService.go('login');<% } %><% if(filters.ngroute) { %>
            this.Router.navigateByUrl('/home');<% } %>
            this.reset();
        });
    }<% } -%>
}