[NAE-1684] Frontend component for data field caseRef

- start creating caseref field

Author: Kovy95

package.json

@@ -103,7 +103,10 @@
         "rxjs": "~6.5.4",
         "showdown": "^2.0.3",
         "tslib": "^2.0.0",
-        "zone.js": "~0.11.4"
+        "zone.js": "~0.11.4",
+        "panzoom": "~9.4.3",
+        "@netgrif/petriflow.svg": "~1.0.0",
+        "@netgrif/petri.svg": "~1.0.0"
     },
     "devDependencies": {
         "@angular-devkit/build-angular": "~13.3.1",

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

@@ -0,0 +1,14 @@
+import {Behavior} from '../../models/behavior';
+import {Layout} from '../../models/layout';
+import {Validation} from '../../models/validation';
+import {Component} from '../../models/component';
+import {DataField} from '../../models/abstract-data-field';
+import {TextFieldView} from '../../text-field/models/text-field';
+
+export class CaseRefField extends DataField<string> {
+
+    constructor(stringId: string, title: string, value: 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/data-fields/public-api.ts

@@ -58,6 +58,7 @@ export * from './task-ref-field/model/task-ref-field';
 export * from './enumeration-field/models/dynamic-enumeration-field';
 export * from './filter-field/models/filter-field';
 export * from './i18n-field/models/i18n-field';
+export * from './case-ref-field/models/case-ref-field';
 
 /* Interfaces */
 export * from './models/changed-fields';

projects/netgrif-components-core/src/lib/task-content/model/field-type-resource.ts

@@ -16,6 +16,7 @@ export enum FieldTypeResource {
     ENUMERATION_MAP = 'enumeration_map',
     MULTICHOICE_MAP = 'multichoice_map',
     TASK_REF = 'taskRef',
+    CASE_REF = 'caseRef',
     FILTER = 'filter',
     I18N = 'i18n'
 }

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

@@ -21,6 +21,7 @@ import {TaskRefField} from '../../data-fields/task-ref-field/model/task-ref-fiel
 import {DynamicEnumerationField} from '../../data-fields/enumeration-field/models/dynamic-enumeration-field';
 import {FilterField} from '../../data-fields/filter-field/models/filter-field';
 import {I18nField} from '../../data-fields/i18n-field/models/i18n-field';
+import {CaseRefField} from '../../data-fields/case-ref-field/models/case-ref-field';
 
 @Injectable({
     providedIn: 'root'
@@ -117,6 +118,9 @@ export class FieldConverterService {
             case FieldTypeResource.I18N:
                 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,
+                    item.description, item.layout, item.validations, item.component);
         }
     }
 
@@ -141,6 +145,8 @@ export class FieldConverterService {
             return FieldTypeResource.USER;
         } else if (item instanceof TaskRefField) {
             return FieldTypeResource.TASK_REF;
+        } else if (item instanceof CaseRefField) {
+            return FieldTypeResource.CASE_REF;
         } else if (item instanceof EnumerationField || item instanceof MultichoiceField) {
             return item.fieldType;
         } else if (item instanceof FilterField) {

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

@@ -0,0 +1 @@
+ide

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

@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { CaseRefFieldComponent } from './case-ref-field.component';
+
+describe('CaseRefFieldComponent', () => {
+  let component: CaseRefFieldComponent;
+  let fixture: ComponentFixture<CaseRefFieldComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ CaseRefFieldComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(CaseRefFieldComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

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

@@ -0,0 +1,15 @@
+import {Component, Input} from '@angular/core';
+import {CaseRefField} from '@netgrif/components-core';
+
+@Component({
+  selector: 'nc-case-ref-field',
+  templateUrl: './case-ref-field.component.html',
+  styleUrls: ['./case-ref-field.component.scss']
+})
+export class CaseRefFieldComponent {
+
+    @Input() public dataField: CaseRefField;
+
+    constructor(){
+    }
+}

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

@@ -61,6 +61,7 @@ import { I18nTextFieldComponent } from './i18n-field/i18n-text-field/i18n-text-f
 import { EasymdeWrapperComponent } from './text-field/rich-textarea-field/easymde-wrapper/easymde-wrapper.component';
 import {BrowserModule} from '@angular/platform-browser';
 import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
+import { CaseRefFieldComponent } from './case-ref-field/case-ref-field.component';
 
 @NgModule({
     declarations: [
@@ -100,6 +101,7 @@ import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
         I18nDividerFieldComponent,
         I18nTextFieldComponent,
         EasymdeWrapperComponent,
+        CaseRefFieldComponent,
     ],
     exports: [
         BooleanFieldComponent,
@@ -115,7 +117,8 @@ import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
         TextFieldComponent,
         UserFieldComponent,
         FilterFieldComponent,
-        I18nFieldComponent
+        I18nFieldComponent,
+        CaseRefFieldComponent
     ],
     imports: [
         CommonModule,