Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 | 35x 35x 35x 35x 35x 35x 127x 127x 127x 127x 127x 127x 127x 135x 97x 38x 135x 127x 2x 127x 137x | import { ChangeDetectorRef, DestroyRef, Directive, Input, TemplateRef, ViewContainerRef, inject } from '@angular/core';
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
import { ReplaySubject, Subscription } from 'rxjs';
import { distinctUntilChanged } from 'rxjs/operators';
import { AuthorizationToggleService } from 'ish-core/utils/authorization-toggle/authorization-toggle.service';
/**
* Structural directive.
* Used on an element, this element will only be rendered if the logged in user has the specified permission or one of the specified permission in case an array is given.
*
* @example
* <div *ishIsAuthorizedTo="APP_B2B_PURCHASE'">
* Only visible when the current user is allowed to purchase items.
* </div>
* or
* <div *ishIsAuthorizedTo="['APP_B2B_ORDER_APPROVAL', 'APP_B2B_MANAGE_COSTCENTER']">
* Only visible when the current user has at least one of the given permissions.
* </div>
*/
@Directive({
selector: '[ishIsAuthorizedTo]',
})
export class AuthorizationToggleDirective {
private subscription: Subscription;
private enabled$ = new ReplaySubject<boolean>(1);
private destroyRef = inject(DestroyRef);
constructor(
private cdRef: ChangeDetectorRef,
private templateRef: TemplateRef<unknown>,
private viewContainer: ViewContainerRef,
private authorizationToggle: AuthorizationToggleService
) {
this.enabled$.pipe(distinctUntilChanged(), takeUntilDestroyed()).subscribe(enabled => {
if (enabled) {
this.viewContainer.createEmbeddedView(this.templateRef);
} else {
this.viewContainer.clear();
}
this.cdRef.markForCheck();
});
}
@Input() set ishIsAuthorizedTo(permission: string | string[]) {
// end previous subscription and subscribe to new permission
if (this.subscription) {
// eslint-disable-next-line ban/ban
this.subscription.unsubscribe();
}
this.subscription = this.authorizationToggle
.isAuthorizedTo(permission)
.pipe(takeUntilDestroyed(this.destroyRef))
.subscribe({ next: val => this.enabled$.next(val) });
}
}
|