74 lines
1.9 KiB
TypeScript
74 lines
1.9 KiB
TypeScript
import { Component, Inject, OnDestroy, OnInit } from '@angular/core';
|
|
import { UntypedFormGroup } from '@angular/forms';
|
|
import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
|
|
import { Router } from '@angular/router';
|
|
import { AuthService } from '../../../core/services/auth/auth.service';
|
|
import { Observable, Subscription, fromEvent } from 'rxjs';
|
|
|
|
@Component({
|
|
selector: 'app-user-dialog-component',
|
|
templateUrl: 'user-dialog.component.html',
|
|
styleUrls: ['user-dialog.component.scss']
|
|
})
|
|
export class UserDialogComponent implements OnInit, OnDestroy {
|
|
|
|
public formGroup: UntypedFormGroup;
|
|
|
|
resizeObservable: Observable<Event>;
|
|
resizeSubscription: Subscription;
|
|
|
|
constructor(
|
|
private authentication: AuthService,
|
|
private router: Router,
|
|
public dialogRef: MatDialogRef<UserDialogComponent>,
|
|
@Inject(MAT_DIALOG_DATA) public data: any
|
|
) { }
|
|
|
|
ngOnInit(): void {
|
|
this.resizeObservable = fromEvent(window, 'resize');
|
|
this.resizeSubscription = this.resizeObservable
|
|
.subscribe(evt =>{
|
|
this.dialogRef.close();
|
|
});
|
|
}
|
|
|
|
ngOnDestroy(): void {
|
|
this.resizeSubscription.unsubscribe();
|
|
}
|
|
|
|
public logout(): void {
|
|
this.dialogRef.close();
|
|
this.router.navigate(['/logout']);
|
|
}
|
|
|
|
public getPrincipalName(): string {
|
|
return this.authentication.getPrincipalName() ?? '';
|
|
}
|
|
|
|
public getPrincipalEmail(): string {
|
|
return this.authentication.getUserProfileEmail() ?? '';
|
|
}
|
|
|
|
public principalHasAvatar(): boolean {
|
|
return this.authentication.getUserProfileAvatarUrl() && this.authentication.getUserProfileAvatarUrl().length > 0;
|
|
}
|
|
|
|
public getDefaultAvatar(): string {
|
|
return 'assets/images/profile-placeholder.png';
|
|
}
|
|
|
|
public applyFallbackAvatar(ev: Event) {
|
|
(ev.target as HTMLImageElement).src = this.getDefaultAvatar();
|
|
}
|
|
|
|
public navigateToProfile() {
|
|
this.dialogRef.close();
|
|
this.router.navigate(['/profile']);
|
|
}
|
|
|
|
public navigateToMyDmps() {
|
|
this.dialogRef.close();
|
|
this.router.navigate(['/plans']);
|
|
}
|
|
}
|