fix: error when using incompatible entry view

Author: felixroos

packages/data/src/lib/entry-form/default-entry-input.component.html

@@ -1,11 +1,17 @@
 <div [ngSwitch]="field.inputView||field.type" *ngIf="group" [formGroup]="group">
   <ec-input-errors [control]="group.get(field.property)"></ec-input-errors>
   <div *ngSwitchCase="'entry-select'">
+    <div *ngIf="!field['relation']">
+        <marquee>🚂🚃🚃🚃 Caution: Using single entry fields without validation is experimental</marquee>
+    </div>
     <ec-entry-select [focusEvent]="focusEvent" [placeholder]="field.placeholder" [formControl]="group.get(field.property)"
       [model]="field['relation']" [id]="field.id" [solo]="true" [config]="field.nestedCrudConfig"></ec-entry-select>
   </div>
   <div *ngSwitchCase="'entries-select'">
-    <ec-entry-select [focusEvent]="focusEvent" [placeholder]="field.placeholder" [formControl]="group.get(field.property)"
+    <div *ngIf="!field['relation']">
+        <marquee>🚂🚃🚃🚃 No model set in field validation. Use inputView "entries-actionbar" or set validation...</marquee>
+    </div>
+    <ec-entry-select *ngIf="field['relation']" [focusEvent]="focusEvent" [placeholder]="field.placeholder" [formControl]="group.get(field.property)"
       [model]="field['relation']" [id]="field.id" [config]="field.nestedCrudConfig"></ec-entry-select>
   </div>
   <div *ngSwitchCase="'entries-actionbar'">
@@ -15,7 +21,10 @@
   <div *ngSwitchCase="'entry-list-select'">
     <!--  [placeholder]="field.placeholder" -->
     <!--  [config]="field.nestedCrudConfig" -->
-    <ec-entry-list-select [formControl]="group.get(field.property)" [model]="field['relation']" [id]="field.id"
+    <div *ngIf="!field['relation']">
+        <marquee>🚂🚃🚃🚃 No model set in field validation. Use inputView "entries-actionbar" or set validation...</marquee>
+    </div>
+    <ec-entry-list-select *ngIf="field['relation']" [formControl]="group.get(field.property)" [model]="field['relation']" [id]="field.id"
       [listConfig]="field.nestedCrudConfig">
     </ec-entry-list-select>
   </div>

packages/data/src/lib/entry-list-pop/entry-list-pop.component.ts

@@ -57,9 +57,9 @@ export class EntryListPopComponent extends PopComponent implements OnChanges {
   }
   getHeader(entryList) {
     const label = this.config.singularLabel || `${entryList.model}`;
-    if (!this.selection.isEmpty()) {
-      return `${label}: ${this.selection.items.length} selected`;
+    if (!this.selection || this.selection.isEmpty()) {
+      return `${label}`;
     }
-    return `${label}`;
+    return `${label}: ${this.selection.items.length} selected`;
   }
 }

packages/data/src/lib/entry-list-select/entry-list-select.component.html

@@ -1,10 +1,20 @@
 <ec-entry-list-pop #entryListPop [model]="model" [selection]="selection"></ec-entry-list-pop>
-<ec-list [config]="selectionConfig" [items]="items" (columnClicked)="entryPop.edit($event.getBody())" #selectionList></ec-list>
-<ec-entry-pop [model]="model" #entryPop (submitted)="formSubmitted($event)" (deleted)="removeItem($event)"></ec-entry-pop>
+<ec-list
+  [config]="selectionConfig"
+  [items]="items"
+  (columnClicked)="entryPop.edit($event.getBody())"
+  #selectionList
+></ec-list>
+<ec-entry-pop
+  [model]="model"
+  #entryPop
+  (submitted)="formSubmitted($event)"
+  (deleted)="removeItem($event)"
+></ec-entry-pop>
 
-<a class="btn btn_clear btn_square" (click)="entryPop.create()" *ngIf="!disabled&&model">
-    <ec-icon name="add"></ec-icon>
+<a class="btn btn_clear btn_square" (click)="entryPop.create()" *ngIf="!disabled && model">
+  <ec-icon name="add"></ec-icon>
 </a>
 <a class="btn btn_clear btn_square" (click)="entryListPop.show()" *ngIf="!disabled">
-    <ec-icon name="search"></ec-icon>
-</a>
+  <ec-icon name="search"></ec-icon>
+</a>