savedEvents system implemented

This commit is contained in:
arnaucode
2017-02-20 15:35:57 +01:00
parent 21ef03b997
commit 3013dc962b
11 changed files with 271 additions and 33 deletions

View File

@@ -19,7 +19,7 @@
</div>
<leaflet width="100%" height="40%" markers="markers" center="center" tiles="tiles" id="map-simple-map"></leaflet>
<a class="item item-icon-left ct_indigo500" ng-click="share()">
<a class="item item-icon-left ctext_indigo500" ng-click="share(event)">
<i class="icon ion-android-share-alt"></i> Share
</a>
</ion-content>

View File

@@ -1,35 +1,37 @@
<ion-view view-title="Events">
<ion-content>
<ion-content class="c_blueGrey100">
<ion-refresher pulling-text="{{'Pull_to_refresh' | translate}}..." on-refresh="doRefresh()">
</ion-refresher>
<!--<a class="item item-thumbnail-left" href="#/app/events/{{event._id}}"
ng-repeat="event in events">
<img ng-src="{{event.img}}">
<div class="badge item-note">{{event.user.username}}</div>
<h2>{{event.title}}</h2>
<p>{{event.description}}</p>
<p>{{event.date | date: 'HH:mm, dd/MM/yyyy'}}</p>
</a>-->
<div ng-repeat="event in events">
<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">
<img ng-src="{{event.img}}">
<div style="text-align: left; padding: 20px;">
<h2>{{event.title}}</h2>
<p>{{event.description}}</p>
<p>{{event.date | date: 'HH:mm, dd/MM/yyyy'}}</p>
<a class="item item-icon-left ct_indigo500" ng-click="share()">
<i class="icon ion-android-share-alt"></i> Share
</a>
<div class="item"></div>
</div>
</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

@@ -4,17 +4,17 @@
<a class="col c_pink400" ng-href="#/app/events">
<i class="icon ion-clipboard"></i><!--events-->
</a>
<a class="col c_indigo400" ng-href="#/app/users">
<a class="col c_indigo500" ng-href="#/app/users">
<i class="icon ion-person-stalker"></i>
</a>
</div>
<div class="row o_mainOptionRow">
<a class="col c_indigo300" ng-href="#/app/savedEvents">
<i class="icon ion-heart"></i>
</a>
<a class="col c_green400" ng-href="#/app/byplace">
<i class="icon ion-ios-location"></i><!--by place-->
</a>
<a class="col c_orange400" ng-href="#/app/bydate">
<i class="icon ion-calendar"></i><!--by date-->
</a>
</div>
<div class="row o_mainOptionRow">
<a class="col c_yellow600" ng-href="#/app/search">
@@ -25,12 +25,12 @@
</a>
</div>
<div class="row o_mainOptionRow">
<a class="col c_deepPurple400" ng-href="#/app/settings">
<a class="col c_deepPurple400" ng-href="#/app/bydate">
<i class="icon ion-calendar"></i><!--by date-->
</a>
<a class="col c_orange400" ng-href="#/app/settings">
<i class="icon ion-ios-gear"></i>
</a>
<a class="col c_blueGrey300" ng-href="#/app/settings">
<i class="icon ion-code"></i>
</a>
</div>
</ion-content>
</ion-view>

View File

@@ -27,6 +27,9 @@
<a class="item item-icon-left" menu-close href="#/app/users">
<i class="icon ion-person-stalker"></i> Users
</a>
<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/events">
<i class="icon ion-pound"></i> By Categories
</a>

View File

@@ -0,0 +1,35 @@
<ion-view view-title="Saved Events">
<ion-content class="c_blueGrey100">
<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">
<img ng-src="{{event.img}}">
<div style="text-align: left; padding: 20px;">
<h2>{{event.title}}</h2>
<p>{{event.description}}</p>
<p>{{event.date | date: 'HH:mm, dd/MM/yyyy'}}</p>
</div>
</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>