|
|
@ -19,6 +19,7 @@ import { |
|
|
ViewChild |
|
|
ViewChild |
|
|
} from '@angular/core'; |
|
|
} from '@angular/core'; |
|
|
import { MatButtonModule } from '@angular/material/button'; |
|
|
import { MatButtonModule } from '@angular/material/button'; |
|
|
|
|
|
import { MatDialog } from '@angular/material/dialog'; |
|
|
import { MatMenuModule } from '@angular/material/menu'; |
|
|
import { MatMenuModule } from '@angular/material/menu'; |
|
|
import { |
|
|
import { |
|
|
MatPaginator, |
|
|
MatPaginator, |
|
|
@ -26,6 +27,7 @@ import { |
|
|
PageEvent |
|
|
PageEvent |
|
|
} from '@angular/material/paginator'; |
|
|
} from '@angular/material/paginator'; |
|
|
import { MatTableDataSource, MatTableModule } from '@angular/material/table'; |
|
|
import { MatTableDataSource, MatTableModule } from '@angular/material/table'; |
|
|
|
|
|
import { ActivatedRoute, Router } from '@angular/router'; |
|
|
import { IonIcon } from '@ionic/angular/standalone'; |
|
|
import { IonIcon } from '@ionic/angular/standalone'; |
|
|
import { |
|
|
import { |
|
|
differenceInSeconds, |
|
|
differenceInSeconds, |
|
|
@ -37,8 +39,10 @@ import { |
|
|
contractOutline, |
|
|
contractOutline, |
|
|
ellipsisHorizontal, |
|
|
ellipsisHorizontal, |
|
|
keyOutline, |
|
|
keyOutline, |
|
|
|
|
|
personOutline, |
|
|
trashOutline |
|
|
trashOutline |
|
|
} from 'ionicons/icons'; |
|
|
} from 'ionicons/icons'; |
|
|
|
|
|
import { DeviceDetectorService } from 'ngx-device-detector'; |
|
|
import { NgxSkeletonLoaderModule } from 'ngx-skeleton-loader'; |
|
|
import { NgxSkeletonLoaderModule } from 'ngx-skeleton-loader'; |
|
|
import { Subject } from 'rxjs'; |
|
|
import { Subject } from 'rxjs'; |
|
|
import { takeUntil } from 'rxjs/operators'; |
|
|
import { takeUntil } from 'rxjs/operators'; |
|
|
@ -49,6 +53,8 @@ import { AdminService } from '../../services/admin.service'; |
|
|
import { DataService } from '../../services/data.service'; |
|
|
import { DataService } from '../../services/data.service'; |
|
|
import { ImpersonationStorageService } from '../../services/impersonation-storage.service'; |
|
|
import { ImpersonationStorageService } from '../../services/impersonation-storage.service'; |
|
|
import { UserService } from '../../services/user/user.service'; |
|
|
import { UserService } from '../../services/user/user.service'; |
|
|
|
|
|
import { UserDetailDialogParams } from '../user-detail-dialog/interfaces/interfaces'; |
|
|
|
|
|
import { GfUserDetailDialogComponent } from '../user-detail-dialog/user-detail-dialog.component'; |
|
|
|
|
|
|
|
|
@Component({ |
|
|
@Component({ |
|
|
imports: [ |
|
|
imports: [ |
|
|
@ -71,6 +77,7 @@ export class GfAdminUsersComponent implements OnDestroy, OnInit { |
|
|
|
|
|
|
|
|
public dataSource = new MatTableDataSource<AdminUsers['users'][0]>(); |
|
|
public dataSource = new MatTableDataSource<AdminUsers['users'][0]>(); |
|
|
public defaultDateFormat: string; |
|
|
public defaultDateFormat: string; |
|
|
|
|
|
public deviceType: string; |
|
|
public displayedColumns: string[] = []; |
|
|
public displayedColumns: string[] = []; |
|
|
public getEmojiFlag = getEmojiFlag; |
|
|
public getEmojiFlag = getEmojiFlag; |
|
|
public hasPermissionForSubscription: boolean; |
|
|
public hasPermissionForSubscription: boolean; |
|
|
@ -87,11 +94,16 @@ export class GfAdminUsersComponent implements OnDestroy, OnInit { |
|
|
private adminService: AdminService, |
|
|
private adminService: AdminService, |
|
|
private changeDetectorRef: ChangeDetectorRef, |
|
|
private changeDetectorRef: ChangeDetectorRef, |
|
|
private dataService: DataService, |
|
|
private dataService: DataService, |
|
|
|
|
|
private deviceService: DeviceDetectorService, |
|
|
|
|
|
private dialog: MatDialog, |
|
|
private impersonationStorageService: ImpersonationStorageService, |
|
|
private impersonationStorageService: ImpersonationStorageService, |
|
|
private notificationService: NotificationService, |
|
|
private notificationService: NotificationService, |
|
|
|
|
|
private route: ActivatedRoute, |
|
|
|
|
|
private router: Router, |
|
|
private tokenStorageService: TokenStorageService, |
|
|
private tokenStorageService: TokenStorageService, |
|
|
private userService: UserService |
|
|
private userService: UserService |
|
|
) { |
|
|
) { |
|
|
|
|
|
this.deviceType = this.deviceService.getDeviceInfo().deviceType; |
|
|
this.info = this.dataService.fetchInfo(); |
|
|
this.info = this.dataService.fetchInfo(); |
|
|
|
|
|
|
|
|
this.hasPermissionForSubscription = hasPermission( |
|
|
this.hasPermissionForSubscription = hasPermission( |
|
|
@ -121,6 +133,14 @@ export class GfAdminUsersComponent implements OnDestroy, OnInit { |
|
|
]; |
|
|
]; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
this.route.queryParams |
|
|
|
|
|
.pipe(takeUntil(this.unsubscribeSubject)) |
|
|
|
|
|
.subscribe((params) => { |
|
|
|
|
|
if (params['userDetailDialog'] && params['userId']) { |
|
|
|
|
|
this.openUserDetailDialog(params['userId']); |
|
|
|
|
|
} |
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
this.userService.stateChanged |
|
|
this.userService.stateChanged |
|
|
.pipe(takeUntil(this.unsubscribeSubject)) |
|
|
.pipe(takeUntil(this.unsubscribeSubject)) |
|
|
.subscribe((state) => { |
|
|
.subscribe((state) => { |
|
|
@ -138,7 +158,13 @@ export class GfAdminUsersComponent implements OnDestroy, OnInit { |
|
|
} |
|
|
} |
|
|
}); |
|
|
}); |
|
|
|
|
|
|
|
|
addIcons({ contractOutline, ellipsisHorizontal, keyOutline, trashOutline }); |
|
|
addIcons({ |
|
|
|
|
|
contractOutline, |
|
|
|
|
|
ellipsisHorizontal, |
|
|
|
|
|
keyOutline, |
|
|
|
|
|
personOutline, |
|
|
|
|
|
trashOutline |
|
|
|
|
|
}); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
public ngOnInit() { |
|
|
public ngOnInit() { |
|
|
@ -161,6 +187,12 @@ export class GfAdminUsersComponent implements OnDestroy, OnInit { |
|
|
return ''; |
|
|
return ''; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
public onChangePage(page: PageEvent) { |
|
|
|
|
|
this.fetchUsers({ |
|
|
|
|
|
pageIndex: page.pageIndex |
|
|
|
|
|
}); |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
public onDeleteUser(aId: string) { |
|
|
public onDeleteUser(aId: string) { |
|
|
this.notificationService.confirm({ |
|
|
this.notificationService.confirm({ |
|
|
confirmFn: () => { |
|
|
confirmFn: () => { |
|
|
@ -212,9 +244,9 @@ export class GfAdminUsersComponent implements OnDestroy, OnInit { |
|
|
window.location.reload(); |
|
|
window.location.reload(); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
public onChangePage(page: PageEvent) { |
|
|
public onOpenUserDetailDialog(userId: string) { |
|
|
this.fetchUsers({ |
|
|
this.router.navigate([], { |
|
|
pageIndex: page.pageIndex |
|
|
queryParams: { userId, userDetailDialog: true } |
|
|
}); |
|
|
}); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
@ -245,4 +277,34 @@ export class GfAdminUsersComponent implements OnDestroy, OnInit { |
|
|
this.changeDetectorRef.markForCheck(); |
|
|
this.changeDetectorRef.markForCheck(); |
|
|
}); |
|
|
}); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
private openUserDetailDialog(userId: string) { |
|
|
|
|
|
const userData = this.dataSource.data.find(({ id }) => { |
|
|
|
|
|
return id === userId; |
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
if (!userData) { |
|
|
|
|
|
this.router.navigate(['.'], { relativeTo: this.route }); |
|
|
|
|
|
return; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
const dialogRef = this.dialog.open(GfUserDetailDialogComponent, { |
|
|
|
|
|
autoFocus: false, |
|
|
|
|
|
data: { |
|
|
|
|
|
userData, |
|
|
|
|
|
deviceType: this.deviceType, |
|
|
|
|
|
locale: this.user?.settings?.locale |
|
|
|
|
|
} as UserDetailDialogParams, |
|
|
|
|
|
height: this.deviceType === 'mobile' ? '98vh' : '60vh', |
|
|
|
|
|
width: this.deviceType === 'mobile' ? '100vw' : '50rem' |
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
dialogRef |
|
|
|
|
|
.afterClosed() |
|
|
|
|
|
.pipe(takeUntil(this.unsubscribeSubject)) |
|
|
|
|
|
.subscribe(() => { |
|
|
|
|
|
this.fetchUsers(); |
|
|
|
|
|
this.router.navigate(['.'], { relativeTo: this.route }); |
|
|
|
|
|
}); |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
|
Thomas Kaul
2 weeks ago