Renamed prefixes in angular.json

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

@@ -0,0 +1,15 @@
+<div class="spacer"></div>
+<div *ngIf="item;let item">
+  <div class="card border-0">
+    <div class="card-body">
+      <div><a href="#" (click)="handleBackToList($event)" i18n>Back</a></div>
+      <h4>Cropfield</h4>
+      <h1>{{item.name}}</h1>
+      <div>{{item.data.cropTypeName}}</div>
+      <div><span>{{item.data.startDate|date}}</span> - <span>{{item.data.endDate|date}}</span> </div>
+      <div class="mt-1"><a href="#" (click)="handleOnEdit(item)" i18n><i class="fa fa-pencil" aria-hidden="true" title="Edit"></i> Edit</a></div>
+    </div>
+    <fm-map-item-list [items]="(items|async)"></fm-map-item-list>
+    <fm-map-item-widget-list [item]="item"></fm-map-item-widget-list>
+  </div>
+ </div>

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

@@ -0,0 +1,25 @@
+@import "../../_theme.scss";
+@import "~bootstrap/scss/bootstrap.scss";
+
+.big-icon {
+  width: 100%;
+  color: white;
+  font-size: 9rem;
+  padding: 3rem;
+  text-align: center;
+}
+
+.card-title {
+  font-size: 1rem;
+}
+
+.spacer {
+  display: none;
+  height: 4rem;
+}
+
+@media screen and (min-width:44rem) {
+  .spacer {
+    display: block;
+  }
+}

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

@@ -0,0 +1,30 @@
+import { Component, Input, Injectable, OnInit } 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 } from 'rxjs';
+
+
+@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) {
+    super(store, itemTypeService,location,router);
+  }
+  ngOnInit() {
+    this.items = this.folderService$.getItems(this.item.code, 0, 1000);
+  }
+}