287 lines
12 KiB
TypeScript
287 lines
12 KiB
TypeScript
|
import {
|
||
|
Component,
|
||
|
ComponentFactoryResolver,
|
||
|
OnInit,
|
||
|
ViewChild,
|
||
|
ViewContainerRef
|
||
|
} from '@angular/core';
|
||
|
import { ActivatedRoute, Router } from '@angular/router';
|
||
|
import { ToasterService } from 'angular2-toaster';
|
||
|
|
||
|
import { ApiService } from 'jslib-common/abstractions/api.service';
|
||
|
import { CryptoService } from 'jslib-common/abstractions/crypto.service';
|
||
|
import { I18nService } from 'jslib-common/abstractions/i18n.service';
|
||
|
import { LogService } from 'jslib-common/abstractions/log.service';
|
||
|
import { PlatformUtilsService } from 'jslib-common/abstractions/platformUtils.service';
|
||
|
import { SearchService } from 'jslib-common/abstractions/search.service';
|
||
|
import { StorageService } from 'jslib-common/abstractions/storage.service';
|
||
|
import { UserService } from 'jslib-common/abstractions/user.service';
|
||
|
|
||
|
import { ValidationService } from 'jslib-angular/services/validation.service';
|
||
|
|
||
|
import { ProviderUserStatusType } from 'jslib-common/enums/providerUserStatusType';
|
||
|
import { ProviderUserType } from 'jslib-common/enums/providerUserType';
|
||
|
|
||
|
import { SearchPipe } from 'jslib-angular/pipes/search.pipe';
|
||
|
import { UserNamePipe } from 'jslib-angular/pipes/user-name.pipe';
|
||
|
|
||
|
import { ListResponse } from 'jslib-common/models/response/listResponse';
|
||
|
import { ProviderUserUserDetailsResponse } from 'jslib-common/models/response/provider/providerUserResponse';
|
||
|
|
||
|
import { ProviderUserBulkRequest } from 'jslib-common/models/request/provider/providerUserBulkRequest';
|
||
|
import { ProviderUserConfirmRequest } from 'jslib-common/models/request/provider/providerUserConfirmRequest';
|
||
|
import { ProviderUserBulkResponse } from 'jslib-common/models/response/provider/providerUserBulkResponse';
|
||
|
|
||
|
import { BasePeopleComponent } from 'src/app/common/base.people.component';
|
||
|
import { ModalComponent } from 'src/app/modal.component';
|
||
|
import { BulkStatusComponent } from 'src/app/organizations/manage/bulk/bulk-status.component';
|
||
|
import { EntityEventsComponent } from 'src/app/organizations/manage/entity-events.component';
|
||
|
import { BulkConfirmComponent } from './bulk/bulk-confirm.component';
|
||
|
import { BulkRemoveComponent } from './bulk/bulk-remove.component';
|
||
|
import { UserAddEditComponent } from './user-add-edit.component';
|
||
|
|
||
|
@Component({
|
||
|
selector: 'provider-people',
|
||
|
templateUrl: 'people.component.html',
|
||
|
})
|
||
|
export class PeopleComponent extends BasePeopleComponent<ProviderUserUserDetailsResponse> implements OnInit {
|
||
|
|
||
|
@ViewChild('addEdit', { read: ViewContainerRef, static: true }) addEditModalRef: ViewContainerRef;
|
||
|
@ViewChild('groupsTemplate', { read: ViewContainerRef, static: true }) groupsModalRef: ViewContainerRef;
|
||
|
@ViewChild('eventsTemplate', { read: ViewContainerRef, static: true }) eventsModalRef: ViewContainerRef;
|
||
|
@ViewChild('bulkStatusTemplate', { read: ViewContainerRef, static: true }) bulkStatusModalRef: ViewContainerRef;
|
||
|
@ViewChild('bulkConfirmTemplate', { read: ViewContainerRef, static: true }) bulkConfirmModalRef: ViewContainerRef;
|
||
|
@ViewChild('bulkRemoveTemplate', { read: ViewContainerRef, static: true }) bulkRemoveModalRef: ViewContainerRef;
|
||
|
|
||
|
userType = ProviderUserType;
|
||
|
userStatusType = ProviderUserStatusType;
|
||
|
providerId: string;
|
||
|
accessEvents = false;
|
||
|
|
||
|
constructor(apiService: ApiService, private route: ActivatedRoute,
|
||
|
i18nService: I18nService, componentFactoryResolver: ComponentFactoryResolver,
|
||
|
platformUtilsService: PlatformUtilsService, toasterService: ToasterService,
|
||
|
cryptoService: CryptoService, private userService: UserService, private router: Router,
|
||
|
storageService: StorageService, searchService: SearchService, validationService: ValidationService,
|
||
|
logService: LogService, searchPipe: SearchPipe, userNamePipe: UserNamePipe) {
|
||
|
super(apiService, searchService, i18nService, platformUtilsService, toasterService, cryptoService,
|
||
|
storageService, validationService, componentFactoryResolver, logService, searchPipe, userNamePipe);
|
||
|
}
|
||
|
|
||
|
ngOnInit() {
|
||
|
this.route.parent.params.subscribe(async params => {
|
||
|
this.providerId = params.providerId;
|
||
|
const provider = await this.userService.getProvider(this.providerId);
|
||
|
|
||
|
if (!provider.canManageUsers) {
|
||
|
this.router.navigate(['../'], { relativeTo: this.route });
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
this.accessEvents = provider.useEvents;
|
||
|
|
||
|
await this.load();
|
||
|
|
||
|
const queryParamsSub = this.route.queryParams.subscribe(async qParams => {
|
||
|
this.searchText = qParams.search;
|
||
|
if (qParams.viewEvents != null) {
|
||
|
const user = this.users.filter(u => u.id === qParams.viewEvents);
|
||
|
if (user.length > 0 && user[0].status === ProviderUserStatusType.Confirmed) {
|
||
|
this.events(user[0]);
|
||
|
}
|
||
|
}
|
||
|
if (queryParamsSub != null) {
|
||
|
queryParamsSub.unsubscribe();
|
||
|
}
|
||
|
});
|
||
|
});
|
||
|
}
|
||
|
|
||
|
getUsers(): Promise<ListResponse<ProviderUserUserDetailsResponse>> {
|
||
|
return this.apiService.getProviderUsers(this.providerId);
|
||
|
}
|
||
|
|
||
|
deleteUser(id: string): Promise<any> {
|
||
|
return this.apiService.deleteProviderUser(this.providerId, id);
|
||
|
}
|
||
|
|
||
|
reinviteUser(id: string): Promise<any> {
|
||
|
return this.apiService.postProviderUserReinvite(this.providerId, id);
|
||
|
}
|
||
|
|
||
|
async confirmUser(user: ProviderUserUserDetailsResponse, publicKey: Uint8Array): Promise<any> {
|
||
|
const providerKey = await this.cryptoService.getProviderKey(this.providerId);
|
||
|
const key = await this.cryptoService.rsaEncrypt(providerKey.key, publicKey.buffer);
|
||
|
const request = new ProviderUserConfirmRequest();
|
||
|
request.key = key.encryptedString;
|
||
|
await this.apiService.postProviderUserConfirm(this.providerId, user.id, request);
|
||
|
}
|
||
|
|
||
|
edit(user: ProviderUserUserDetailsResponse) {
|
||
|
if (this.modal != null) {
|
||
|
this.modal.close();
|
||
|
}
|
||
|
|
||
|
const factory = this.componentFactoryResolver.resolveComponentFactory(ModalComponent);
|
||
|
this.modal = this.addEditModalRef.createComponent(factory).instance;
|
||
|
const childComponent = this.modal.show<UserAddEditComponent>(
|
||
|
UserAddEditComponent, this.addEditModalRef);
|
||
|
|
||
|
childComponent.name = this.userNamePipe.transform(user);
|
||
|
childComponent.providerId = this.providerId;
|
||
|
childComponent.providerUserId = user != null ? user.id : null;
|
||
|
childComponent.onSavedUser.subscribe(() => {
|
||
|
this.modal.close();
|
||
|
this.load();
|
||
|
});
|
||
|
childComponent.onDeletedUser.subscribe(() => {
|
||
|
this.modal.close();
|
||
|
this.removeUser(user);
|
||
|
});
|
||
|
|
||
|
this.modal.onClosed.subscribe(() => {
|
||
|
this.modal = null;
|
||
|
});
|
||
|
}
|
||
|
|
||
|
async events(user: ProviderUserUserDetailsResponse) {
|
||
|
if (this.modal != null) {
|
||
|
this.modal.close();
|
||
|
}
|
||
|
|
||
|
const factory = this.componentFactoryResolver.resolveComponentFactory(ModalComponent);
|
||
|
this.modal = this.eventsModalRef.createComponent(factory).instance;
|
||
|
const childComponent = this.modal.show<EntityEventsComponent>(
|
||
|
EntityEventsComponent, this.eventsModalRef);
|
||
|
|
||
|
childComponent.name = this.userNamePipe.transform(user);
|
||
|
childComponent.providerId = this.providerId;
|
||
|
childComponent.entityId = user.id;
|
||
|
childComponent.showUser = false;
|
||
|
childComponent.entity = 'user';
|
||
|
|
||
|
this.modal.onClosed.subscribe(() => {
|
||
|
this.modal = null;
|
||
|
});
|
||
|
}
|
||
|
|
||
|
async bulkRemove() {
|
||
|
if (this.actionPromise != null) {
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
if (this.modal != null) {
|
||
|
this.modal.close();
|
||
|
}
|
||
|
|
||
|
const factory = this.componentFactoryResolver.resolveComponentFactory(ModalComponent);
|
||
|
this.modal = this.bulkRemoveModalRef.createComponent(factory).instance;
|
||
|
const childComponent = this.modal.show(BulkRemoveComponent, this.bulkRemoveModalRef);
|
||
|
|
||
|
childComponent.providerId = this.providerId;
|
||
|
childComponent.users = this.getCheckedUsers();
|
||
|
|
||
|
this.modal.onClosed.subscribe(async () => {
|
||
|
await this.load();
|
||
|
this.modal = null;
|
||
|
});
|
||
|
}
|
||
|
|
||
|
async bulkReinvite() {
|
||
|
if (this.actionPromise != null) {
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
const users = this.getCheckedUsers();
|
||
|
const filteredUsers = users.filter(u => u.status === ProviderUserStatusType.Invited);
|
||
|
|
||
|
if (filteredUsers.length <= 0) {
|
||
|
this.toasterService.popAsync('error', this.i18nService.t('errorOccurred'),
|
||
|
this.i18nService.t('noSelectedUsersApplicable'));
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
try {
|
||
|
const request = new ProviderUserBulkRequest(filteredUsers.map(user => user.id));
|
||
|
const response = this.apiService.postManyProviderUserReinvite(this.providerId, request);
|
||
|
this.showBulkStatus(users, filteredUsers, response, this.i18nService.t('bulkReinviteMessage'));
|
||
|
} catch (e) {
|
||
|
this.validationService.showError(e);
|
||
|
}
|
||
|
this.actionPromise = null;
|
||
|
}
|
||
|
|
||
|
async bulkConfirm() {
|
||
|
if (this.actionPromise != null) {
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
if (this.modal != null) {
|
||
|
this.modal.close();
|
||
|
}
|
||
|
|
||
|
const factory = this.componentFactoryResolver.resolveComponentFactory(ModalComponent);
|
||
|
this.modal = this.bulkConfirmModalRef.createComponent(factory).instance;
|
||
|
const childComponent = this.modal.show(BulkConfirmComponent, this.bulkConfirmModalRef);
|
||
|
|
||
|
childComponent.providerId = this.providerId;
|
||
|
childComponent.users = this.getCheckedUsers();
|
||
|
|
||
|
this.modal.onClosed.subscribe(async () => {
|
||
|
await this.load();
|
||
|
this.modal = null;
|
||
|
});
|
||
|
}
|
||
|
|
||
|
private async showBulkStatus(users: ProviderUserUserDetailsResponse[], filteredUsers: ProviderUserUserDetailsResponse[],
|
||
|
request: Promise<ListResponse<ProviderUserBulkResponse>>, successfullMessage: string) {
|
||
|
|
||
|
const factory = this.componentFactoryResolver.resolveComponentFactory(ModalComponent);
|
||
|
this.modal = this.bulkStatusModalRef.createComponent(factory).instance;
|
||
|
const childComponent = this.modal.show<BulkStatusComponent>(
|
||
|
BulkStatusComponent, this.bulkStatusModalRef);
|
||
|
|
||
|
childComponent.loading = true;
|
||
|
|
||
|
// Workaround to handle closing the modal shortly after it has been opened
|
||
|
let close = false;
|
||
|
this.modal.onShown.subscribe(() => {
|
||
|
if (close) {
|
||
|
this.modal.close();
|
||
|
}
|
||
|
});
|
||
|
|
||
|
this.modal.onClosed.subscribe(() => {
|
||
|
this.modal = null;
|
||
|
});
|
||
|
|
||
|
try {
|
||
|
const response = await request;
|
||
|
|
||
|
if (this.modal) {
|
||
|
const keyedErrors: any = response.data.filter(r => r.error !== '').reduce((a, x) => ({ ...a, [x.id]: x.error }), {});
|
||
|
const keyedFilteredUsers: any = filteredUsers.reduce((a, x) => ({ ...a, [x.id]: x }), {});
|
||
|
|
||
|
childComponent.users = users.map(user => {
|
||
|
let message = keyedErrors[user.id] ?? successfullMessage;
|
||
|
if (!keyedFilteredUsers.hasOwnProperty(user.id)) {
|
||
|
message = this.i18nService.t('bulkFilteredMessage');
|
||
|
}
|
||
|
|
||
|
return {
|
||
|
user: user,
|
||
|
error: keyedErrors.hasOwnProperty(user.id),
|
||
|
message: message,
|
||
|
};
|
||
|
});
|
||
|
childComponent.loading = false;
|
||
|
}
|
||
|
} catch {
|
||
|
close = true;
|
||
|
if (this.modal) {
|
||
|
this.modal.close();
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|