import {Component, Input, OnChanges, OnInit, SimpleChanges} from '@angular/core'; import {ActivatedRoute, NavigationStart, Router} from '@angular/router'; import {User, Session} from './utils/helper.class'; import {RouterHelper} from '../utils/routerHelper.class'; import {StringUtils} from '../utils/string-utils.class'; import {properties} from "../../../environments/environment"; import {Subscriber} from "rxjs"; // declare var logoutClicked; @Component({ selector: 'user-mini', template: `
  • {{user.fullname + " "}} Sign in
  • Sign in {{firstLetters}}
    ` }) export class UserMiniComponent implements OnInit, OnChanges { @Input() user: User; public loggedIn: boolean = false; public isAuthorized: boolean = false; @Input() public mobileView: boolean = false; public firstLetters: string = ""; @Input() public dashboard: boolean = false; public server: boolean = true; public routerHelper: RouterHelper = new RouterHelper(); @Input() userMenuItems; @Input() logInUrl; @Input() logOutUrl; @Input() cookieDomain; @Input() fixRedirectUrl: string; @Input() redirectUrl: string; @Input() dark: boolean = false; search: string = ''; subscriptions = []; constructor(private router: Router, private route: ActivatedRoute) { this.subscriptions.push(this.router.events.forEach(event => { if (event instanceof NavigationStart) { this.initialize(event.url); } })); } ngOnInit() { if (typeof document !== 'undefined') { this.server = false; } this.subscriptions.push(this.route.queryParams.subscribe(params => { this.initialize(); })); } ngOnChanges(changes: SimpleChanges): void { if (changes.user) { this.initialize(); } } ngOnDestroy() { this.subscriptions.forEach(subscription => { if (subscription instanceof Subscriber) { subscription.unsubscribe(); } }); } initialize(url: string = null) { if (url) { let parts = StringUtils.split(url, ['?']); this.redirectUrl = properties.baseLink + parts[0]; if (parts.length == 2) { this.search = parts[1]; } else { this.search = null; } } else if (typeof location !== 'undefined') { this.redirectUrl = location.pathname; this.search = location.search; } if (this.user) { this.loggedIn = true; this.parseName(); this.isAuthorized = Session.isClaimsCurator(this.user) || Session.isPortalAdministrator(this.user); } else { this.loggedIn = false; this.isAuthorized = false; this.user = null; } } logOut() { if (this.user) { Session.removeUser(); // New method if (properties.logoutUrl.includes('openid_logout')) { Session.setReloadUrl(location.protocol + "//" + location.host, this.redirectUrl, this.search); window.location.href = this.logOutUrl; } else { window.location.href = this.logOutUrl + StringUtils.URIEncode(location.href); } } this.loggedIn = false; this.isAuthorized = false; this.user = new User(); } logIn() { Session.setReloadUrl(location.protocol + "//" + location.host, this.fixRedirectUrl ? (properties.baseLink + this.fixRedirectUrl) : this.redirectUrl, this.search); window.location.href = this.logInUrl; } onClick(id: string) { let el: HTMLElement = document.getElementById(id); el.classList.remove('uk-open'); } parseName() { this.firstLetters = ""; if (this.user && this.user.firstname) { this.firstLetters += this.user.firstname.substr(0, 1); } if (this.user && this.user.lastname) { this.firstLetters += this.user.lastname.substr(0, 1); } if (!this.firstLetters && this.user && this.user.fullname) { let matches = this.user.fullname.match(/\b(\w)/g); this.firstLetters += matches.join(''); } } }