Merge pull request #83 from Gid733/master

Added entity-select functionality

Author: renemadsen

eform-client/src/app/modules/cases/components/case-elements/element-entityselect/element-entityselect.component.html

@@ -1,4 +1,3 @@
-<select class="form-control" [(ngModel)]="fieldValueObj.value" name="value" disabled>
-  <option [value]="fieldValueObj.value">{{fieldValueObj.valueReadable}}
-  </option>
-</select>
+<ngx-select [items]="items"
+            [formControl]="selectControl"
+            [placeholder]="fieldValueObj.valueReadable">

eform-client/src/app/modules/cases/components/case-elements/element-entityselect/element-entityselect.component.ts

@@ -1,13 +1,18 @@
-import {Component, Input, OnInit} from '@angular/core';
-import {CaseFieldValue} from 'app/models';
+import {Component, Input, OnDestroy, OnInit} from '@angular/core';
+import {CaseFieldValue, CommonDictionaryTextModel} from 'app/models';
+import {ISubscription} from 'rxjs/Subscription';
+import {FormControl} from '@angular/forms';
 
 @Component({
   selector: 'element-entityselect',
   templateUrl: './element-entityselect.component.html',
   styleUrls: ['./element-entityselect.component.css']
 })
-export class ElementEntityselectComponent implements OnInit {
+export class ElementEntityselectComponent implements OnInit, OnDestroy {
+  sub:  ISubscription;
+  selectControl = new FormControl();
   fieldValueObj: CaseFieldValue = new CaseFieldValue();
+  items: Array<CommonDictionaryTextModel> = [];
 
   @Input()
   get fieldValue() {
@@ -22,6 +27,18 @@ export class ElementEntityselectComponent implements OnInit {
   }
 
   ngOnInit() {
+    this.sub = this.selectControl.valueChanges.subscribe(value => this.onSelectedChanged(value));
+    for (const keyValuePair of this.fieldValueObj.keyValuePairList) {
+      this.items.push({id: keyValuePair.key, text: keyValuePair.value});
+    }
+  }
+
+  ngOnDestroy(): void {
+    this.sub.unsubscribe();
+  }
+
+  onSelectedChanged(value: string) {
+    this.fieldValue.value = value;
   }
 
 }