70 lines
2.4 KiB
TypeScript
70 lines
2.4 KiB
TypeScript
import { Component, Input, Injectable,Directive,SimpleChanges } from '@angular/core';
|
|
import { Location } from '@angular/common';
|
|
import { Feature } from 'ol';
|
|
import { Geometry} from 'ol/geom';
|
|
import { Store,Action} from '@ngrx/store';
|
|
import * as mapReducers from '../../reducers/map.reducer';
|
|
import { commonReducers,ItemTypeService, IItem, Item } from '@farmmaps/common';
|
|
import * as mapActions from '../../actions/map.actions';
|
|
import { Observable, from } from 'rxjs';
|
|
import { withLatestFrom } from 'rxjs/operators';
|
|
import { tassign } from 'tassign';
|
|
import { IQueryState } from '@farmmaps/common';
|
|
|
|
|
|
@Injectable()
|
|
@Directive()
|
|
export abstract class AbstractFeatureListComponent {
|
|
@Input() features: Array<Feature<Geometry>>;
|
|
@Input() queryState: IQueryState;
|
|
@Input() selectedFeature: Feature<Geometry>;
|
|
constructor(public store: Store<mapReducers.State | commonReducers.State>, public itemTypeService: ItemTypeService, private location: Location) {
|
|
}
|
|
|
|
handleFeatureClick(feature:Feature<Geometry>) {
|
|
if(feature) {
|
|
const action = this.getAction(feature);
|
|
this.store.dispatch(action);
|
|
}
|
|
}
|
|
|
|
getAction(feature:Feature<Geometry>):Action {
|
|
const newQuery: any = tassign(mapReducers.initialState.queryState);
|
|
newQuery.parentCode = feature.get('parentCode');
|
|
newQuery.itemCode = feature.get('code');
|
|
newQuery.itemType = feature.get('itemType');
|
|
return new mapActions.DoQuery(newQuery)
|
|
}
|
|
|
|
handleFeatureMouseEnter(feature) {
|
|
this.store.dispatch(new mapActions.SelectFeature(feature));
|
|
}
|
|
|
|
handleFeatureMouseLeave(feature) {
|
|
this.store.dispatch(new mapActions.SelectFeature(null));
|
|
}
|
|
|
|
handleBackClick(event: MouseEvent) {
|
|
event.preventDefault();
|
|
this.location.back();
|
|
}
|
|
|
|
isFeatureSelected(feature:Feature<Geometry>):boolean {
|
|
if(!this.selectedFeature) return false;
|
|
return feature.getId() == this.selectedFeature.getId();
|
|
}
|
|
}
|
|
|
|
@Injectable()
|
|
@Component({
|
|
selector: 'fm-map-feature-list',
|
|
templateUrl: './feature-list.component.html',
|
|
styleUrls: ['./feature-list.component.scss']
|
|
})
|
|
export class FeatureListComponent extends AbstractFeatureListComponent {
|
|
|
|
constructor(store: Store<mapReducers.State | commonReducers.State>, itemTypeService: ItemTypeService,location:Location) {
|
|
super(store, itemTypeService,location);
|
|
}
|
|
}
|