mirror of
https://github.com/arnaucube/openEventsPlatformApp.git
synced 2026-02-07 03:36:44 +01:00
map of events implemented
This commit is contained in:
43
www/templates/byPlace.html
Normal file
43
www/templates/byPlace.html
Normal 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>
|
||||
@@ -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>
|
||||
|
||||
7
www/templates/mapEvents.html
Normal file
7
www/templates/mapEvents.html
Normal 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>
|
||||
@@ -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
25
www/templates/place.html
Normal 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>
|
||||
Reference in New Issue
Block a user