user travels visualization and other updates
arnaucode idoctnef@openmailbox.org
Tue, 31 Jan 2017 18:19:17 +0100
8 files changed,
99 insertions(+),
8 deletions(-)
M
www/css/style.css
→
www/css/style.css
@@ -60,6 +60,10 @@ color: rgba(0, 0, 0, 0.8);
font-weight: bold; margin: 10%; } +.o_signupLink{ + text-decoration: none; + color: #ffffff; +} .o_transparentBackground{ background: rgba(255, 255, 255, 0); color: #ffffff;
M
www/index.html
→
www/index.html
@@ -54,6 +54,7 @@ <!--<script src="js/askCar.js"></script>
<script src="js/askPackage.js"></script>--> <script src="js/users.js"></script> <script src="js/user.js"></script> + <script src="js/userTravels.js"></script> <script src="js/editUser.js"></script> <script src="js/notifications.js"></script> <script src="js/settings.js"></script>
M
www/js/app.js
→
www/js/app.js
@@ -30,6 +30,7 @@ /* 'app.askCar',
'app.askPackage',*/ 'app.users', 'app.user', + 'app.userTravels', 'app.editUser', 'app.notifications', 'app.settings',@@ -150,6 +151,15 @@ views: {
'menuContent': { templateUrl: 'templates/user.html', controller: 'UserCtrl' + } + } + }) + .state('app.userTravels', { + url: '/users/userTravels/:userid', + views: { + 'menuContent': { + templateUrl: 'templates/userTravels.html', + controller: 'UserTravelsCtrl' } } })
A
www/js/userTravels.js
@@ -0,0 +1,23 @@
+angular.module('app.userTravels', ['pascalprecht.translate']) + +.controller('UserTravelsCtrl', function($scope, $http, $ionicModal, + $timeout, $ionicLoading, $filter, $stateParams) { + + $scope.storageuser = JSON.parse(localStorage.getItem("cim_app_userdata")); + $scope.travels=[]; + $scope.joins=[]; + $scope.doRefresh = function(){ + $http.get(urlapi + 'users/id/travels/'+$stateParams.userid) + .then(function(data, status, headers,config){ + console.log('data success'); + console.log(data); + $scope.travels = data.data.travels; + $scope.joins = data.data.joins; + $scope.$broadcast('scroll.refreshComplete');//refresher stop + },function(data, status, headers,config){ + console.log('data error'); + $scope.$broadcast('scroll.refreshComplete');//refresher stop + }); + }; + $scope.doRefresh(); +});
M
www/templates/login.html
→
www/templates/login.html
@@ -23,17 +23,24 @@ <a class="o_loginButton button button-block" ng-click="doLogin()">
{{'LOG IN' | translate}} </a> </p> + <br> + <p> + + <a class="o_signupLink" ng-href="#/app/signup"> + Not account yet? {{'Create one' | translate}} + </a> + </p> <!--<p> <a class="o_loginButton button button-block" ng-href="#/app/signup"> {{'Signup' | translate}} </a> - </p>--> + </p> <div class="bar bar-footer o_transparentBackground"> <a class="button o_purple300 pull-right" ng-href="#/app/signup"> <i class="icon ion-android-person-add"></i> {{'SIGN UP' | translate}} </a> - </div> + </div>--> </div> </div> </ion-content>
M
www/templates/user.html
→
www/templates/user.html
@@ -20,13 +20,13 @@ ng-href="http://telegram.me/{{user.telegram}}">
<i class="icon ion-paper-airplane"></i> @{{user.telegram}} </a> - <a class="tab-item"> + <a class="tab-item" ng-href="#/app/users/userTravels/{{user._id}}"> <i class="icon ion-android-car"></i> {{user.travels.length}} Travels </a> <a class="tab-item"> <i class="icon ion-ios-heart"></i> - {{user.favs.length}} favs + {{user.favs.length}} favs<br>(not yet) </a> </div>@@ -47,7 +47,7 @@ </div>
<div class="item"> <img src="{{user.faircoin}}" style="width: 100%;" /> </div> - <div class="item item-body"> + <!--<div class="item item-body"> {{'current_publications_of' | translate}} {{user.username}}: <div class="o_text_purple600">{{user.travels.length}} {{'publications' | translate}}</div>@@ -68,6 +68,6 @@ <p>
{{travel.description}} </p> </a> - </div> + </div>--> </ion-content> </ion-view>
A
www/templates/userTravels.html
@@ -0,0 +1,46 @@
+<ion-view view-title="{{' travels' | translate}}"> + <ion-content class="has-footer"> + <ion-refresher + pulling-text="{{'Pull_to_refresh' | translate}}..." + on-refresh="doRefresh()"> + </ion-refresher> + <div class="list"> + <div class="item item-divider o_purple300" ng-show="travels[0]"> + Travels offering + </div> + <a ng-repeat="travel in travels | orderBy: 'date'" + class="item item-icon-left" href="#/app/travels/{{travel._id}}"> + <i class="icon ion-android-car o_text_grey700"></i> + <h2 class="o_text_grey800">{{travel.title}}</h2> + <div class="item-note text-right"> + <div class="o_text_purple300">{{travel.date | date:"dd/MM"}}</div> + <div class="o_text_purple300">{{travel.date | date:"HH:mm"}}h</div> + </div> + <p> + {{travel.from.name}} + </p> + <p> + {{travel.to.name}} + </p> + </a> + <div class="item item-divider o_purple300" ng-show="joins[0]"> + Travels joining + </div> + <a ng-repeat="travel in joins | orderBy: 'date'" + class="item item-icon-left" href="#/app/travels/{{travel._id}}"> + <i class="icon ion-android-car o_text_grey700"></i> + <h2 class="o_text_grey800">{{travel.title}}</h2> + <div class="item-note text-right"> + <div class="o_text_purple300">{{travel.date | date:"dd/MM"}}</div> + <div class="o_text_purple300">{{travel.date | date:"HH:mm"}}h</div> + </div> + <p> + {{travel.from.name}} + </p> + <p> + {{travel.to.name}} + </p> + </a> + </div> + </ion-content> +</ion-view>