refactor(app): added types for feature selection in list

src/app/app.component.html

@@ -19,7 +19,7 @@
 
         <app-portal class="app-portal" [ngClass]="hasHeader? 'portal-hasHeader': 'portal'" (workspaceSelected)="setSelectedWorkspace($event)"
         (mapQueryEvent)="setClickedEntities($event)"
-        [features]="features"
+        [feature]="feature"
         [additionalProperties]="additionalProperties"
         [entitiesAll]="entitiesAll"
         [entitiesList]="entitiesList"

src/app/app.component.ts

@@ -32,7 +32,7 @@ export class AppComponent implements OnInit {
 
 	public terrAPIBaseURL: string = "https://geoegl.msp.gouv.qc.ca/apis/terrapi/"; // base URL of the terrAPI API
 	public terrAPITypes: Array<string>; // an array of strings containing the types available from terrAPI
-  public features: any = null; //object: {added: Feature[]}
+  public feature: Feature = null; // selected feature in the list
   public clickedEntities: Feature[] = [];
 
   public showSimpleFilters: boolean = false;
@@ -228,10 +228,9 @@ export class AppComponent implements OnInit {
   }
 
   onListSelection(event){
-    this.features = event;
+    this.feature = event;
   }
 
-
   /**
    * @description retrieves all non-property types from the config file and adds them to additionalTypes if they are valid terrAPI types
    * @returns additionalTypes array made up of valid TerrAPI types that are not contained in the entities properties

src/app/pages/list/simple-feature-list.component.ts

@@ -178,7 +178,6 @@ export class SimpleFeatureListComponent implements OnInit, OnChanges, OnDestroy
     this.entitiesList$$.unsubscribe();
   }
 
-  //TODO
   private sortEntities(entities: Array<Feature>, sortBy: string) {
     if(this.selectedEntitiesList) this.clickedEntitiesOverridden();
     //types contained in terrapi
@@ -385,11 +384,7 @@ export class SimpleFeatureListComponent implements OnInit, OnChanges, OnDestroy
    */
   selectEntity(entity: Feature) {
     // update the store and emit the entity to parent
-    // this.entityStore.state.updateAll({selected: false});
-    // this.entityStore.state.update(entity, {selected: true}, true);
-    let entityCollection: {added: Array<Feature>} = {added: []};
-    entityCollection.added.push(entity);
-    this.listSelection.emit(entityCollection);
+    this.listSelection.emit(entity);
   }
 
   /**

src/app/pages/portal/portal.component.ts

@@ -118,7 +118,7 @@ import { MapBrowserEvent } from 'ol';
 })
 
 export class PortalComponent implements OnInit, AfterContentInit, OnDestroy, OnChanges {
-  @Input() features = {added: []};
+  @Input() feature: Feature;
   @Output() workspaceSelected = new EventEmitter<Workspace>();
   @Output() mapQueryEvent = new EventEmitter<Feature[]>();
   @Input() additionalProperties: Map<string, Map<string, string>> = new Map();
@@ -616,9 +616,10 @@ export class PortalComponent implements OnInit, AfterContentInit, OnDestroy, OnC
   }
 
   ngOnChanges(changes: SimpleChanges) {
-    if(changes.features && changes.features.currentValue !== null){
-      this.zoomToSelectedFeature(changes.features.currentValue);
-      this.entitySelectChange(changes.features.currentValue);
+    if(changes.feature && changes.feature.currentValue !== null){
+      let selectedFeature = changes.feature.currentValue;
+      this.zoomToSelectedFeature([selectedFeature]);
+      this.entitySelectChange({added: [selectedFeature]});
     }
   }
 
@@ -1256,8 +1257,7 @@ export class PortalComponent implements OnInit, AfterContentInit, OnDestroy, OnC
    * @description zooms to the selected feature on the map
    * @param features the feature to zoom to
    */
-  zoomToSelectedFeature(features: any) {
-    const featuresSelected: Array<Feature> = features["added"];
+  zoomToSelectedFeature(featuresSelected: Feature[]) {
     let format = new olFormatGeoJSON();
 
     const olFeaturesSelected = [];