Adding a readonly option for the entity-search.

Author: renemadsen

eform-client/src/app/modules/cases/cases.module.ts

@@ -18,6 +18,7 @@ import {
   ElementPictureComponent,
   ElementPdfComponent,
   ElementSingleselectComponent,
+  ElementEntitySearchComponent,
   ElementContainerComponent,
   ElementTextComponent,
   ElementInfoboxComponent,
@@ -48,6 +49,7 @@ import {Ng2Bs3ModalModule} from 'ng2-bs3-modal/ng2-bs3-modal';
     ElementMultiselectComponent,
     ElementPdfComponent,
     ElementSingleselectComponent,
+    ElementEntitySearchComponent,
     ElementNumberComponent,
     ElementTextComponent,
     ElementContainerComponent,

eform-client/src/app/modules/cases/components/case-edit-switch/case-edit-switch.component.html

@@ -32,6 +32,9 @@
           <div *ngSwitchCase="'SingleSelect'">
             <element-singleselect [(fieldValue)]="dataItem.fieldValues[0]"></element-singleselect>
           </div>
+          <div *ngSwitchCase="'EntitySearch'">
+            <element-entitysearch [(fieldValue)]="dataItem.fieldValues[0]"></element-entitysearch>
+          </div>
           <div *ngSwitchCase="'MultiSelect'">
             <element-multiselect [(fieldValue)]="dataItem.fieldValues[0]"></element-multiselect>
           </div>

eform-client/src/app/modules/cases/components/case-elements/element-entitysearch/element-entitysearch.component.css

@@ -0,0 +1,11 @@
+<!--<select class="form-control" [(ngModel)]="fieldValueObj.value" name="value">
+  <option *ngFor="let item of fieldValueObj.keyValuePairList"
+          [value]="item.key">{{item.value}}
+  </option>
+</select>-->
+<input class="form-control"
+[placeholder]="fieldValueObj.valueReadable"
+[(ngModel)]="fieldValueObj.valueReadable"
+type="text"
+[value]="fieldValueObj.valueReadable"
+name="value" readonly/>

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

@@ -0,0 +1,27 @@
+import {Component, Input, OnInit} from '@angular/core';
+import {CaseFieldValue} from 'app/models';
+
+@Component({
+  selector: 'element-entitysearch',
+  templateUrl: './element-entitysearch.component.html',
+  styleUrls: ['./element-entitysearch.component.css']
+})
+export class ElementEntitySearchComponent implements OnInit {
+  fieldValueObj: CaseFieldValue = new CaseFieldValue();
+
+  @Input()
+  get fieldValue() {
+    return this.fieldValueObj;
+  }
+
+  set fieldValue(val) {
+    this.fieldValueObj = val;
+  }
+
+  constructor() {
+  }
+
+  ngOnInit() {
+  }
+
+}

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

@@ -5,6 +5,7 @@ export * from './element-multiselect/element-multiselect.component'
 export * from './element-number/element-number.component'
 export * from './element-picture/element-picture.component';
 export * from './element-singleselect/element-singleselect.component'
+export * from './element-entitysearch/element-entitysearch.component'
 export * from './element-text/element-text.component'
 export * from './element-comment/trumbowyg.component'
 export * from './element-pdf/element-text.component'