Pear-Trading/FoodLoop-Web
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

fixed modals to use new endpoint and scrapped old pages

Browse source
This commit is contained in:
piratefinn 2017-11-23 17:16:46 +00:00
parent 7843a87fd6
commit 4a331a3475
11 changed files with 51 additions and 159 deletions
Download patch file Download diff file Expand all files Collapse all files

26
src/app/dashboard/trail-map.component.html
View file

@ -27,18 +27,26 @@
*ngFor="let m of markers"
[iconUrl]="'/assets/img/map-pin-lis.png'"
[latitude]="m.latitude"
[longitude]="m.longitude">
<agm-snazzy-info-window
[maxWidth]="500"
[closeWhenOthersOpen]="true">
<ng-template>
<h4><strong>{{m.name}}</strong></h4>
<img src="assets/img/avatars/default.png" class="img-avatar" alt="avatar-image">
</ng-template>
</agm-snazzy-info-window>
[longitude]="m.longitude"
[openInfoWindow]="false"
(markerClick)="onMarkerClick(m, template)">
</agm-marker>
</agm-marker-cluster>
</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>
<button type="button" class="close pull-right" aria-label="Close" (click)="modalRef.hide()">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body text-right">
<h5>Located at:</h5>
<h6>{{clickedMarker.street_name}}</h6>
<h6>{{clickedMarker.town}}</h6>
<h6>{{clickedMarker.postcode}}</h6>
</div>
</ng-template>
</div>
</div>
</div>