commit
0829f8d71b
9 changed files with 20 additions and 10 deletions
|
@ -66,7 +66,7 @@ const routes: Routes = [
|
|||
{
|
||||
path: 'story-trail',
|
||||
component: TrailMapComponent,
|
||||
data: { title: 'Lancaster Independent Story' },
|
||||
data: { title: 'Story Trail' },
|
||||
},
|
||||
{
|
||||
path: 'payroll-log',
|
||||
|
|
|
@ -3,8 +3,12 @@
|
|||
<div class="col-lg-12">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<strong>Lancaster Independent Story</strong>
|
||||
<strong>Story Trail</strong>
|
||||
<small>Required Data marked in <strong>bold</strong>.</small>
|
||||
<select type="text" [(ngModel)]="assocMap" (ngModelChange)="viewBoundsChanged()">
|
||||
<option value="lis" selected>Lancaster Independent Story</option>
|
||||
<option value="esta">Esta</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="modal fade" bsModal #statusModal="bs-modal" [config]="{backdrop: false, animated: false}"
|
||||
tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
|
||||
|
@ -45,7 +49,7 @@
|
|||
<agm-marker-cluster maxZoom="13" imagePath="https://raw.githubusercontent.com/googlemaps/v3-utility-library/master/markerclustererplus/images/m">
|
||||
<agm-marker
|
||||
*ngFor="let m of markers"
|
||||
[iconUrl]="'/assets/img/map-pin-lis.png'"
|
||||
[iconUrl]="'/assets/img/association/' + assocMap + '-map-pin.png'"
|
||||
[latitude]="m.latitude"
|
||||
[longitude]="m.longitude"
|
||||
[openInfoWindow]="false"
|
||||
|
@ -55,7 +59,7 @@
|
|||
</agm-map>
|
||||
<ng-template #template>
|
||||
<div class="modal-header d-flex justify-content-between">
|
||||
<img src="assets/img/lis_logo.png" class="w-15" alt="lis logo"><h4 class="modal-title">{{clickedMarker.name}}</h4>
|
||||
<img src="{{assocLogo}}" class="w-15" alt="lis logo"><h4 class="modal-title">{{clickedMarker.name}}</h4>
|
||||
<button type="button" class="close pull-right" aria-label="Close" (click)="modalRef.hide()">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
|
|
|
@ -15,6 +15,8 @@ export class TrailMapComponent implements OnInit, AfterViewInit {
|
|||
zoom: number = 12;
|
||||
public modalRef: BsModalRef;
|
||||
clickedMarker: any;
|
||||
assocMap = 'lis';
|
||||
assocLogo: string;
|
||||
|
||||
dataReceived: string = 'loading';
|
||||
|
||||
|
@ -25,7 +27,9 @@ export class TrailMapComponent implements OnInit, AfterViewInit {
|
|||
constructor(
|
||||
private api: ApiService,
|
||||
private modalService: BsModalService,
|
||||
) {}
|
||||
) {
|
||||
this.assocLogo = 'assets/img/association/' + this.assocMap + '-logo.png';
|
||||
}
|
||||
|
||||
ngOnInit(): void { }
|
||||
|
||||
|
@ -44,6 +48,7 @@ export class TrailMapComponent implements OnInit, AfterViewInit {
|
|||
public onMarkerClick(clickedMarker, template: TemplateRef<any>) {
|
||||
console.log(clickedMarker);
|
||||
this.clickedMarker = clickedMarker;
|
||||
this.assocLogo = 'assets/img/association/' + this.assocMap + '-logo.png';
|
||||
this.openModal(template);
|
||||
}
|
||||
|
||||
|
@ -64,8 +69,9 @@ export class TrailMapComponent implements OnInit, AfterViewInit {
|
|||
latitude: resp.getSouthWest().lat(),
|
||||
longitude: resp.getSouthWest().lng()
|
||||
},
|
||||
association: this.assocMap,
|
||||
}
|
||||
this.api.getLisData(mapData).subscribe(
|
||||
this.api.getAssocData(mapData).subscribe(
|
||||
result => {
|
||||
this.myStatusModal.hide();
|
||||
this.markers = result.locations;
|
||||
|
|
|
@ -61,7 +61,7 @@
|
|||
<a class="nav-link" routerLinkActive="active" [routerLink]="['/story-trail']">
|
||||
<div class="row no-gutters align-items-center">
|
||||
<div class="col-2"><i class="icon-map"></i></div>
|
||||
<div class="col-10">Lancaster Independent Story</div>
|
||||
<div class="col-10">Story Trail</div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
|
|
|
@ -276,11 +276,11 @@ export class ApiService {
|
|||
);
|
||||
}
|
||||
|
||||
// Load LIS Data
|
||||
public getLisData(data) {
|
||||
// Load Association Data
|
||||
public getAssocData(data) {
|
||||
data.session_key = this.sessionKey;
|
||||
return this.http.post<any>(
|
||||
this.apiUrl + '/v1/supplier/location/lis',
|
||||
this.apiUrl + '/v1/supplier/location/trail',
|
||||
data
|
||||
);
|
||||
}
|
||||
|
|
BIN
src/assets/img/association/esta-logo.png
Normal file
BIN
src/assets/img/association/esta-logo.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 15 KiB |
BIN
src/assets/img/association/esta-map-pin.png
Normal file
BIN
src/assets/img/association/esta-map-pin.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 7.7 KiB |
Before Width: | Height: | Size: 260 KiB After Width: | Height: | Size: 260 KiB |
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 1.7 KiB |
Reference in a new issue