mirror of
https://github.com/bitwarden/browser.git
synced 2024-06-26 10:35:48 +02:00
* [deps] Autofill: Update prettier to v3 * prettier formatting updates --------- Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Jonathan Prusik <jprusik@classynemesis.com>
57 lines
1.7 KiB
TypeScript
57 lines
1.7 KiB
TypeScript
import { Directive, Input, OnInit, TemplateRef, ViewContainerRef } from "@angular/core";
|
|
|
|
import { FeatureFlag, FeatureFlagValue } from "@bitwarden/common/enums/feature-flag.enum";
|
|
import { ConfigServiceAbstraction } from "@bitwarden/common/platform/abstractions/config/config.service.abstraction";
|
|
import { LogService } from "@bitwarden/common/platform/abstractions/log.service";
|
|
|
|
/**
|
|
* Directive that conditionally renders the element when the feature flag is enabled and/or
|
|
* matches the value specified by {@link appIfFeatureValue}.
|
|
*
|
|
* When a feature flag is not found in the config service, the element is hidden.
|
|
*/
|
|
@Directive({
|
|
selector: "[appIfFeature]",
|
|
})
|
|
export class IfFeatureDirective implements OnInit {
|
|
/**
|
|
* The feature flag to check.
|
|
*/
|
|
@Input() appIfFeature: FeatureFlag;
|
|
|
|
/**
|
|
* Optional value to compare against the value of the feature flag in the config service.
|
|
* @default true
|
|
*/
|
|
@Input() appIfFeatureValue: FeatureFlagValue = true;
|
|
|
|
private hasView = false;
|
|
|
|
constructor(
|
|
private templateRef: TemplateRef<any>,
|
|
private viewContainer: ViewContainerRef,
|
|
private configService: ConfigServiceAbstraction,
|
|
private logService: LogService,
|
|
) {}
|
|
|
|
async ngOnInit() {
|
|
try {
|
|
const flagValue = await this.configService.getFeatureFlag(this.appIfFeature);
|
|
|
|
if (this.appIfFeatureValue === flagValue) {
|
|
if (!this.hasView) {
|
|
this.viewContainer.createEmbeddedView(this.templateRef);
|
|
this.hasView = true;
|
|
}
|
|
} else {
|
|
this.viewContainer.clear();
|
|
this.hasView = false;
|
|
}
|
|
} catch (e) {
|
|
this.logService.error(e);
|
|
this.viewContainer.clear();
|
|
this.hasView = false;
|
|
}
|
|
}
|
|
}
|