implemented geolocation to events create and on event show

This commit is contained in:
arnaucode
2017-02-22 21:28:32 +01:00
parent c41f5e016d
commit 12bb9a42d2
4 changed files with 74 additions and 10 deletions

View File

@@ -5,7 +5,7 @@
<h2>{{event.user.username}}</h2>
<p>{{event.user.shortDescription}}</p>
</a>
<div class="item item-image">
<div class="item item-image" ng-show="event.img">
<img ng-src="{{event.img}}">
</div>
<div class="item">
@@ -14,10 +14,11 @@
<p>{{event.date | date: 'HH:mm, dd/MM/yyyy'}}</p>
</div>
<div class="item">
<div class="item" ng-show="markers[0]">
<h2>Map</h2>
</div>
<leaflet width="100%" height="40%" markers="markers" center="center" tiles="tiles" id="map-simple-map"></leaflet>
<leaflet ng-show="markers[0]"
width="100%" height="40%" markers="markers" center="center" tiles="tiles" id="map-simple-map"></leaflet>
<a class="item item-icon-left ctext_indigo500" ng-click="share(event)">
<i class="icon ion-android-share-alt"></i> Share

View File

@@ -26,8 +26,20 @@
<option>Taller</option>
</select>
</label>-->
<label class="item item-input">
<input type="text" ng-model="event.location.direction" placeholder="Direction">
</label>
<div ng-click="getGeo()" class="button button-small c_indigo400 item-note"
ng-show="event.location.direction">
Get geolocation
</div>
</div>
<leaflet ng-show="markers[0]"
width="100%" height="40%" markers="markers" center="center"
tiles="tiles" id="map-simple-map"></leaflet>
<div class="item">
<div ng-click="postEvent()" class="button c_indigo400 item-note">
<div ng-click="postEvent()" class="button c_indigo400 item-note" ng-show="event.location.geo.lat">
Post new event!
</div>
</div>