Browse Source

users following system implemented

master
arnaucode 7 years ago
parent
commit
e6eeaa9f0c
2 changed files with 48 additions and 7 deletions
  1. +28
    -0
      www/js/users.js
  2. +20
    -7
      www/templates/users.html

+ 28
- 0
www/js/users.js

@ -24,4 +24,32 @@ angular.module('app.users', ['pascalprecht.translate'])
};
$scope.doRefresh();
$scope.followingUsers=[];
$scope.$on('$ionicView.enter', function(){//per executar-ho cada cop que es carrega el view
if (localStorage.getItem("events_app_followingUsers")) {
$scope.followingUsers = JSON.parse(localStorage.getItem("events_app_followingUsers"));
console.log("followingUsers");
console.log($scope.followingUsers);
}
});
$scope.followUser = function(user){
$scope.followingUsers.push(user);
localStorage.setItem("events_app_followingUsers", JSON.stringify($scope.followingUsers));
};
$scope.unfollowUser = function(user){
for(var i=0; i<$scope.followingUsers.length; i++) {
if ($scope.followingUsers[i]._id === user._id){
$scope.followingUsers.splice(i, 1);
}
}
localStorage.setItem("events_app_followingUsers", JSON.stringify($scope.followingUsers));
};
$scope.isUserFollowed = function(user) {
for(var i=0; i<$scope.followingUsers.length; i++) {
if ($scope.followingUsers[i]._id === user._id){
return true;
}
}
return false;
};
});

+ 20
- 7
www/templates/users.html

@ -5,14 +5,27 @@
on-refresh="doRefresh()">
</ion-refresher>
<ion-list><!-- item-remove-animate -->
<ion-item class="item-avatar item-icon-right"
ng-repeat="user in users" type="item-text-wrap" href="#/app/users/{{user._id}}">
<img ng-src="{{user.img}}">
<h2>{{user.username}}</h2>
<p>{{user.shortDescription}}</p>
<div ng-repeat="user in users">
<div class="item-note">
<div class="button button-small button-assertive"
ng-show="isUserFollowed(user)"
ng-click="unfollowUser(user)">
Unfollow
</div>
<div class="button button-small button-balanced"
ng-hide="isUserFollowed(user)"
ng-click="followUser(user)">
Follow
</div>
</div>
<ion-item class="item-avatar"
type="item-text-wrap" href="#/app/users/{{user._id}}">
<img ng-src="{{user.img}}">
<span class="badge badge-balanced">Following</span>
</ion-item>
<h2>{{user.username}}</h2>
<p>{{user.shortDescription}}</p>
</ion-item>
</div>
</ion-list>
</ion-content>
</ion-view>

Loading…
Cancel
Save