bitwarden-estensione-browser/src/app/organizations/manage/policy-edit.component.ts

import {
    ChangeDetectorRef,
    Component,
    ComponentFactoryResolver,
    EventEmitter,
    Input,
    Output,
    ViewChild,
    ViewContainerRef,
} from '@angular/core';

import { ToasterService } from 'angular2-toaster';

import { ApiService } from 'jslib-common/abstractions/api.service';
import { I18nService } from 'jslib-common/abstractions/i18n.service';

import { PolicyType } from 'jslib-common/enums/policyType';

import { PolicyRequest } from 'jslib-common/models/request/policyRequest';

import { PolicyResponse } from 'jslib-common/models/response/policyResponse';

import { BasePolicy, BasePolicyComponent } from '../policies/base-policy.component';

@Component({
    selector: 'app-policy-edit',
    templateUrl: 'policy-edit.component.html',
})
export class PolicyEditComponent {
    @Input() policy: BasePolicy;
    @Input() organizationId: string;
    @Input() policiesEnabledMap: Map<PolicyType, boolean> = new Map<PolicyType, boolean>();
    @Output() onSavedPolicy = new EventEmitter();

    @ViewChild('policyForm', { read: ViewContainerRef, static: true }) policyFormRef: ViewContainerRef;

    policyType = PolicyType;
    loading = true;
    enabled = false;
    formPromise: Promise<any>;
    defaultTypes: any[];
    policyComponent: BasePolicyComponent;

    private policyResponse: PolicyResponse;

    constructor(private apiService: ApiService, private i18nService: I18nService,
        private toasterService: ToasterService, private componentFactoryResolver: ComponentFactoryResolver,
        private cdr: ChangeDetectorRef) {
    }

    async ngAfterViewInit() {
        await this.load();
        this.loading = false;

        const factory = this.componentFactoryResolver.resolveComponentFactory(this.policy.component);
        this.policyComponent = this.policyFormRef.createComponent(factory).instance as BasePolicyComponent;
        this.policyComponent.policy = this.policy;
        this.policyComponent.policyResponse = this.policyResponse;

        this.cdr.detectChanges();
    }

    async load() {
        try {
            this.policyResponse = await this.apiService.getPolicy(this.organizationId, this.policy.type);
        } catch (e) {
            if (e.statusCode === 404) {
                this.policyResponse = new PolicyResponse({Enabled: false});
            } else {
                throw e;
            }
        }
    }

    async submit() {
        let request: PolicyRequest;
        try {
            request = await this.policyComponent.buildRequest(this.policiesEnabledMap);
        } catch (e) {
            this.toasterService.pop('error', null, e);
            return;
        }

        try {
            this.formPromise = this.apiService.putPolicy(this.organizationId, this.policy.type, request);
            await this.formPromise;
            this.toasterService.popAsync('success', null, this.i18nService.t('editedPolicyId', this.i18nService.t(this.policy.name)));
            this.onSavedPolicy.emit();
        } catch {}
    }
}