[DSC-1379] feature: init security level for inline group

Author: vNovski

src/app/shared/form/builder/ds-dynamic-form-ui/models/relation-group/modal/dynamic-relation-group-modal.components.ts

@@ -312,20 +312,20 @@ export class DsDynamicRelationGroupModalComponent extends DynamicFormControlComp
   }
 
   private initSecurityLevelConfig(chipModel: DynamicInputModel, modelGroup: DynamicFormGroupModel) {
-    if (this.model.name === chipModel.name) {
-      if (modelGroup.group.some((item: any) => item.securityConfigLevel.length > 0)) {
-        (chipModel as any).securityConfigLevel = [0, 1, 2];
-        (chipModel as any).toggleSecurityVisibility = true;
-      }
+    if (this.model.name === chipModel.name && this.model.securityConfigLevel.length > 1) {
+      (chipModel as any).securityConfigLevel = this.model.securityConfigLevel;
+      (chipModel as any).toggleSecurityVisibility = true;
 
       const mainRow = modelGroup.group.find(itemModel => itemModel.name === this.model.name);
 
       (chipModel as any).securityLevel = (mainRow as any).securityLevel || 0;
-      this.securityLevelParent = (mainRow as any).securityLevel || 0;
+      this.securityLevelParent = (mainRow as any).securityLevel;
+
       modelGroup.group.forEach((item: any) => {
         if (item.name !== this.model.name) {
+          item.securityConfigLevel = this.model.securityConfigLevel;
           item.toggleSecurityVisibility = false;
-          item.securityLevel = this.securityLevelParent || 0;
+          item.securityLevel = this.securityLevelParent;
         }
       });
     }

src/app/shared/form/builder/ds-dynamic-form-ui/models/relation-inline-group/dynamic-relation-inline-group.components.ts

@@ -10,7 +10,8 @@ import {
   DynamicFormControlModel,
   DynamicFormGroupModel,
   DynamicFormLayoutService,
-  DynamicFormValidationService
+  DynamicFormValidationService,
+  DynamicInputModel
 } from '@ng-dynamic-forms/core';
 
 import { DynamicRelationGroupModel } from '../relation-group/dynamic-relation-group.model';
@@ -49,24 +50,24 @@ export class DsDynamicRelationInlineGroupComponent extends DynamicFormControlCom
   public formGroup: FormGroup;
   public formModel: DynamicFormControlModel[];
 
-  @ViewChild('formRef', {static: false}) private formRef: FormComponent;
+  @ViewChild('formRef', { static: false }) private formRef: FormComponent;
   protected metadataSecurityConfiguration: MetadataSecurityConfiguration;
 
   constructor(private formBuilderService: FormBuilderService,
-              private formService: FormService,
-              protected layoutService: DynamicFormLayoutService,
-              protected submissionService: SubmissionService,
-              protected validationService: DynamicFormValidationService
+    private formService: FormService,
+    protected layoutService: DynamicFormLayoutService,
+    protected submissionService: SubmissionService,
+    protected validationService: DynamicFormValidationService
   ) {
     super(layoutService, validationService);
   }
 
   ngOnInit() {
     this.submissionService.getSubmissionSecurityConfiguration(this.model.submissionId).pipe(
       take(1)).subscribe(security => {
-      this.metadataSecurityConfiguration = security;
-    });
-    const config = {rows: this.model.formConfiguration} as SubmissionFormsModel;
+        this.metadataSecurityConfiguration = security;
+      });
+    const config = { rows: this.model.formConfiguration } as SubmissionFormsModel;
 
     this.formId = this.formService.getUniqueId(this.model.id);
     this.formModel = this.initArrayModel(config);
@@ -76,7 +77,6 @@ export class DsDynamicRelationInlineGroupComponent extends DynamicFormControlCom
 
   initArrayModel(formConfig): DynamicRowArrayModel[] {
     let arrayCounter = 0;
-
     const config = {
       id: this.model.id + '_array',
       initialCount: isNotEmpty(this.model.value) ? (this.model.value as any[]).length : 1,
@@ -114,8 +114,12 @@ export class DsDynamicRelationInlineGroupComponent extends DynamicFormControlCom
       this.model.readOnly,
       this.formBuilderService.getTypeBindModel(),
       true,
-      this.metadataSecurityConfiguration);
-    return formModel[0];
+      this.metadataSecurityConfiguration)[0];
+
+    (formModel as any).group?.forEach((modelItem: DynamicInputModel) => {
+      this.initSecurityLevelConfig(modelItem, (formModel as any));
+    });
+    return formModel;
   }
 
   onBlur(event: DynamicFormControlEvent) {
@@ -124,7 +128,11 @@ export class DsDynamicRelationInlineGroupComponent extends DynamicFormControlCom
 
   onChange(event: DynamicFormControlEvent) {
     const index = event.model.parent.parent.index;
-    const groupValue = this.getRowValue(event.model.parent as DynamicFormGroupModel);
+    let parentSecurityLevel;
+    if (event.type === 'change') {
+      parentSecurityLevel = this.model.securityLevel;
+    }
+    const groupValue = this.getRowValue(event.model.parent as DynamicFormGroupModel, parentSecurityLevel);
 
     if (this.hasEmptyGroupValue(groupValue)) {
       this.removeItemFromArray(event);
@@ -155,24 +163,69 @@ export class DsDynamicRelationInlineGroupComponent extends DynamicFormControlCom
     }
   }
 
-  private getRowValue(formGroup: DynamicFormGroupModel) {
+  private findModelGroups() {
+    this.formModel.forEach((row: any) => {
+      row.groups.forEach((groupArray) => {
+        groupArray.group.forEach((groupRow) => {
+          const modelRow = groupRow as DynamicFormGroupModel;
+          modelRow.group.forEach((model: DynamicInputModel) => {
+            this.initSecurityLevelConfig(model, modelRow);
+          });
+        });
+      });
+    });
+  }
+
+  private initSecurityLevelConfig(model: DynamicInputModel | any, modelGroup: DynamicFormGroupModel) {
+    if (this.model.name === model.name && this.model.securityConfigLevel.length > 1) {
+      model.securityConfigLevel = this.model.securityConfigLevel;
+      model.toggleSecurityVisibility = true;
+
+      let mainSecurityLevel;
+      const mainRow = modelGroup.group.find(itemModel => itemModel.name === this.model.name);
+      if (isNotEmpty(this.model.securityLevel)) {
+        mainSecurityLevel = this.model.securityLevel;
+      } else {
+        mainSecurityLevel = (mainRow as any).securityLevel;
+      }
+
+      model.securityLevel = mainSecurityLevel;
+
+      modelGroup.group.forEach((item: any) => {
+        if (item.name !== this.model.name) {
+          item.securityConfigLevel = this.model.securityConfigLevel;
+          item.toggleSecurityVisibility = false;
+          item.securityLevel = mainSecurityLevel;
+        }
+      });
+    }
+  }
+
+  private getRowValue(formGroup: DynamicFormGroupModel, securityLevel?: number) {
+    let mainSecurityLevel;
+    if (isNotEmpty(securityLevel)) {
+      mainSecurityLevel = securityLevel;
+    } else {
+      const mainRow = formGroup.group.find(itemModel => itemModel.name === this.model.name);
+      mainSecurityLevel = (mainRow as any).securityLevel;
+    }
     const groupValue = Object.create({});
     formGroup.group.forEach((model: any) => {
       if (model.name !== this.model.mandatoryField) {
         if (isEmpty(model.value)) {
           groupValue[model.name] = PLACEHOLDER_PARENT_METADATA;
         } else {
           if (typeof model.value === 'string') {
-            groupValue[model.name] = new FormFieldMetadataValueObject(model.value, null, model.securityLevel);
+            groupValue[model.name] = new FormFieldMetadataValueObject(model.value, null, mainSecurityLevel);
           } else {
-            groupValue[model.name] = model.value;
+            groupValue[model.name] = {...model.value, securityLevel : mainSecurityLevel};
           }
         }
       } else {
         if (typeof model.value === 'string') {
-          groupValue[model.name] = new FormFieldMetadataValueObject(model.value, null, model.securityLevel);
+          groupValue[model.name] = new FormFieldMetadataValueObject(model.value, null, mainSecurityLevel);
         } else {
-          groupValue[model.name] = model.value;
+          groupValue[model.name] = {...model.value, securityLevel : mainSecurityLevel};
         }
       }
     });
@@ -192,7 +245,7 @@ export class DsDynamicRelationInlineGroupComponent extends DynamicFormControlCom
     return normValue;
   }
 
-  private hasPlaceholder(value: string|FormFieldMetadataValueObject): boolean {
+  private hasPlaceholder(value: string | FormFieldMetadataValueObject): boolean {
     return (value instanceof FormFieldMetadataValueObject) ? value.hasPlaceholder() : (isNotEmpty(value) && value === PLACEHOLDER_PARENT_METADATA);
   }
 
@@ -216,15 +269,29 @@ export class DsDynamicRelationInlineGroupComponent extends DynamicFormControlCom
   }
 
   private updateArrayModelValue(groupValue, index) {
-    let modelValue = this.model.value;
+    let parentSecurityLevel = this.model.securityLevel || this.model.securityConfigLevel[0];
+    for (const name of Object.keys(groupValue)) {
+      if (name === this.model.name && isNotEmpty(groupValue[name].securityLevel)) {
+        parentSecurityLevel = groupValue[name].securityLevel;
+        break;
+      }
+    }
+    if (isNotEmpty(parentSecurityLevel)) {
+      Object.keys(groupValue).forEach(model => {
+        if (groupValue[model] instanceof Object) {
+          groupValue[model].securityLevel = parentSecurityLevel;
+        }
+      });
+      this.model.securityLevel = parentSecurityLevel;
+    }
 
+    let modelValue = this.model.value;
     if (isEmpty(modelValue)) {
       modelValue = [groupValue];
     } else {
       modelValue[index] = groupValue;
     }
     this.model.value = modelValue;
-    this.change.emit();
   }
 
   onCustomEvent(event) {
@@ -246,7 +313,7 @@ export class DsDynamicRelationInlineGroupComponent extends DynamicFormControlCom
 
     if (arrayOfValue[index] === undefined || arrayOfValue[previousIndex] === undefined) {
       return;
-    } else if ( arrayOfValue.length > 0 ) {
+    } else if (arrayOfValue.length > 0) {
       arrayOfValue = arrayOfValue.filter((el) => el !== undefined);
     } else {
       return;
@@ -260,9 +327,10 @@ export class DsDynamicRelationInlineGroupComponent extends DynamicFormControlCom
   }
 
   private copyArrayItem(event) {
-    const index = event.model.parent.index;
-    const groupValue = this.getRowValue(event.model as DynamicFormGroupModel);
+    const index = Array.isArray(this.model.value) ? this.model.value.length : event.model.parent.index;
+    const groupValue = this.getRowValue(event.model as DynamicFormGroupModel, this.model.securityLevel);
     this.updateArrayModelValue(groupValue, index);
+    this.findModelGroups();
     this.change.emit();
   }
 }