import { Component, Injector, ViewChild, ViewEncapsulation, AfterViewInit } from '@angular/core'; import { ActivatedRoute, Router } from '@angular/router'; import { AppConsts } from '@shared/AppConsts'; import { appModuleAnimation } from '@shared/animations/routerTransition'; import { AppComponentBase } from '@shared/common/app-component-base'; import { EntityDtoOfInt64, UserListDto, UserServiceProxy, PermissionServiceProxy, FlatPermissionDto, GetUserIdInputForResetPassword } from '@shared/service-proxies/service-proxies'; import { FileDownloadService } from '@shared/utils/file-download.service'; import { LazyLoadEvent } from 'primeng/components/common/lazyloadevent'; import { Paginator } from 'primeng/components/paginator/paginator'; import { Table } from 'primeng/components/table/table'; import { CreateOrEditUserModalComponent } from './create-or-edit-user-modal.component'; import { EditUserPermissionsModalComponent } from './edit-user-permissions-modal.component'; import { ImpersonationService } from './impersonation.service'; import { HttpClient } from '@angular/common/http'; import { FileUpload } from 'primeng/fileupload'; import { finalize } from 'rxjs/operators'; import { PermissionTreeModalComponent } from '../shared/permission-tree-modal.component'; import { EntityTypeHistoryModalComponent } from '@app/shared/common/entityHistory/entity-type-history-modal.component'; import * as _ from 'lodash'; @Component({ templateUrl: './users.component.html', encapsulation: ViewEncapsulation.None, styleUrls: ['./users.component.less'], animations: [appModuleAnimation()] }) export class UsersComponent extends AppComponentBase implements AfterViewInit { @ViewChild('createOrEditUserModal', { static: true }) createOrEditUserModal: CreateOrEditUserModalComponent; @ViewChild('editUserPermissionsModal', { static: true }) editUserPermissionsModal: EditUserPermissionsModalComponent; @ViewChild('dataTable', { static: true }) dataTable: Table; @ViewChild('paginator', { static: true }) paginator: Paginator; @ViewChild('ExcelFileUpload', { static: true }) excelFileUpload: FileUpload; @ViewChild('permissionFilterTreeModal', { static: true }) permissionFilterTreeModal: PermissionTreeModalComponent; @ViewChild('entityTypeHistoryModal', { static: true }) entityTypeHistoryModal: EntityTypeHistoryModalComponent; _entityTypeFullName = 'SprintTek.Authorization.Users.User'; entityHistoryEnabled = false; uploadUrl: string; //Filters advancedFiltersAreShown = false; filterText = ''; role = ''; onlyLockedUsers = false; saving: boolean; constructor( injector: Injector, public _impersonationService: ImpersonationService, private _userServiceProxy: UserServiceProxy, private _fileDownloadService: FileDownloadService, private _activatedRoute: ActivatedRoute, private _httpClient: HttpClient, private router: Router, ) { super(injector); this.filterText = this._activatedRoute.snapshot.queryParams['filterText'] || ''; this.uploadUrl = AppConsts.remoteServiceBaseUrl + '/Users/ImportFromExcel'; } ngOnInit(){ this.setIsEntityHistoryEnabled(); } ngAfterViewInit(): void { this.primengTableHelper.adjustScroll(this.dataTable); } resetPassword(userId){ let input = new GetUserIdInputForResetPassword input.userId = userId this.spinnerService.show this._userServiceProxy.updateResetUserPassword(input) .pipe(finalize(() => { this.saving = false; })) .subscribe(() => { this.notify.info(this.l('ResetPasswordSuccess')); this.spinnerService.hide }); } getUsers(event?: LazyLoadEvent) { if (this.primengTableHelper.shouldResetPaging(event)) { this.paginator.changePage(0); return; } this.spinnerService.show(); this._userServiceProxy.getUsers( this.filterText, this.permissionFilterTreeModal.getSelectedPermissions(), this.role !== '' ? parseInt(this.role) : undefined, this.onlyLockedUsers, this.primengTableHelper.getSorting(this.dataTable), this.primengTableHelper.getMaxResultCount(this.paginator, event), this.primengTableHelper.getSkipCount(this.paginator, event) ).pipe(finalize(() => this.spinnerService.hide())).subscribe(result => { this.primengTableHelper.totalRecordsCount = result.totalCount; this.primengTableHelper.records = result.items; this.spinnerService.hide(); }); } unlockUser(record): void { this._userServiceProxy.unlockUser(new EntityDtoOfInt64({ id: record.id })).subscribe(() => { this.notify.success(this.l('UnlockedTheUser', record.userName)); }); } lockUser(record): void { this._userServiceProxy.lockUser(new EntityDtoOfInt64({ id: record.id })).subscribe(() => { this.notify.success(this.l('LockedUser')+ " " +record.userName); }); } getRolesAsString(roles): string { let roleNames = ''; for (let j = 0; j < roles.length; j++) { if (roleNames.length) { roleNames = roleNames + ', '; } roleNames = roleNames + roles[j].roleName; } return roleNames; } reloadPage(): void { this.paginator.changePage(this.paginator.getPage()); } exportToExcel(): void { this.spinnerService.show(); this._userServiceProxy.getUsersToExcel( this.filterText, this.permissionFilterTreeModal.getSelectedPermissions(), this.role !== '' ? parseInt(this.role) : undefined, this.onlyLockedUsers, this.primengTableHelper.getSorting(this.dataTable)) .subscribe(result => { if(result!=undefined){ if(result.fileUrl!=undefined){ this.router.navigate([]).then(result1 => { window.open(result.fileUrl, '_blank'); }); this.spinnerService.hide(); }else{ this.spinnerService.hide(); } }else{ this.message.warn('', "No data to export"); this.spinnerService.hide(); } }); } createUser(): void { console.log(this.createOrEditUserModal); this.createOrEditUserModal.show(); } uploadExcel(data: { files: File }): void { const formData: FormData = new FormData(); const file = data.files[0]; formData.append('file', file, file.name); this._httpClient .post(this.uploadUrl, formData) .pipe(finalize(() => this.excelFileUpload.clear())) .subscribe(response => { if (response.success) { this.notify.success(this.l('ImportUsersProcessStart')); } else if (response.error != null) { this.notify.error(this.l('ImportUsersUploadFailed')); } }); } onUploadExcelError(): void { this.notify.error(this.l('ImportUsersUploadFailed')); } deleteUser(user: UserListDto): void { if (user.userName === AppConsts.userManagement.defaultAdminUserName) { this.message.warn(this.l('{0}UserCannotBeDeleted', AppConsts.userManagement.defaultAdminUserName)); return; } this.message.confirm( this.l('UserDeleteWarningMessage', user.userName), this.l('AreYouSure'), (isConfirmed) => { if (isConfirmed) { this._userServiceProxy.deleteUser(user.id) .subscribe(() => { this.reloadPage(); this.notify.success(this.l('SuccessfullyDeleted')); }); } } ); } private setIsEntityHistoryEnabled(): void { let customSettings = (abp as any).custom; this.entityHistoryEnabled = customSettings.EntityHistory && customSettings.EntityHistory.isEnabled && _.filter(customSettings.EntityHistory.enabledEntities, entityType => entityType === this._entityTypeFullName).length === 1; } showHistory(user: UserListDto): void { this.entityTypeHistoryModal.show({ entityId: user.id.toString(), entityTypeFullName: this._entityTypeFullName, entityTypeDescription: user.name +" " +user.surname }); } setEmailConfirm(record): void { this._userServiceProxy.userEmailConfirm(new EntityDtoOfInt64({ id: record.id })).subscribe(() => { this.notify.success(this.l('EmailConfirm', record.name +" " +record.surname)); this.getUsers(); }); } }