implemented get events by categories

This commit is contained in:
arnaucode
2017-02-24 00:19:50 +01:00
parent 12bb9a42d2
commit e102427098
11 changed files with 82 additions and 39 deletions

View File

@@ -1,11 +1,7 @@
<ion-view view-title="Events By Categories">
<ion-view view-title="category: {{category}}">
<ion-content class="c_blueGrey100">
<ion-refresher pulling-text="{{'Pull_to_refresh' | translate}}..." on-refresh="doRefresh()">
</ion-refresher>
<a href="#/app/alerts" class="item item-icon-left c_red400"
ng-show="alerts">
<i class="icon ion-android-alert"></i> <b>{{alerts.length}}</b> Emergency alerts!
</a>
<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}}">
@@ -17,9 +13,14 @@
<img ng-src="{{event.img}}">
</a>
<a ng-href="#/app/events/{{event._id}}" class="item item-text-wrap">
<h2>{{event.title}}</h2>
<p>{{event.description}}</p>
<p>{{event.date | date: 'HH:mm, dd/MM/yyyy'}}</p>
<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)">

View File

@@ -0,0 +1,9 @@
<ion-view view-title="Categories">
<ion-content>
<ion-list>
<a class="item" ng-href="#/app/byCategory/{{category.name}}" ng-repeat="category in categories">
{{category.name}}
</a>
</ion-list>
</ion-content>
</ion-view>

View File

@@ -9,13 +9,18 @@
<img ng-src="{{event.img}}">
</div>
<div class="item">
<h2>{{event.title}}</h2>
<p>{{event.description}}</p>
<p>{{event.date | date: 'HH:mm, dd/MM/yyyy'}}</p>
<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>
</div>
<div class="item" ng-show="markers[0]">
<h2>Map</h2>
<h2>Place: {{event.location.direction}}</h2>
</div>
<leaflet ng-show="markers[0]"
width="100%" height="40%" markers="markers" center="center" tiles="tiles" id="map-simple-map"></leaflet>

View File

@@ -17,9 +17,14 @@
<img ng-src="{{event.img}}">
</a>
<a ng-href="#/app/events/{{event._id}}" class="item item-text-wrap">
<h2>{{event.title}}</h2>
<p>{{event.description}}</p>
<p>{{event.date | date: 'HH:mm, dd/MM/yyyy'}}</p>
<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)">

View File

@@ -20,7 +20,7 @@
<a class="col c_deepPurple400" ng-href="#/app/search">
<i class="icon ion-search"></i>
</a>
<a class="col c_cyan400" ng-href="#/app/byCategories">
<a class="col c_cyan400" ng-href="#/app/categories">
<i class="icon ion-pound"></i><!--by categories-->
</a>
</div>

View File

@@ -30,7 +30,7 @@
<a class="item item-icon-left" menu-close href="#/app/savedEvents">
<i class="icon ion-heart"></i> Saved Events
</a>
<a class="item item-icon-left" menu-close href="#/app/byCategories">
<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">