D-Net

import {Component, ElementRef} from '@angular/core';

import {Observable}       from 'rxjs/Observable';

import {ActivatedRoute, Router} from '@angular/router';

import {Location} from '@angular/common';

import {LoginService} from './login.service';

import {User,Session} from './utils/helper.class';

import {RouterHelper} from '../utils/routerHelper.class';

@Component({

    selector: 'user-mini',

    template: `

        <div *ngIf="!server" class=" custom-user-mini-panel uk-margin-top uk-margin-right uk-float-right">

        <span  *ngIf="loggedIn" >Hello <a  (click)="gotoUserPage();"   >{{user.fullname}}</a>!</span>

        <span  *ngIf="!loggedIn" >Hello  Guest!</span>

        <a  *ngIf="!loggedIn"   (click)="gotoUserPage();"   >Log in</a>

        </div>

    `

})

export class UserMiniComponent {

    public user: User;

    public loggedIn: boolean = false;

    public server: boolean = true;

    public routerHelper:RouterHelper = new RouterHelper();

    public redirectUrl: string = "";

    private baseUrl = "user-info";

    sub:any;

    constructor( private router: Router, private  route: ActivatedRoute, private location: Location) {}

    ngOnInit() {

      if( typeof document !== 'undefined') {

        this.server = false;

      }

      this.initialize();

      this.sub =  this.route.queryParams.subscribe(params => {

        this.initialize();

      });

    }

    ngOnDestroy(){

      this.sub.unsubscribe();

    }

    initialize(){

      this.redirectUrl = this.location.path();

      if(Session.isLoggedIn()){

        if(Session.isUserValid()){

          this.loggedIn = Session.isLoggedIn();

          this.user = Session.getUser();

        }else{

          Session.removeUser();

            this.loggedIn = false;

            this.user = null;

        }

      }else {

            this.loggedIn = false;

            this.user = null;

      }

    }

    gotoUserPage(){

      this.redirectUrl = this.location.path();

      if(this.redirectUrl && this.redirectUrl != null && this.redirectUrl != "" && this.redirectUrl !="user-info"){

          this.router.navigate([this.baseUrl], { queryParams: this.routerHelper.createQueryParam("redirectUrl",this.redirectUrl )});

      }else{

        this.router.navigate([this.baseUrl]);

      }

    }

}