Refactor template selection logic add forpackage decorator

projects/common-map/src/fm-map/common-map.module.ts

@@ -64,6 +64,7 @@ import { WidgetStatusComponent } from './components/widget-status/widget-status.
 import { ForChild} from './components/for-item/for-child.decorator';
 import {ForItemType } from './components/for-item/for-itemtype.decorator';
 import { ForSourceTask} from './components/for-item/for-sourcetask.decorator';
+import { ForPackage } from './components/for-item/for-package.decorator';
 import { PanToLocation} from './components/aol/pan-to-location/pan-to-location.component';
 import {LayerSwitcher} from './components/layer-switcher/layer-switcher.component';
 
@@ -143,7 +144,8 @@ export {
   IPeriodState,
   ForChild,
   ForItemType,
-  ForSourceTask
+  ForSourceTask,
+  ForPackage
 }
 
 @NgModule({  

projects/common-map/src/fm-map/components/feature-list-container/feature-list-container.component.ts

@@ -2,7 +2,7 @@ import { Component, Input, OnInit, ComponentFactoryResolver, ViewChild, SimpleCh
 import { Feature } from 'ol';
 import { FeatureListComponent,AbstractFeatureListComponent } from '../feature-list/feature-list.component';
 import { WidgetHostDirective } from '../widget-host/widget-host.directive';
-import  {IQueryState } from '@farmmaps/common';
+import  {IQueryState,PackageService } from '@farmmaps/common';
 import * as mapReducers from '../../reducers/map.reducer';
 import * as mapActions from '../../actions/map.actions';
 import { Store } from '@ngrx/store';
@@ -16,7 +16,7 @@ import { Observable } from 'rxjs';
 })
 export class FeatureListContainerComponent {
 
-  constructor(private store: Store<mapReducers.State>,private componentFactoryResolver: ComponentFactoryResolver, @Inject(AbstractFeatureListComponent) public featureLists: AbstractFeatureListComponent[] ) {
+  constructor(private store: Store<mapReducers.State>,private componentFactoryResolver: ComponentFactoryResolver, @Inject(AbstractFeatureListComponent) public featureLists: AbstractFeatureListComponent[],private packageService:PackageService ) {
   }
 
   @Input() features: Array<Feature>
@@ -28,31 +28,38 @@ export class FeatureListContainerComponent {
   componentRef:any;
 
   loadComponent(queryState:IQueryState) {
-    var componentFactory: ComponentFactory<AbstractFeatureListComponent> = this.componentFactoryResolver.resolveComponentFactory(FeatureListComponent); // default
+    let componentFactory: ComponentFactory<AbstractFeatureListComponent> = this.componentFactoryResolver.resolveComponentFactory(FeatureListComponent); // default
-    var selected = -1;
+    let selected = -1;
-    for (var i = 0; i < this.featureLists.length; i++) {
+    let maxMatches =0;
-      if (this.featureLists[i]['forItemType'] == queryState.itemType && this.featureLists[i]['forChild'] && queryState.parentCode && queryState.parentCode != "") {
+    let showItem = true;
-        selected = i;
+    for (let i = 0; i < this.featureLists.length; i++) {
-        break;
+      let matches=0;
-      } else if (this.featureLists[i]['forItemType'] == queryState.itemType) {
+      if (this.featureLists[i]['forItemType'] &&  this.featureLists[i]['forItemType'].indexOf(queryState.itemType) >= 0) {
-        selected = i;        
+         matches++;
-        break;
+      }
+      if(this.featureLists[i]['forChild'] && queryState.parentCode && queryState.parentCode != "") {
+        matches++;
+      }     
+      if(matches > maxMatches) {
+        selected=i;
+        maxMatches = matches;
       }
     }
     if (selected >= 0) {
-      componentFactory = this.componentFactoryResolver.resolveComponentFactory(this.featureLists[i]['constructor'] as any);
+      componentFactory = this.componentFactoryResolver.resolveComponentFactory(this.featureLists[selected]['constructor'] as any);
       if (this.featureLists[selected]['collapseSearch'] === true) {
         this.store.dispatch(new mapActions.CollapseSearch());
       }     
     }
     const viewContainerRef = this.widgetHost.viewContainerRef;
     viewContainerRef.clear();
-
+    if(showItem) {
       this.componentRef = viewContainerRef.createComponent(componentFactory);
       (<AbstractFeatureListComponent>this.componentRef.instance).features = null;
       (<AbstractFeatureListComponent>this.componentRef.instance).queryState = queryState;
       (<AbstractFeatureListComponent>this.componentRef.instance).selectedFeature = null;
     }    
+  }
 
   ngOnInit() {
     this.clickedFeature.subscribe((feature => {

projects/common-map/src/fm-map/components/feature-list-feature-container/feature-list-feature-container.component.ts

@@ -23,11 +23,23 @@ export class FeatureListFeatureContainerComponent {
 
   loadComponent() {
     var componentFactory: ComponentFactory<AbstractFeatureListFeatureComponent> = this.componentFactoryResolver.resolveComponentFactory(FeatureListFeatureComponent); // default
-    for (var i = 0; i < this.featureLists.length; i++) {
+   
+    let selected = -1;
+    let maxMatches =0;
+    for (let i = 0; i < this.featureLists.length; i++) {
+      let matches=0;
       if (this.featureLists[i]['forItemType'] == this.feature.get("itemType")) {
-        componentFactory = this.componentFactoryResolver.resolveComponentFactory(this.featureLists[i]['constructor'] as any);
+         matches++;
+      }         
+      if(matches > maxMatches) {
+        selected=i;
+        maxMatches = matches;
       }
     }
+    if (selected >= 0) {
+      componentFactory = this.componentFactoryResolver.resolveComponentFactory(this.featureLists[selected]['constructor'] as any);        
+    }     
+
     const viewContainerRef = this.widgetHost.viewContainerRef;
     viewContainerRef.clear();
 

projects/common-map/src/fm-map/components/for-item/for-package.decorator.ts

@@ -0,0 +1,5 @@
+export function ForPackage(packageCode: string) {
+  return function (constructor:Function) {
+    constructor.prototype.forPackage = packageCode;
+  };
+}

projects/common-map/src/fm-map/components/item-list-item-container/item-list-item-container.component.ts

@@ -23,15 +23,28 @@ export class ItemListItemContainerComponent {
 
   loadComponent() {
     var componentFactory: ComponentFactory<AbstractItemListItemComponent> = this.componentFactoryResolver.resolveComponentFactory(ItemListItemComponent); // default
-    for (var i = 0; i < this.itemComponentList.length; i++) {
+
-      if (this.itemComponentList[i]['forItemType'] &&
+    let selected = -1;
-        this.itemComponentList[i]['forItemType'].indexOf(this.item.itemType) >= 0 &&
+    let maxMatches =0;
-        this.itemComponentList[i]['forSourceTask'] &&
+    let showItem = true;
-        this.itemComponentList[i]['forSourceTask'].indexOf(this.item.sourceTask) >= 0 )
+    for (let i = 0; i < this.itemComponentList.length; i++) {
-      {
+      let matches=0;
-        componentFactory = this.componentFactoryResolver.resolveComponentFactory(this.itemComponentList[i]['constructor'] as any);
+      if (this.itemComponentList[i]['forItemType'] &&  this.itemComponentList[i]['forItemType'].indexOf(this.item.itemType) >= 0) {
+         matches++;
+      }
+      if (this.itemComponentList[i]['forSourceTask'] &&  this.itemComponentList[i]['forSourceTask'].indexOf(this.item.sourceTask) >= 0) {
+        matches++;
+      }
+        
+      if(matches > maxMatches) {
+        selected=i;
+        maxMatches = matches;
       }
     }
+    if (selected >= 0) {
+      componentFactory = this.componentFactoryResolver.resolveComponentFactory(this.itemComponentList[selected]['constructor'] as any);         
+    }
+    
     const viewContainerRef = this.widgetHost.viewContainerRef;
     viewContainerRef.clear();
 

projects/common-map/src/fm-map/components/selected-item-container/selected-item-container.component.ts

@@ -23,22 +23,28 @@ export class SelectedItemContainerComponent {
 
   loadComponent() {
     let componentFactory: ComponentFactory<AbstractSelectedItemComponent> = this.componentFactoryResolver.resolveComponentFactory(SelectedItemComponent); // default
-    let firstComponentWithTypeAndTask = this.selectedItemComponents
-      .find(value => value['forSourceTask'] == this.item.sourceTask &&
-        value['forItemType'] == this.item.itemType
-      );
 
-    if (firstComponentWithTypeAndTask) {
+    let selected = -1;
-      componentFactory = this.componentFactoryResolver.resolveComponentFactory(firstComponentWithTypeAndTask['constructor'] as any);
+    let maxMatches =0;
-    } else {
+    let showItem = true;
-      let firstComponentWithType = this.selectedItemComponents
+    for (let i = 0; i < this.selectedItemComponents.length; i++) {
-        .find(value => value['forSourceTask'] == null &&
+      let matches=0;
-          value['forItemType'] == this.item.itemType);
+      if (this.selectedItemComponents[i]['forItemType'] &&  this.selectedItemComponents[i]['forItemType'].indexOf(this.item.itemType) >= 0) {
+         matches++;
+      }
+      if (this.selectedItemComponents[i]['forSourceTask'] &&  this.selectedItemComponents[i]['forSourceTask'].indexOf(this.item.sourceTask) >= 0) {
+        matches++;
+      }
         
-      if (firstComponentWithType) {
+      if(matches > maxMatches) {
-        componentFactory = this.componentFactoryResolver.resolveComponentFactory(firstComponentWithType['constructor'] as any);
+        selected=i;
+        maxMatches = matches;
       }
     }
+    if (selected >= 0) {
+      componentFactory = this.componentFactoryResolver.resolveComponentFactory(this.selectedItemComponents[selected]['constructor'] as any);         
+    }
+
     const viewContainerRef = this.widgetHost.viewContainerRef;
     viewContainerRef.clear();