Use 1.1.0 of select-entities

Author: jweisman

cloudapp/src/app/multi-select/multi-select.component.html

@@ -1,13 +1,13 @@
-<app-topmenu></app-topmenu>
-<p>A total of <strong>{{ selectedEntities.size }}</strong> items have been selected.</p>
-<div *ngIf="(entities$ | async).length>0 else noEntities">
-  <p>Select the desired items:</p>
+<app-topmenu>
+  <div buttons>
+    <button mat-flat-button color="secondary" [disabled]="selectedEntities.length==0" (click)="selectEntities.clear()">Clear</button>
+  </div>
+</app-topmenu>
+<p>A total of <strong>{{ selectedEntities.length }}</strong> items have been selected.</p>
+<div>
   <eca-select-entities #selectEntities 
-    (entitySelected)="onEntitySelected($event)"
-    [entityList]="entities$ | async"
-    [isEntitySelected]="isEntitySelected">
+    [(selected)]="selectedEntities"
+    >
   </eca-select-entities>
 </div>
-<ng-template #noEntities>
-  Please navigate to a list.
-</ng-template>
+<div *ngIf="selectEntities.count == 0">Please navigate to a list.</div>

cloudapp/src/app/multi-select/multi-select.component.ts

@@ -8,27 +8,14 @@ import { CloudAppEventsService, Entity } from '@exlibris/exl-cloudapp-angular-li
   styleUrls: ['./multi-select.component.scss']
 })
 export class MultiSelectComponent implements OnInit {
-  public entities$ = this.eventsService.entities$;
 
   constructor(
     private appService: AppService,
-    private eventsService: CloudAppEventsService
   ) { }
 
   ngOnInit() {
     this.appService.setTitle('Multi-select');
   }
 
-  ngOnDestroy(): void {
-  }
-
-  selectedEntities = new Set<string>();
-  isEntitySelected = (entity: Entity) => this.selectedEntities.has(entity.id);
-
-  onEntitySelected(event: {entity: Entity, checked: boolean}) {
-    if (event.checked) this.selectedEntities.add(event.entity.id);
-    else this.selectedEntities.delete(event.entity.id);
-  }
-
-
+  selectedEntities = new Array<Entity>();
 }

package.json

@@ -14,7 +14,7 @@
     "@exlibris/exl-cloudapp-base": "^0.5.0",
     "@ngx-translate/core": "^12.1.0",
     "lodash": "^4.17.19",
-    "eca-select-entities": "^1.0.0",
+    "eca-select-entities": "^1.1.0",
     "ngx-toastr": "^12.0.0",
     "ngx-translate-parser-plural-select": "^1.1.3",
     "rxjs": "^6.5.5",