map of events implemented

This commit is contained in:
arnaucode
2017-02-24 01:15:56 +01:00
parent 8b1e678202
commit 24e670eb1c
10 changed files with 292 additions and 3 deletions

View File

@@ -0,0 +1,43 @@
<ion-view view-title="category: {{category}}">
<ion-content class="c_blueGrey100">
<ion-refresher pulling-text="{{'Pull_to_refresh' | translate}}..." on-refresh="doRefresh()">
</ion-refresher>
<div class="card" ng-repeat="event in events">
<a class="item item-avatar" ng-href="#/app/users/{{event.user._id}}">
<img ng-src="{{event.user.img}}">
<h2>{{event.user.username}}</h2>
<p>{{event.user.shortDescription}}</p>
</a>
<a ng-href="#/app/events/{{event._id}}" class="item item-image"
ng-show="event.img">
<img ng-src="{{event.img}}">
</a>
<a ng-href="#/app/events/{{event._id}}" class="item item-text-wrap">
<div class="item-note">{{event.date | date: 'HH:mm, dd/MM/yyyy'}}</div>
<h2>{{event.title}}</h2>
<p>{{event.description}}</p>
<p>
<span class="o_badge c_blueGrey300" ng-repeat="category in event.categories">
{{category.name}}
</span>
</p>
</a>
<div class="item tabs tabs-icon-only">
<a class="tab-item" ng-click="share(event)">
<i class="icon ion-android-share-alt"></i>
</a>
<a class="tab-item">
</a>
<a class="tab-item" ng-click="unsaveEvent(event)"
ng-show="isEventSaved(event)">
<i class="icon ion-heart ctext_red600"></i>
</a>
<a class="tab-item" ng-click="saveEvent(event)"
ng-hide="isEventSaved(event)">
<i class="icon ion-heart"></i>
</a>
</div>
</div>
</ion-content>
</ion-view>

View File

@@ -12,7 +12,7 @@
<a class="col 0 c_yellow600" ng-href="#/app/savedEvents">
<i class="icon ion-heart"></i>
</a>
<a class="col c_green400" ng-href="#/app/byplace">
<a class="col c_green400" ng-href="#/app/mapEvents">
<i class="icon ion-ios-location"></i><!--by place-->
</a>
</div>

View File

@@ -0,0 +1,7 @@
<ion-view view-title="Map of Events">
<ion-content class="c_blueGrey100">
<leaflet
width="100%" height="100%" markers="markers"
center="center" tiles="tiles" id="map-simple-map"></leaflet>
</ion-content>
</ion-view>

View File

@@ -24,6 +24,9 @@
<a class="item item-icon-left" menu-close href="#/app/events">
<i class="icon ion-clipboard"></i> Events
</a>
<a class="item item-icon-left" menu-close href="#/app/mapEvents">
<i class="icon ion-ios-location"></i> Map of Events
</a>
<a class="item item-icon-left" menu-close href="#/app/users">
<i class="icon ion-person-stalker"></i> Users
</a>
@@ -33,9 +36,9 @@
<a class="item item-icon-left" menu-close href="#/app/categories">
<i class="icon ion-pound"></i> By Categories
</a>
<a class="item item-icon-left" menu-close href="#/app/events">
<!--<a class="item item-icon-left" menu-close href="#/app/place">
<i class="icon ion-ios-location"></i> By Place
</a>
</a>-->
<a class="item item-icon-left" menu-close href="#/app/events">
<i class="icon ion-calendar"></i> By Date
</a>

25
www/templates/place.html Normal file
View File

@@ -0,0 +1,25 @@
<ion-view view-title="Define a place">
<ion-content>
<label class="item item-input">
<input type="text" ng-model="place.location.direction" placeholder="Direction">
</label>
<div ng-click="getGeo()" class="button button-small c_indigo400 item-note"
ng-show="place.location.direction">
Get geolocation
</div>
<leaflet ng-show="markers[0]"
width="100%" height="40%" markers="markers" center="center"
tiles="tiles" id="map-simple-map"></leaflet>
<label class="item item-input">
<span class="input-label">Radius</span>
<input type="number">
</label>
<div class="item">
<div ng-click="postEvent()" class="button c_indigo400 item-note" ng-show="place.location.geo.lat">
Post new event!
</div>
</div>
</ion-content>
</ion-view>