Add area and croptype to feature-list-feature-cropfield

projects/common-map/src/fm-map/components/feature-list-feature-cropfield/feature-list-feature-cropfield.component.html

@@ -1,6 +1,7 @@
 <div *ngIf="feature;let feature" class="row m-0">  
   <div class="col p-2">
     <h1 class="card-title" title="{{feature.get('name')}}">{{feature.get('name')}}</h1>
+    <div class="card-text"><span>{{areaInHa(feature)| number:'1.2-2'}} ha</span>&nbsp;<span>{{feature.get('cropTypeName')}}</span> </div>
     <div class="card-text"><span>{{feature.get('datadate')|date}}</span> - <span>{{feature.get('dataenddate')|date}}</span> </div>
   </div>
 </div>

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

@@ -19,4 +19,12 @@ export class FeatureListFeatureCropfieldComponent extends AbstractFeatureListFea
   constructor(store: Store<mapReducers.State | commonReducers.State>, itemTypeService: ItemTypeService,config:AppConfig) {
     super(store, itemTypeService,config);
   }
+
+  areaInHa(feature:Feature):number {
+    if(!feature) return 0;
+    // get area from faeture if 0 calculate from polygon
+    let a = feature.get('area');
+    if(a) return a;
+    return (feature.getGeometry().getArea() / 10000);
+  }
 }