Merge branch 'develop' of https://git.akkerweb.nl/FarmMaps/FarmMapsLib into develop

projects/common-map/src/fm-map/components/map-search/map-search.component.html

@@ -1,5 +1,5 @@
 <ng-template #rt let-r="result" let-t="term">
-  <i class="fal fa-search" aria-hidden="true" style="width:2rem"></i>
+  <i [class]="getIcon(r.type)" aria-hidden="true" style="width:2rem"></i>
   <ngb-highlight [result]="formatter(r)" [term]="t"></ngb-highlight> 
 </ng-template>
 

projects/common-map/src/fm-map/components/map-search/map-search.component.ts

@@ -1,6 +1,6 @@
 import { Component, Input, Output, OnInit, EventEmitter, SimpleChanges, OnChanges, ViewChild } from '@angular/core';
-import { Observable ,  of } from 'rxjs';
-import { debounceTime,distinctUntilChanged,tap,switchMap,merge,catchError} from 'rxjs/operators';
+import { Observable ,  of,merge,forkJoin } from 'rxjs';
+import { debounceTime,distinctUntilChanged,tap,switchMap,catchError,map} from 'rxjs/operators';
 import { TypeaheadService, TimespanService } from '@farmmaps/common';
 import { IQueryState } from '@farmmaps/common';
 import { IPeriodState } from '../../models/period.state';
@@ -26,7 +26,8 @@ export class MapSearchComponent {
     this.periodLocal =  tassign(this.periodLocal,{startDate: period.startDate,endDate:period.endDate});
     this.startEndCaption = this.timespanService.getCaption(period.startDate, period.endDate, 4)
   }
-  @Output() onSearch = new EventEmitter<IQueryState>();
+  @Output() onSearch = new EventEmitter<IQueryState>()
+  @Output() onCitySearch = new EventEmitter<string>()
   @Output() onClear = new EventEmitter<any>();
   @Output() onSearchCollapse = new EventEmitter<any>();
   @Output() onSearchExpand = new EventEmitter<any>();
@@ -69,20 +70,27 @@ export class MapSearchComponent {
     this.filterOptionsLocal = { query: "", tags: "", startDate: null, endDate: null, bboxFilter: false, itemType: null, itemCode:null,level:0,parentCode:null,bbox:[] };   
   }
 
-  search = (text$: Observable<string>) =>
+  search = (text$: Observable<string>) => 
     text$.pipe(
       debounceTime(300),
       distinctUntilChanged(),
-      tap(() => this.searching = true),
-      switchMap(term => term.length < 1 ? of([]) :
-        this.typeaheadService.getSearchTypeaheadItems(term).pipe(
-          tap(() => this.searchFailed = false),
+      tap(() => {this.searching = true;this.searchFailed=false;}),
+      switchMap(term => term.length < 1 ? of([]) : 
+      forkJoin(
+        this.typeaheadService.getTagTypeaheadItems(term).pipe(
           catchError(() => {
             this.searchFailed = true;
             return of([]);
-          })) ),
+          }),map( (sa:string[]) => sa.map((s,i) => ({"name":s,"type":"tag"})))),
+          this.typeaheadService.getCityTypeaheadItems(term).pipe(
+            catchError(() => {
+              this.searchFailed = true;
+              return of([]);
+            }),map( (sa:string[]) => sa.map((s,i) => ({"name":s,"type":"city"})))),
+        ).pipe(map(([a1,a2]) => [...a1, ...a2] ),map(a => a.sort((a, b) => (a.name.toUpperCase() > b.name.toUpperCase()) ? 1 : -1)))
+      ),
       tap(() => this.searching = false),
-      merge(this.hideSearchingWhenUnsubscribed));
+      );
 
   formatter = (x: { name: string }) => x.name;
 
