|
|
@ -1,26 +1,17 @@ |
|
|
import { ListService, LocalizationPipe } from '@abp/ng.core'; |
|
|
import { ListService, LocalizationPipe } from '@abp/ng.core'; |
|
|
import { |
|
|
import { |
|
|
ButtonComponent, |
|
|
ButtonComponent, |
|
|
Confirmation, |
|
|
Confirmation, |
|
|
ConfirmationService, |
|
|
ConfirmationService, |
|
|
ModalCloseDirective, |
|
|
ModalCloseDirective, |
|
|
ModalComponent, |
|
|
ModalComponent, |
|
|
ToasterService, |
|
|
ToasterService, |
|
|
} from '@abp/ng.theme.shared'; |
|
|
} from '@abp/ng.theme.shared'; |
|
|
import { |
|
|
import { |
|
|
PermissionsService, |
|
|
PermissionsService, |
|
|
ResourcePermissionGrantInfoDto, |
|
|
ResourcePermissionGrantInfoDto, |
|
|
} from '@abp/ng.permission-management/proxy'; |
|
|
} from '@abp/ng.permission-management/proxy'; |
|
|
import { |
|
|
import { Component, inject, input, model, OnInit, effect, untracked, signal } from '@angular/core'; |
|
|
Component, |
|
|
|
|
|
inject, |
|
|
|
|
|
input, |
|
|
|
|
|
model, |
|
|
|
|
|
OnInit, |
|
|
|
|
|
effect, |
|
|
|
|
|
untracked, |
|
|
|
|
|
signal, |
|
|
|
|
|
} from '@angular/core'; |
|
|
|
|
|
import { finalize, switchMap, of } from 'rxjs'; |
|
|
import { finalize, switchMap, of } from 'rxjs'; |
|
|
import { ResourcePermissionStateService } from '../../services/resource-permission-state.service'; |
|
|
import { ResourcePermissionStateService } from '../../services/resource-permission-state.service'; |
|
|
import { ResourcePermissionListComponent } from './resource-permission-list/resource-permission-list.component'; |
|
|
import { ResourcePermissionListComponent } from './resource-permission-list/resource-permission-list.component'; |
|
|
@ -31,187 +22,195 @@ import { eResourcePermissionViewModes } from '../../enums/view-modes'; |
|
|
const DEFAULT_MAX_RESULT_COUNT = 10; |
|
|
const DEFAULT_MAX_RESULT_COUNT = 10; |
|
|
|
|
|
|
|
|
@Component({ |
|
|
@Component({ |
|
|
selector: 'abp-resource-permission-management', |
|
|
selector: 'abp-resource-permission-management', |
|
|
templateUrl: './resource-permission-management.component.html', |
|
|
templateUrl: './resource-permission-management.component.html', |
|
|
exportAs: 'abpResourcePermissionManagement', |
|
|
exportAs: 'abpResourcePermissionManagement', |
|
|
providers: [ResourcePermissionStateService, ListService], |
|
|
providers: [ResourcePermissionStateService, ListService], |
|
|
imports: [ |
|
|
imports: [ |
|
|
ModalComponent, |
|
|
ModalComponent, |
|
|
LocalizationPipe, |
|
|
LocalizationPipe, |
|
|
ButtonComponent, |
|
|
ButtonComponent, |
|
|
ModalCloseDirective, |
|
|
ModalCloseDirective, |
|
|
ResourcePermissionListComponent, |
|
|
ResourcePermissionListComponent, |
|
|
ResourcePermissionFormComponent, |
|
|
ResourcePermissionFormComponent, |
|
|
], |
|
|
], |
|
|
}) |
|
|
}) |
|
|
export class ResourcePermissionManagementComponent implements OnInit { |
|
|
export class ResourcePermissionManagementComponent implements OnInit { |
|
|
readonly eResourcePermissionViewModes = eResourcePermissionViewModes; |
|
|
readonly eResourcePermissionViewModes = eResourcePermissionViewModes; |
|
|
|
|
|
|
|
|
protected readonly service = inject(PermissionsService); |
|
|
protected readonly service = inject(PermissionsService); |
|
|
protected readonly toasterService = inject(ToasterService); |
|
|
protected readonly toasterService = inject(ToasterService); |
|
|
protected readonly confirmationService = inject(ConfirmationService); |
|
|
protected readonly confirmationService = inject(ConfirmationService); |
|
|
protected readonly state = inject(ResourcePermissionStateService); |
|
|
protected readonly state = inject(ResourcePermissionStateService); |
|
|
private readonly list = inject(ListService); |
|
|
private readonly list = inject(ListService); |
|
|
|
|
|
|
|
|
readonly resourceName = input.required<string>(); |
|
|
readonly resourceName = input.required<string>(); |
|
|
readonly resourceKey = input.required<string>(); |
|
|
readonly resourceKey = input.required<string>(); |
|
|
readonly resourceDisplayName = input<string>(); |
|
|
readonly resourceDisplayName = input<string>(); |
|
|
|
|
|
|
|
|
readonly visible = model<boolean>(false); |
|
|
readonly visible = model<boolean>(false); |
|
|
|
|
|
|
|
|
private readonly previousVisible = signal(false); |
|
|
private readonly previousVisible = signal(false); |
|
|
|
|
|
|
|
|
constructor() { |
|
|
constructor() { |
|
|
effect(() => { |
|
|
effect(() => { |
|
|
const resourceName = this.resourceName(); |
|
|
const resourceName = this.resourceName(); |
|
|
const resourceKey = this.resourceKey(); |
|
|
const resourceKey = this.resourceKey(); |
|
|
const resourceDisplayName = this.resourceDisplayName(); |
|
|
const resourceDisplayName = this.resourceDisplayName(); |
|
|
|
|
|
|
|
|
untracked(() => { |
|
|
untracked(() => { |
|
|
this.state.resourceName.set(resourceName); |
|
|
this.state.resourceName.set(resourceName); |
|
|
this.state.resourceKey.set(resourceKey); |
|
|
this.state.resourceKey.set(resourceKey); |
|
|
this.state.resourceDisplayName.set(resourceDisplayName); |
|
|
this.state.resourceDisplayName.set(resourceDisplayName); |
|
|
}); |
|
|
}); |
|
|
}); |
|
|
}); |
|
|
|
|
|
|
|
|
effect(() => { |
|
|
effect(() => { |
|
|
const isVisible = this.visible(); |
|
|
const isVisible = this.visible(); |
|
|
const wasVisible = this.previousVisible(); |
|
|
const wasVisible = this.previousVisible(); |
|
|
if (isVisible && !wasVisible) { |
|
|
if (isVisible && !wasVisible) { |
|
|
this.openModal(); |
|
|
this.openModal(); |
|
|
} else if (!isVisible && wasVisible) { |
|
|
} else if (!isVisible && wasVisible) { |
|
|
this.state.reset(); |
|
|
this.state.reset(); |
|
|
} |
|
|
} |
|
|
untracked(() => this.previousVisible.set(isVisible)); |
|
|
untracked(() => this.previousVisible.set(isVisible)); |
|
|
}); |
|
|
}); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
ngOnInit() { |
|
|
ngOnInit() { |
|
|
this.list.maxResultCount = DEFAULT_MAX_RESULT_COUNT; |
|
|
this.list.maxResultCount = DEFAULT_MAX_RESULT_COUNT; |
|
|
|
|
|
|
|
|
this.list.hookToQuery(query => { |
|
|
this.list |
|
|
const allData = this.state.allResourcePermissions(); |
|
|
.hookToQuery(query => { |
|
|
const skipCount = query.skipCount || 0; |
|
|
const allData = this.state.allResourcePermissions(); |
|
|
const maxResultCount = query.maxResultCount || DEFAULT_MAX_RESULT_COUNT; |
|
|
const skipCount = query.skipCount || 0; |
|
|
|
|
|
const maxResultCount = query.maxResultCount || DEFAULT_MAX_RESULT_COUNT; |
|
|
const paginatedData = allData.slice(skipCount, skipCount + maxResultCount); |
|
|
|
|
|
|
|
|
const paginatedData = allData.slice(skipCount, skipCount + maxResultCount); |
|
|
return of({ |
|
|
|
|
|
items: paginatedData, |
|
|
return of({ |
|
|
totalCount: allData.length |
|
|
items: paginatedData, |
|
|
}); |
|
|
totalCount: allData.length, |
|
|
}).subscribe(result => { |
|
|
|
|
|
this.state.resourcePermissions.set(result.items); |
|
|
|
|
|
this.state.totalCount.set(result.totalCount); |
|
|
|
|
|
}); |
|
|
}); |
|
|
} |
|
|
}) |
|
|
|
|
|
.subscribe(result => { |
|
|
openModal() { |
|
|
this.state.resourcePermissions.set(result.items); |
|
|
this.state.modalBusy.set(true); |
|
|
this.state.totalCount.set(result.totalCount); |
|
|
|
|
|
}); |
|
|
this.service.getResource(this.resourceName(), this.resourceKey()).pipe( |
|
|
} |
|
|
switchMap(permRes => { |
|
|
|
|
|
this.state.setResourceData(permRes.permissions || []); |
|
|
openModal() { |
|
|
this.list.get(); |
|
|
this.state.modalBusy.set(true); |
|
|
return this.service.getResourceProviderKeyLookupServices(this.resourceName()); |
|
|
|
|
|
}), |
|
|
this.service |
|
|
switchMap(providerRes => { |
|
|
.getResource(this.resourceName(), this.resourceKey()) |
|
|
this.state.setProviders(providerRes.providers || []); |
|
|
.pipe( |
|
|
return this.service.getResourceDefinitions(this.resourceName()); |
|
|
switchMap(permRes => { |
|
|
}), |
|
|
this.state.setResourceData(permRes.permissions || []); |
|
|
finalize(() => this.state.modalBusy.set(false)) |
|
|
this.list.get(); |
|
|
).subscribe({ |
|
|
return this.service.getResourceProviderKeyLookupServices(this.resourceName()); |
|
|
next: defRes => { |
|
|
}), |
|
|
this.state.setDefinitions(defRes.permissions || []); |
|
|
switchMap(providerRes => { |
|
|
}, |
|
|
this.state.setProviders(providerRes.providers || []); |
|
|
error: () => { |
|
|
return this.service.getResourceDefinitions(this.resourceName()); |
|
|
this.toasterService.error('AbpPermissionManagement::ErrorLoadingPermissions'); |
|
|
}), |
|
|
} |
|
|
finalize(() => this.state.modalBusy.set(false)), |
|
|
}); |
|
|
) |
|
|
} |
|
|
.subscribe({ |
|
|
|
|
|
next: defRes => { |
|
|
onAddClicked() { |
|
|
this.state.setDefinitions(defRes.permissions || []); |
|
|
this.state.goToAddMode(); |
|
|
}, |
|
|
} |
|
|
error: () => { |
|
|
|
|
|
this.toasterService.error('AbpPermissionManagement::ErrorLoadingPermissions'); |
|
|
onEditClicked(grant: ResourcePermissionGrantInfoDto) { |
|
|
}, |
|
|
this.state.prepareEditMode(grant); |
|
|
}); |
|
|
this.state.modalBusy.set(true); |
|
|
} |
|
|
|
|
|
|
|
|
this.service.getResourceByProvider( |
|
|
onAddClicked() { |
|
|
this.resourceName(), |
|
|
this.state.goToAddMode(); |
|
|
this.resourceKey(), |
|
|
} |
|
|
grant.providerName || '', |
|
|
|
|
|
grant.providerKey || '' |
|
|
onEditClicked(grant: ResourcePermissionGrantInfoDto) { |
|
|
).pipe( |
|
|
this.state.prepareEditMode(grant); |
|
|
finalize(() => this.state.modalBusy.set(false)) |
|
|
this.state.modalBusy.set(true); |
|
|
).subscribe({ |
|
|
|
|
|
next: res => { |
|
|
this.service |
|
|
this.state.setEditModePermissions(res.permissions || []); |
|
|
.getResourceByProvider( |
|
|
} |
|
|
this.resourceName(), |
|
|
}); |
|
|
this.resourceKey(), |
|
|
} |
|
|
grant.providerName || '', |
|
|
|
|
|
grant.providerKey || '', |
|
|
onDeleteClicked(grant: ResourcePermissionGrantInfoDto) { |
|
|
) |
|
|
this.confirmationService |
|
|
.pipe(finalize(() => this.state.modalBusy.set(false))) |
|
|
.warn( |
|
|
.subscribe({ |
|
|
'AbpPermissionManagement::PermissionDeletionConfirmationMessage', |
|
|
next: res => { |
|
|
'AbpPermissionManagement::AreYouSure', |
|
|
this.state.setEditModePermissions(res.permissions || []); |
|
|
{ |
|
|
}, |
|
|
messageLocalizationParams: [grant.providerKey || ''], |
|
|
}); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
onDeleteClicked(grant: ResourcePermissionGrantInfoDto) { |
|
|
|
|
|
this.confirmationService |
|
|
|
|
|
.warn( |
|
|
|
|
|
'AbpPermissionManagement::ResourcePermissionDeletionConfirmationMessage', |
|
|
|
|
|
'AbpPermissionManagement::AreYouSure', |
|
|
|
|
|
{ |
|
|
|
|
|
messageLocalizationParams: [grant.providerKey || ''], |
|
|
|
|
|
}, |
|
|
|
|
|
) |
|
|
|
|
|
.subscribe((status: Confirmation.Status) => { |
|
|
|
|
|
if (status === Confirmation.Status.confirm) { |
|
|
|
|
|
this.state.modalBusy.set(true); |
|
|
|
|
|
this.service |
|
|
|
|
|
.deleteResource( |
|
|
|
|
|
this.resourceName(), |
|
|
|
|
|
this.resourceKey(), |
|
|
|
|
|
grant.providerName || '', |
|
|
|
|
|
grant.providerKey || '', |
|
|
) |
|
|
) |
|
|
.subscribe((status: Confirmation.Status) => { |
|
|
.pipe( |
|
|
if (status === Confirmation.Status.confirm) { |
|
|
switchMap(() => this.service.getResource(this.resourceName(), this.resourceKey())), |
|
|
this.state.modalBusy.set(true); |
|
|
finalize(() => this.state.modalBusy.set(false)), |
|
|
this.service.deleteResource( |
|
|
) |
|
|
this.resourceName(), |
|
|
.subscribe({ |
|
|
this.resourceKey(), |
|
|
next: res => { |
|
|
grant.providerName || '', |
|
|
this.state.setResourceData(res.permissions || []); |
|
|
grant.providerKey || '' |
|
|
this.list.get(); |
|
|
).pipe( |
|
|
this.toasterService.success('AbpUi::DeletedSuccessfully'); |
|
|
switchMap(() => this.service.getResource(this.resourceName(), this.resourceKey())), |
|
|
}, |
|
|
finalize(() => this.state.modalBusy.set(false)) |
|
|
|
|
|
).subscribe({ |
|
|
|
|
|
next: res => { |
|
|
|
|
|
this.state.setResourceData(res.permissions || []); |
|
|
|
|
|
this.list.get(); |
|
|
|
|
|
this.toasterService.success('AbpUi::SuccessfullyDeleted'); |
|
|
|
|
|
} |
|
|
|
|
|
}); |
|
|
|
|
|
} |
|
|
|
|
|
}); |
|
|
}); |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
savePermission() { |
|
|
|
|
|
const isEdit = this.state.isEditMode(); |
|
|
|
|
|
const providerName = isEdit ? this.state.editProviderName() : this.state.selectedProviderName(); |
|
|
|
|
|
const providerKey = isEdit ? this.state.editProviderKey() : this.state.selectedProviderKey(); |
|
|
|
|
|
|
|
|
|
|
|
if (!isEdit && !this.state.canSave()) { |
|
|
|
|
|
this.toasterService.warn('AbpPermissionManagement::PleaseSelectProviderAndPermissions'); |
|
|
|
|
|
return; |
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
}); |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
this.state.modalBusy.set(true); |
|
|
savePermission() { |
|
|
this.service.updateResource( |
|
|
const isEdit = this.state.isEditMode(); |
|
|
this.resourceName(), |
|
|
const providerName = isEdit ? this.state.editProviderName() : this.state.selectedProviderName(); |
|
|
this.resourceKey(), |
|
|
const providerKey = isEdit ? this.state.editProviderKey() : this.state.selectedProviderKey(); |
|
|
{ |
|
|
|
|
|
providerName, |
|
|
if (!isEdit && !this.state.canSave()) { |
|
|
providerKey, |
|
|
this.toasterService.warn('AbpPermissionManagement::PleaseSelectProviderAndPermissions'); |
|
|
permissions: this.state.selectedPermissions() |
|
|
return; |
|
|
} |
|
|
|
|
|
).pipe( |
|
|
|
|
|
switchMap(() => this.service.getResource(this.resourceName(), this.resourceKey())), |
|
|
|
|
|
finalize(() => this.state.modalBusy.set(false)) |
|
|
|
|
|
).subscribe({ |
|
|
|
|
|
next: res => { |
|
|
|
|
|
this.state.setResourceData(res.permissions || []); |
|
|
|
|
|
this.list.get(); |
|
|
|
|
|
this.toasterService.success('AbpUi::SavedSuccessfully'); |
|
|
|
|
|
this.state.goToListMode(); |
|
|
|
|
|
} |
|
|
|
|
|
}); |
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
this.state.modalBusy.set(true); |
|
|
|
|
|
this.service |
|
|
|
|
|
.updateResource(this.resourceName(), this.resourceKey(), { |
|
|
|
|
|
providerName, |
|
|
|
|
|
providerKey, |
|
|
|
|
|
permissions: this.state.selectedPermissions(), |
|
|
|
|
|
}) |
|
|
|
|
|
.pipe( |
|
|
|
|
|
switchMap(() => this.service.getResource(this.resourceName(), this.resourceKey())), |
|
|
|
|
|
finalize(() => this.state.modalBusy.set(false)), |
|
|
|
|
|
) |
|
|
|
|
|
.subscribe({ |
|
|
|
|
|
next: res => { |
|
|
|
|
|
this.state.setResourceData(res.permissions || []); |
|
|
|
|
|
this.list.get(); |
|
|
|
|
|
this.toasterService.success('AbpUi::SavedSuccessfully'); |
|
|
|
|
|
this.state.goToListMode(); |
|
|
|
|
|
}, |
|
|
|
|
|
}); |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
|
Ma Liming
9 months ago
GitHub