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 | 36x 36x 36x 36x 36x 36x 141x 141x 141x 141x 141x 141x 141x 149x 106x 43x 149x 141x 2x 141x 151x | 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) });
}
}
|