[NAE-1684] Frontend component for data field caseRef

- fix according to PR

Author: Kovy95

projects/netgrif-components-core/src/assets/i18n/en.json

@@ -246,7 +246,7 @@
             "maxFilesSizeExceeded": "The maximum size of uploaded files is exceeded: ",
             "notSelectedUser": "No user has been selected",
             "userAssigned": "User {{userName}} was assigned",
-            "caseNetGetFailed": "Getting case Net failed"
+            "caseNetGetFailed": "Getting case net failed"
         },
         "values": {
             "boolean": {

projects/netgrif-components-core/src/lib/data-fields/case-ref-field/abstract-case-ref-field.component.ts

@@ -1,4 +1,4 @@
-import {AfterViewInit, Component, Input} from '@angular/core';
+import {AfterViewInit, Component, Inject, Input, Optional} from '@angular/core';
 import {
     PetriflowArc,
     PetriflowCanvasConfigurationService,
@@ -29,29 +29,34 @@ import {PetriNetImport} from '../../resources/interface/petri-net-import';
 import {LoggerService} from '../../logger/services/logger.service';
 import {SnackBarService} from '../../snack-bar/services/snack-bar.service';
 import {TranslateService} from '@ngx-translate/core';
+import {AbstractDataFieldComponent} from '../models/abstract-data-field-component';
+import {NAE_INFORM_ABOUT_INVALID_DATA} from '../models/invalid-data-policy-token';
 
 @Component({
     selector: 'ncc-abstract-case-ref-field',
     template: ''
 })
-export abstract class AbstractCaseRefFieldComponent implements AfterViewInit {
+export abstract class AbstractCaseRefFieldComponent extends AbstractDataFieldComponent implements AfterViewInit {
 
     @Input() public dataField: CaseRefField;
 
     constructor(protected _petriflowCanvasService: PetriflowCanvasService, protected _petriflowFactoryService: PetriflowCanvasFactoryService,
                 protected _petriflowConfigService: PetriflowCanvasConfigurationService, protected _caseResourceService: CaseResourceService,
                 protected _petriNetResourceService: PetriNetResourceService, protected _log: LoggerService, protected _snackBar: SnackBarService,
-                protected _translate: TranslateService) {
+                protected _translate: TranslateService, @Optional() @Inject(NAE_INFORM_ABOUT_INVALID_DATA) informAboutInvalidData: boolean | null) {
+        super(informAboutInvalidData);
     }
 
     ngAfterViewInit(): void {
-        this._petriNetResourceService.getNetByCaseId(this.dataField.value).subscribe(net => {
-            if (net) {
-                this.createNet(net);
+        this.formControl.valueChanges.subscribe(value => {
+            if (value?.length > 0) {
+                this._petriNetResourceService.getNetByCaseId(value[0]).subscribe(net => {
+                    this.createNet(net);
+                }, error => {
+                    this._log.error('Getting net by Case ID failed in field ['+ this.dataField.stringId + ']', error);
+                    this._snackBar.openErrorSnackBar(this._translate.instant('dataField.snackBar.caseNetGetFailed'));
+                });
             }
-        }, error => {
-            this._log.error('Getting net by Case ID failed in field ['+ this.dataField.stringId + ']', error);
-            this._snackBar.openErrorSnackBar(this._translate.instant('dataField.snackBar.caseNetGetFailed'));
         });
     }
 
@@ -66,16 +71,16 @@ export abstract class AbstractCaseRefFieldComponent implements AfterViewInit {
             trans.push(t);
             minX = Math.min(minX, value.position.x);
             minY = Math.min(minY, value.position.y);
-            this.setPlaceActions(t.canvasElement.element);
+            this.setEmptyEvents(t.canvasElement.element);
         })
         net.places.forEach((value) => {
             const p = this.createPlace(value)
             places.push(p);
             minX = Math.min(minX, value.position.x);
             minY = Math.min(minY, value.position.y);
-            this.setPlaceActions(p.canvasElement.element);
+            this.setEmptyEvents(p.canvasElement.element);
             p.canvasElement.markingTokens.forEach(markingToken => {
-                this.setPlaceActions(markingToken);
+                this.setEmptyEvents(markingToken);
             });
         })
         net.arcs.forEach((arc) => {
@@ -85,7 +90,7 @@ export abstract class AbstractCaseRefFieldComponent implements AfterViewInit {
                 minX = Math.min(minX, value.x);
                 minY = Math.min(minY, value.y);
             });
-            this.setPlaceActions(a.element.arcLine);
+            this.setEmptyEvents(a.element.arcLine);
         });
         trans.forEach(value => {
             if (net.assignedTasks.includes(value.canvasElement.label.textContent)) {
@@ -242,7 +247,7 @@ export abstract class AbstractCaseRefFieldComponent implements AfterViewInit {
             this.dataField.layout.rows * CaseRefField.FIELD_HEIGHT : CaseRefField.FIELD_HEIGHT;
     }
 
-    protected setPlaceActions(svgElement: SVGElement) {
+    protected setEmptyEvents(svgElement: SVGElement) {
         svgElement.onmouseenter = () => {};
         svgElement.onmouseleave = () => {};
     }

projects/netgrif-components-core/src/lib/data-fields/case-ref-field/models/case-ref-field.ts

@@ -4,11 +4,11 @@ import {Validation} from '../../models/validation';
 import {Component} from '../../models/component';
 import {DataField} from '../../models/abstract-data-field';
 
-export class CaseRefField extends DataField<string> {
+export class CaseRefField extends DataField<Array<string>> {
 
     public static FIELD_HEIGHT: number = 75;
 
-    constructor(stringId: string, title: string, value: string, behavior: Behavior, placeholder?: string,
+    constructor(stringId: string, title: string, value: Array<string>, behavior: Behavior, placeholder?: string,
                 description?: string, layout?: Layout, validations?: Array<Validation>, _component?: Component, parentTaskId?: string) {
         super(stringId, title, value, behavior, placeholder, description, layout, validations, _component, parentTaskId);
     }

projects/netgrif-components-core/src/lib/task-content/services/field-converter.service.ts

@@ -109,7 +109,7 @@ export class FieldConverterService {
                 return new I18nField(item.stringId, item.name, item.value ?? {defaultValue: ''}, item.behavior, item.placeholder,
                     item.description, item.layout, item.validations, item.component);
             case FieldTypeResource.CASE_REF:
-                return new CaseRefField(item.stringId, item.name, item.value ?? {defaultValue: ''}, item.behavior, item.placeholder,
+                return new CaseRefField(item.stringId, item.name, item.value ?? [], item.behavior, item.placeholder,
                     item.description, item.layout, item.validations, item.component);
         }
     }

projects/netgrif-components/src/lib/data-fields/case-ref-field/case-ref-field.component.spec.ts

@@ -62,7 +62,7 @@ describe('CaseRefFieldComponent', () => {
     template: '<nc-case-ref-field [dataField]="field"></nc-case-ref-field>'
 })
 class TestWrapperComponent {
-    field = new CaseRefField('', '', '', {
+    field = new CaseRefField('', '', [], {
         required: true,
     });
 }

projects/netgrif-components/src/lib/data-fields/case-ref-field/case-ref-field.component.ts

@@ -1,10 +1,10 @@
-import {Component} from '@angular/core';
+import {Component, Inject, Optional} from '@angular/core';
 import {
     AbstractCaseRefFieldComponent,
     CaseResourceService,
     PetriNetResourceService,
     LoggerService,
-    SnackBarService
+    SnackBarService, NAE_INFORM_ABOUT_INVALID_DATA
 } from '@netgrif/components-core';
 import {
     PetriflowCanvasConfigurationService,
@@ -23,9 +23,9 @@ export class CaseRefFieldComponent extends AbstractCaseRefFieldComponent {
     constructor(protected _petriflowCanvasService: PetriflowCanvasService, protected _petriflowFactoryService: PetriflowCanvasFactoryService,
                 protected _petriflowConfigService: PetriflowCanvasConfigurationService, protected _caseResourceService: CaseResourceService,
                 protected _petriNetResourceService: PetriNetResourceService, protected _log: LoggerService, protected _snackBar: SnackBarService,
-                protected _translate: TranslateService){
+                protected _translate: TranslateService, @Optional() @Inject(NAE_INFORM_ABOUT_INVALID_DATA) informAboutInvalidData: boolean | null){
         super(_petriflowCanvasService, _petriflowFactoryService, _petriflowConfigService, _caseResourceService, _petriNetResourceService,
-            _log, _snackBar, _translate);
+            _log, _snackBar, _translate, informAboutInvalidData);
     }
 
 }