@@ -109,18 +117,23 @@ export class MapSearchComponent {
   }
 
   handleSelect(event) {
-    event.preventDefault();
-    this.filterOptionsLocal.query = null;
-    this.filterOptionsLocal.itemType = null;
-    this.filterOptionsLocal.itemCode = null;
-    this.filterOptionsLocal.parentCode = null;
-    this.filterOptionsLocal.tags = event.item.name;
-    if (this.dateFilter) {
-      this.filterOptionsLocal.startDate = this.periodLocal.startDate;
-      this.filterOptionsLocal.endDate = this.periodLocal.endDate;
+    if(event.item.type == "tag") {
+      event.preventDefault();
+      this.filterOptionsLocal.query = null;
+      this.filterOptionsLocal.itemType = null;
+      this.filterOptionsLocal.itemCode = null;
+      this.filterOptionsLocal.parentCode = null;
+      this.filterOptionsLocal.tags = event.item.name;
+      if (this.dateFilter) {
+        this.filterOptionsLocal.startDate = this.periodLocal.startDate;
+        this.filterOptionsLocal.endDate = this.periodLocal.endDate;
+      }
+      this.onSearch.emit(this.filterOptionsLocal);
+      this.searchTextLocal = { name: this.filterOptionsLocal.tags };  
+    } else if (event.item.type == "city") {
+      this.clearEnabled = true;
+      this.onCitySearch.emit(event.item.name);
     }
-    this.onSearch.emit(this.filterOptionsLocal);
-    this.searchTextLocal = { name: this.filterOptionsLocal.tags };
   }
 
   handleSelectPeriod(event: { startDate: Date, endDate: Date }) {
@@ -177,5 +190,15 @@ export class MapSearchComponent {
   handleClearClick(event) {
     this.onClear.emit({});
   }
+
+  getIcon(type):string {
+    if(type == "tag")
+      return "fal fa-tag";
+    else if(type == "city")
+      return "fal fa-map-marker-alt";
+    else if(type == "search")
+      return "fal fa-search";
+
+  }
 }
 

projects/common-map/src/fm-map/components/map/map.component.html

@@ -50,7 +50,7 @@
     <fm-map-file-drop-target [parentCode]="state.parentCode" (onFileDropped)="handleFileDropped($event)"></fm-map-file-drop-target>
 
     <div *ngIf="noContent">
-      <fm-map-map-search #mapSearch [openedModalName]="state.openedModalName" (onOpenModal)="handleOpenModal($event)" (onCloseModal)="handleCloseModal()" [ngClass]="{'menuVisible':state.menuVisible}" (onToggleMenu)="handleToggleMenu($event)" (onSearchCollapse)="handleSearchCollapse($event)" (onSearchExpand)="handleSearchExpand($event)" [collapsed]="state.searchCollapsed" [searchMinified]="state.searchMinified" (onSearch)="handleSearch($event)" (onClear)="handleClearSearch($event)" [filterOptions]="state.queryState" [clearEnabled]="state.clearEnabled" [period]="state.period" (onPeriodChange)="handlePeriodChange($event)"></fm-map-map-search>
+      <fm-map-map-search #mapSearch [openedModalName]="state.openedModalName" (onOpenModal)="handleOpenModal($event)" (onCloseModal)="handleCloseModal()" [ngClass]="{'menuVisible':state.menuVisible}" (onToggleMenu)="handleToggleMenu($event)" (onSearchCollapse)="handleSearchCollapse($event)" (onSearchExpand)="handleSearchExpand($event)" [collapsed]="state.searchCollapsed" [searchMinified]="state.searchMinified" (onSearch)="handleSearch($event)" (onClear)="handleClearSearch($event)" [filterOptions]="state.queryState" [clearEnabled]="state.clearEnabled" [period]="state.period" (onPeriodChange)="handlePeriodChange($event)" (onCitySearch)="handleCitySearch($event)"></fm-map-map-search>
     </div>
     <div class="side-panel-container">
       <fm-side-panel [resizeable]="true" [visible]="state.panelVisible && noContent" [collapsed]="state.panelCollapsed" [collapsable]="false">

projects/common-map/src/fm-map/components/map/map.component.ts

@@ -21,6 +21,7 @@ import {IStyles} from '../../models/style.cache';
 import { IDroppedFile } from '../aol/file-drop-target/file-drop-target.component';
 import { StateSerializerService } from '@farmmaps/common';
 import { GeolocationService} from '../../services/geolocation.service';
+import { GeolocatorService } from '@farmmaps/common';
 import {DeviceOrientationService} from '../../services/device-orientation.service';
 
 // AppCommon
@@ -30,7 +31,7 @@ import {commonReducers} from '@farmmaps/common';
 import {commonActions} from '@farmmaps/common';
 
 import {Feature} from 'ol';
-import {Geometry} from 'ol/geom';
+import {Geometry,Point,Circle} from 'ol/geom';
 import {Extent,createEmpty,extend } from 'ol/extent';
 import {transform} from 'ol/proj';
 import { tassign } from 'tassign';
@@ -101,6 +102,7 @@ export class MapComponent implements OnInit, OnDestroy,AfterViewInit {
     public itemTypeService: ItemTypeService,
     private location: Location,
     private geolocationService: GeolocationService,
+    private geolocaterService: GeolocatorService,
     private zone: NgZone,
     private deviceorientationService:DeviceOrientationService,
     public devicesService:DeviceService) {
@@ -452,6 +454,19 @@ export class MapComponent implements OnInit, OnDestroy,AfterViewInit {
     this.store.dispatch(new mapActions.SetPeriod(period));
   }
 
+  handleCitySearch(location:string) {
+    this.geolocaterService.geocode(location).subscribe(locations => {
+      if( locations.length > 0) {
+        let point = new  Point([locations[0].coordinates.lon,locations[0].coordinates.lat]);
+        point.transform('EPSG:4326', 'EPSG:3857');
+        let circle = new Circle(point.getCoordinates(),5000);// 
+        let extent = createEmpty();
+        extend(extent, circle.getExtent());
+        this.store.dispatch(new mapActions.SetExtent(extent))
+      }
+     });
+  }
+
   ngOnDestroy() {
     if (this.paramSub) this.paramSub.unsubscribe();
     if (this.itemTypeSub) this.itemTypeSub.unsubscribe();

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

@@ -1,5 +1,5 @@
 // angular modules
-import { NgModule, APP_INITIALIZER, ModuleWithProviders, Injector, Optional, SkipSelf } from '@angular/core';
+import { NgModule, APP_INITIALIZER, ModuleWithProviders, Injector, Optional, SkipSelf,InjectionToken } from '@angular/core';
 import { CommonModule, DatePipe } from '@angular/common';
 import { HttpClientModule, HttpClient, HTTP_INTERCEPTORS } from '@angular/common/http';
 import { FormsModule } from '@angular/forms';
@@ -66,6 +66,7 @@ import { AvatarComponent } from './components/avatar/avatar.component';
 import { AvatarModule } from 'ngx-avatar';
 import { ImageCropperModule } from 'ngx-image-cropper';
 
+export const FM_COMMON_STARTPAGE = new InjectionToken<string>('fm-common-startpage');
 
 export {
   SafePipe,

projects/common/src/fm/components/app/app.component.html

@@ -4,7 +4,7 @@
     <button type="button" class="btn btn-outline-secondary apponly" (click)="handleToggleMenu($event)"><i class="fal fa-bars" aria-hidden="true"></i></button>
     <router-outlet name="menu" class="ml-4"></router-outlet>
     <div class="collapse navbar-collapse pageonly">      
-      <a class="btn btn-primary ml-auto" role="button" [routerLink]="['/map']">
+      <a class="btn btn-primary ml-auto" role="button" [routerLink]="[ startPage == null?'/map':startPage]">
         <span *ngIf="(user|async)==null" i18n>Sign in</span>
         <span *ngIf="(user|async)!=null" i18n>To app</span>
       </a>

projects/common/src/fm/components/app/app.component.ts

@@ -1,4 +1,4 @@
-import { Component, OnInit, OnDestroy, Inject, ViewEncapsulation, RendererFactory2, PLATFORM_ID, ChangeDetectionStrategy, HostListener, Input } from '@angular/core';
+import { Component, OnInit, OnDestroy, Inject, Optional,ViewEncapsulation, RendererFactory2, PLATFORM_ID, ChangeDetectionStrategy, HostListener, Input } from '@angular/core';
 import { Router, NavigationStart, NavigationEnd, RouteConfigLoadStart, RouteConfigLoadEnd, ActivatedRoute, PRIMARY_OUTLET } from '@angular/router';
 import { Meta, Title, MetaDefinition } from '@angular/platform-browser'; import { DOCUMENT } from "@angular/common";
 import { Subscription, Observable } from 'rxjs';
@@ -6,6 +6,7 @@ import { distinctUntilChanged } from 'rxjs/operators';
 import { Store, Action } from '@ngrx/store';
 import { IUser } from '../../models/user';
 import { OAuthService, OAuthErrorEvent } from 'angular-oauth2-oidc';
+import { FM_COMMON_STARTPAGE} from '../../common.module';
 
 //AppCommon
 import { IEventMessage } from '../../models/event.message';
@@ -51,6 +52,7 @@ export class AppComponent implements OnInit, OnDestroy {
   @Input() showUploadProgress: boolean = true;
 
   constructor(
+    @Optional() @Inject(FM_COMMON_STARTPAGE) public startPage: string,
     public router: Router,
     private activatedRoute$: ActivatedRoute,
     private title$: Title,

projects/common/src/fm/reducers/app-common.reducer.ts

@@ -58,13 +58,13 @@ export function reducer(state = initialState, action: appCommonActions.Actions )
     case appCommonActions.INITUSERSUCCESS: {
       let a = action as appCommonActions.InitUserSuccess;
       let claims = {}
-      Object.getOwnPropertyNames(a.userinfo).forEach((k) => {
+      Object.getOwnPropertyNames(a.userinfo.info).forEach((k) => {
          claims[k] = a.userinfo[k];
       });
       var user:IUser = {
         code:a.user.code,
-        email:a.userinfo["email"],
-        name:a.userinfo["name"],
+        email:claims["email"]!== undefined ? claims["email"] : a.user.name,
+        name:claims["name"]!== undefined?claims["name"] : a.user.email,
         claims:claims,
         searchable: false
       };

projects/common/src/fm/services/item.service.ts

@@ -24,7 +24,7 @@ export class ItemService {
     return this.httpClient.get<{ [id: string]: IItemType }>(`${this.ApiEndpoint()}/api/v1/itemtypes/`);
   }
 
-  getFeatures(extent: number[], crs: string, searchText?: string, searchTags?:string,startDate?:Date,endDate?:Date,itemType?:string,parentCode?:string,dataFilter?:string,level?:number): Observable<any> {
+  getFeatures(extent: number[], crs: string, searchText?: string, searchTags?:string,startDate?:Date,endDate?:Date,itemType?:string,parentCode?:string,dataFilter?:string,level?:number,indexed?:boolean): Observable<any> {
     var params = new HttpParams();
     params = params.append("crs", crs);
     if (extent) params =params.append("bbox", extent.join(","));
@@ -42,6 +42,7 @@ export class ItemService {
     if (parentCode) params = params.append("pc", parentCode);
     if (dataFilter) params = params.append("df", dataFilter);
     if (level) params = params.append("lvl", level.toString());
+    params = params.append("ind", indexed ?? true);
     return this.httpClient.get<any>(`${this.ApiEndpoint()}/api/v1/items/features/`, {params:params});
   }
 
@@ -73,10 +74,10 @@ export class ItemService {
 
   getItemList(itemType?: string, dataFilter?: any, level?: number, atItemLocationItemCode?: string, indexed?: boolean, validToday?: boolean): Observable<IItem[]> {
     var params = new HttpParams();
-    if(itemType)  params = params.append("it", itemType);   
-    if(dataFilter) params = params.append("df", JSON.stringify(dataFilter));    
-    if(atItemLocationItemCode) params = params.append("ail",atItemLocationItemCode);    
-    if(indexed) params = params.append("ind",indexed?"true":"false");    
+    if(itemType)  params = params.append("it", itemType);
+    if(dataFilter) params = params.append("df", JSON.stringify(dataFilter));
+    if(atItemLocationItemCode) params = params.append("ail",atItemLocationItemCode);
+    if(indexed) params = params.append("ind",indexed?"true":"false");
     if (level) params = params.append("lvl", level.toFixed());
     if (validToday) params = params.append("vt", validToday ? "true" : "false");
     return this.httpClient.get<IItem[]>(`${this.ApiEndpoint()}/api/v1/items/`, { params: params });
@@ -127,11 +128,11 @@ export class ItemService {
     else
       return this.httpClient.get<any>(`${this.ApiEndpoint()}/api/v1/items/${code}/features`, { params: params });
   }
-  
+
   postItem(item:IItem): Observable<IItem> {
     return this.httpClient.post<IItem>(`${this.ApiEndpoint()}/api/v1/items`,item);
   }
-  
+
   putItem(item:IItem): Observable<IItem> {
     return this.httpClient.put<IItem>(`${this.ApiEndpoint()}/api/v1/items/${item.code}`,item);
   }
@@ -158,7 +159,7 @@ export class ItemService {
   postItemTask(item: IItem, task: IItemTask): Observable<IItemTask> {
     return this.httpClient.post<IItemTask>(`${this.ApiEndpoint()}/api/v1/items/${item.code}/tasks`, task);
   }
-  
+
   getItemTaskList(itemcode: string, unfinishedOnly?: boolean): Observable<IItemTask[]> {
     var params = new HttpParams();
     if (unfinishedOnly) params = params.append("unfinishedOnly", unfinishedOnly.toString());
@@ -167,8 +168,8 @@ export class ItemService {
 
   getItemListUsingRelationship(itemType: string, relationshipItemType: string, relationshipDataFilter: any): Observable<IItem[]> {
     var params = new HttpParams();
-    params = params.append("it", itemType);   
-    params = params.append("rsit", relationshipItemType);   
+    params = params.append("it", itemType);
+    params = params.append("rsit", relationshipItemType);
     params = params.append("rsdf", JSON.stringify(relationshipDataFilter));
     return this.httpClient.get<IItem[]>(`${this.ApiEndpoint()}/api/v1/items/userelationship`, { params: params });
   }
@@ -177,4 +178,4 @@ export class ItemService {
     return this.httpClient.get<any>(`${this.ApiEndpoint()}/api/v1/items/${itemCode}/value/layer/${layerIndex}?c=${x},${y}&crs=${crs}`);
   }
 
-}
+}

projects/common/src/fm/services/package.service.ts

@@ -51,7 +51,9 @@ export function getValidPackages(packageMap: IPackages): {[key: string]: IPackag
 }
 
 export function isValidPackage(pack: IPackage): boolean {
-  const today = new Date(new Date(Date.now()).toUTCString()).setHours(0, 0, 0, 0);
-  return pack !== null && new Date(pack.dataDate).getTime() <= today
-    && (!pack.dataEndDate || new Date(pack.dataEndDate).getTime() >= today);
+  const now = new Date(Date.now());
+  const utcToday = Date.UTC(now.getUTCFullYear(),now.getUTCMonth(),now.getUTCDate());
+  return pack !== null && new Date(pack.dataDate).getTime() <= utcToday
+    && (!pack.dataEndDate || new Date(pack.dataEndDate).getTime() >= utcToday);
+
 }

projects/common/src/fm/services/typeahead.service.ts

@@ -22,4 +22,8 @@ export class TypeaheadService {
   getTagTypeaheadItems(searchText: string, skip: number = 0, take: number = 10): Observable<ITypeaheadItem[]> {
     return this.httpClient.get<ITypeaheadItem[]>(`${this.ApiEndpoint()}/api/v1/typeahead/tag/?q=${searchText}&skip=${skip}&take=${take}`);
   }  
+
+  getCityTypeaheadItems(searchText: string, skip: number = 0, take: number = 10): Observable<ITypeaheadItem[]> {
+    return this.httpClient.get<ITypeaheadItem[]>(`${this.ApiEndpoint()}/api/v1/typeahead/city/?q=${searchText}&skip=${skip}&take=${take}`);
+  }  
 }