import {Component, ElementRef, Input, OnChanges, OnInit, SimpleChanges} from '@angular/core';
import {ActivatedRoute, NavigationStart, Router} from '@angular/router';
import {Location} from '@angular/common';
import {User, Session} from './utils/helper.class';
import {RouterHelper} from '../utils/routerHelper.class';
import {StringUtils} from '../utils/string-utils.class';
import {EnvProperties} from '../utils/properties/env-properties';
import {properties} from "../../../environments/environment";
// declare var logoutClicked;
@Component({
selector: 'user-mini',
template: `
Sign in
`
})
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 = '';
sub: any;
constructor(private router: Router, private route: ActivatedRoute) {
this.router.events.forEach(event => {
if (event instanceof NavigationStart) {
this.initialize(event.url);
}
});
}
ngOnInit() {
if (typeof document !== 'undefined') {
this.server = false;
}
this.sub = this.route.queryParams.subscribe(params => {
this.initialize();
});
}
ngOnChanges(changes: SimpleChanges): void {
if (changes.user) {
this.initialize();
}
}
ngOnDestroy() {
if (this.sub) {
this.sub.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('');
}
}
}