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

import { Component, Input, Injectable, OnInit, ComponentFactoryResolver, Inject, ComponentFactory } from '@angular/core';
import { Location } from '@angular/common';
import { Feature } from 'ol';
import { Store } from '@ngrx/store';
import * as mapReducers from '../../reducers/map.reducer';
import { commonReducers, ItemTypeService, IItem, Item, ItemService, FolderService, IListItem} from '@farmmaps/common';
import { Router, ActivatedRoute, ParamMap, Event } from '@angular/router';
import { ForItemType } from '../for-item/for-itemtype.decorator';
import { AbstractSelectedItemComponent } from '../selected-item/selected-item.component';
import { Observable,of } from 'rxjs';
import {GeoJSON} from 'ol/format';
import {getArea} from 'ol/sphere';
import { withLatestFrom,switchMap,combineLatest } from 'rxjs/operators';
import { AbstractItemListItemComponent, ItemListItemComponent } from '../item-list-item/item-list-item.component';


@ForItemType("vnd.farmmaps.itemtype.cropfield")
@Injectable()
@Component({
  selector: 'fm-map-selected-item-cropfield',
  templateUrl: './selected-item-cropfield.component.html',
  styleUrls: ['./selected-item-cropfield.component.scss']
})
export class SelectedItemCropfieldComponent extends AbstractSelectedItemComponent implements OnInit{

  public items: Observable<IListItem[]>;

  constructor(store: Store<mapReducers.State | commonReducers.State>, itemTypeService: ItemTypeService, location: Location, router: Router, private itemService$: ItemService,private folderService$: FolderService,
    private componentFactoryResolver: ComponentFactoryResolver, @Inject(AbstractItemListItemComponent) public itemComponentList: AbstractItemListItemComponent[] ) {
    super(store, itemTypeService,location,router);
  }

  areaInHa(item:IItem):number {
    if(!item) return 0;
    // get area from faeture if 0 calculate from polygon
    let a = item.data.area;
    if(a) return a;
    let format = new GeoJSON();
    let polygon = format.readGeometry(item.geometry);
    return getArea(polygon,{projection:"EPSG:4326"}) / 10000;
  }

  ngOnInit() {
    var componentFactory: ComponentFactory<AbstractItemListItemComponent> = this.componentFactoryResolver.resolveComponentFactory(ItemListItemComponent); // default
    var childItems = this.folderService$.getItems(this.item.code, 0, 1000);
    var atLocationItems = this.itemService$.getItemList(null,null,null,this.item.code,true);
    this.items =  childItems.pipe(
      combineLatest(atLocationItems),
      switchMap(([ci,ali]) => {
          let retVal:IListItem[] = [];
          let codes = {};
          ci.forEach((listItem) => {
             if (this.itemComponentList.findIndex(i => 
                    i.item['forItemType'].indexOf(this.item.itemType) >= 0 &&
                    i.item['forSourceTask'].indexOf(this.item.sourceTask) >= 0) >= 0) {
                retVal.push(listItem);
                codes[listItem.code]=listItem;
              }
          });
          ali.forEach((atlocationitem) => {
             let listItem = atlocationitem as IListItem;
             let allowedItemTypes = "vnd.farmmaps.itemtype.device.senml"; // this is a hack
             if(!codes[listItem.code] && allowedItemTypes.indexOf(listItem.itemType) >= 0) {
               retVal.push(listItem);
             }
          });
          return of(retVal);
      }));
  }
}