implemented infinite scroll on travels, user avatar show image, added username on travels list

www/js/travel.js

@@ -1,246 +1,287 @@
 angular.module('app.travel', ['pascalprecht.translate', 'ui-leaflet'])
 
-.controller('TravelCtrl', function($scope, $stateParams, $http,
-        $ionicModal, $ionicLoading, $ionicPopup, $filter,
-        leafletData, leafletBoundsHelpers) {
+  .controller('TravelCtrl', function($scope, $stateParams, $http,
+    $ionicModal, $ionicLoading, $ionicPopup, $filter,
+    leafletData, leafletBoundsHelpers) {
     $scope.storageuser = JSON.parse(localStorage.getItem("cim_app_userdata"));
 
-    $scope.center= {
-        /*lat: 0,
-        lng: 0,
-        zoom: 1*/
+    $scope.center = {
+      /*lat: 0,
+      lng: 0,
+      zoom: 1*/
     };
-    $scope.bounds={};
-    $scope.markers=[];
-    $scope.tiles= {
-        url: "http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
-        options: {
-            attribution: '<a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
-        }
+    $scope.bounds = {};
+    $scope.markers = [];
+    $scope.tiles = {
+      url: "http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
+      options: {
+        attribution: '<a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
+      }
     };
 
-    $scope.travel={};
+    $scope.travel = {};
     $scope.doRefresh = function() {
       /* travels refresh: */
-        $http.get(urlapi + 'travels/id/' + $stateParams.travelid)
-        .then(function(data){
-            console.log('data success travels');
-            console.log(data); // for browser console
-            $scope.travel = data.data; // for UI
-            $scope.markers=[];
-            $scope.markers.push({
-                lat: Number($scope.travel.from.lat),
-                lng: Number($scope.travel.from.long),
-                message: $scope.travel.from.name
-            });
-            $scope.markers.push({
-                lat: Number($scope.travel.to.lat),
-                lng: Number($scope.travel.to.long),
-                message: $scope.travel.to.name
-            });
-            $scope.center= {
-                lat: (Number($scope.travel.from.lat)+Number($scope.travel.to.lat))/2,
-                lng: (Number($scope.travel.from.long)+Number($scope.travel.to.long))/2,
-                zoom: 4
-            };
+      $http.get(urlapi + 'travels/id/' + $stateParams.travelid)
+        .then(function(data) {
+          console.log('data success travels');
+          console.log(data); // for browser console
+          $scope.travel = data.data; // for UI
+          $scope.markers = [];
+          $scope.markers.push({
+            lat: Number($scope.travel.from.lat),
+            lng: Number($scope.travel.from.long),
+            message: $scope.travel.from.name
+          });
+          $scope.markers.push({
+            lat: Number($scope.travel.to.lat),
+            lng: Number($scope.travel.to.long),
+            message: $scope.travel.to.name
+          });
+          $scope.center = {
+            lat: (Number($scope.travel.from.lat) + Number($scope.travel.to.lat)) / 2,
+            lng: (Number($scope.travel.from.long) + Number($scope.travel.to.long)) / 2,
+            zoom: 4
+          };
 
-            $scope.$broadcast('scroll.refreshComplete');//refresher stop
+          $scope.$broadcast('scroll.refreshComplete'); //refresher stop
 
-        }, function(data){
-            console.log('data error');
-            $scope.$broadcast('scroll.refreshComplete');//refresher stop
-            $ionicLoading.show({ template: 'Error connecting server', noBackdrop: true, duration: 2000 });
+        }, function(data) {
+          console.log('data error');
+          $scope.$broadcast('scroll.refreshComplete'); //refresher stop
+          $ionicLoading.show({
+            template: 'Error connecting server',
+            noBackdrop: true,
+            duration: 2000
+          });
 
         });
     };
     $scope.doRefresh();
 
-    $scope.deleteTravel = function(){
+    $scope.deleteTravel = function() {
 
-       var confirmPopup = $ionicPopup.confirm({
-         title: 'Deleting publication',
-         template: 'Are you sure you want to delete <b>'+ $scope.travel.title+'</b>?'
-       });
-       confirmPopup.then(function(res) {
-       if(res) {
-         console.log('You are sure');
-         console.log("delete travel: " + $stateParams.travelid);
-         $http({
-             url: urlapi + '/travels/id/modify/' + $stateParams.travelid,
-             method: "DELETE"
-         })
-         .then(function(response) {
-                 console.log(response);
-                 $scope.travels=response.data;
-                 localStorage.setItem('c_travels', JSON.stringify($scope.travels));
-                 localStorage.setItem('c_travelsLastDate', JSON.stringify(new Date()));
+      var confirmPopup = $ionicPopup.confirm({
+        title: 'Deleting publication',
+        template: 'Are you sure you want to delete <b>' + $scope.travel.title + '</b>?'
+      });
+      confirmPopup.then(function(res) {
+        if (res) {
+          console.log('You are sure');
+          console.log("delete travel: " + $stateParams.travelid);
+          $http({
+              url: urlapi + '/travels/id/modify/' + $stateParams.travelid,
+              method: "DELETE"
+            })
+            .then(function(response) {
+                console.log(response);
+                $scope.travels = response.data;
+                localStorage.setItem('c_travels', JSON.stringify($scope.travels));
+                localStorage.setItem('c_travelsLastDate', JSON.stringify(new Date()));
 
-         },
-         function(response) { // optional
-                 // failed
-         });
-       } else {
-         console.log('You are not sure');
-       }
-     });
+              },
+              function(response) { // optional
+                // failed
+              });
+        } else {
+          console.log('You are not sure');
+        }
+      });
 
 
     };
-    $scope.joinTravel = function(){
-        $http({
-            url: urlapi + 'travels/join/'+ $stateParams.travelid,
-            method: "POST",
-            data: {}
+    $scope.joinTravel = function() {
+      $http({
+          url: urlapi + 'travels/join/' + $stateParams.travelid,
+          method: "POST",
+          data: {}
         })
         .then(function(data) {
             console.log("data: ");
             console.log(data);
-            if(data.data.success==false){
-                $ionicLoading.show({template: 'Error on unjoin', noBackdrop: true, duration: 2000});
-            }else{
-                $scope.travel=data.data;
+            if (data.data.success == false) {
+              $ionicLoading.show({
+                template: 'Error on unjoin',
+                noBackdrop: true,
+                duration: 2000
+              });
+            } else {
+              $scope.travel = data.data;
             }
-        },
-        function(response) { // optional
-                // failed
-        });
+          },
+          function(response) { // optional
+            // failed
+          });
     };
-    $scope.unjoinTravel = function(){
-        $http({
-            url: urlapi + 'travels/unjoin/'+ $stateParams.travelid,
-            method: "POST",
-            data: {}
+    $scope.unjoinTravel = function() {
+      $http({
+          url: urlapi + 'travels/unjoin/' + $stateParams.travelid,
+          method: "POST",
+          data: {}
         })
         .then(function(data) {
             console.log("data: ");
             console.log(data);
-            if(data.data.success==false){
-                $ionicLoading.show({template: 'Error on unjoin', noBackdrop: true, duration: 2000});
-            }else{
-                $scope.travel=data.data;
+            if (data.data.success == false) {
+              $ionicLoading.show({
+                template: 'Error on unjoin',
+                noBackdrop: true,
+                duration: 2000
+              });
+            } else {
+              $scope.travel = data.data;
             }
-        },
-        function(response) { // optional
-                // failed
-        });
+          },
+          function(response) { // optional
+            // failed
+          });
     };
 
-    $scope.declineJoin = function(joinPetition){
-        $http({
-            url: urlapi + 'travels/declineJoin/'+ $stateParams.travelid,
-            method: "POST",
-            data: {userid: joinPetition._id}
+    $scope.declineJoin = function(joinPetition) {
+      $http({
+          url: urlapi + 'travels/declineJoin/' + $stateParams.travelid,
+          method: "POST",
+          data: {
+            userid: joinPetition._id
+          }
         })
         .then(function(data) {
             console.log("data: ");
             console.log(data);
-            if(data.data.success==false){
-                $ionicLoading.show({template: 'Error on declining', noBackdrop: true, duration: 2000});
-            }else{
-                $scope.travel=data.data;
-                console.log("success");
+            if (data.data.success == false) {
+              $ionicLoading.show({
+                template: 'Error on declining',
+                noBackdrop: true,
+                duration: 2000
+              });
+            } else {
+              $scope.travel = data.data;
+              console.log("success");
             }
-        },
-        function(response) { // optional
-                // failed
-        });
+          },
+          function(response) { // optional
+            // failed
+          });
     };
 
-    $scope.acceptJoin = function(joinPetition){
-        $http({
-            url: urlapi + 'travels/acceptJoin/'+ $stateParams.travelid,
-            method: "POST",
-            data: {userid: joinPetition._id}
+    $scope.acceptJoin = function(joinPetition) {
+      $http({
+          url: urlapi + 'travels/acceptJoin/' + $stateParams.travelid,
+          method: "POST",
+          data: {
+            userid: joinPetition._id
+          }
         })
         .then(function(data) {
             console.log("data: ");
             console.log(data);
-            if(data.data.success==false){
-                $ionicLoading.show({template: 'Error on accepting', noBackdrop: true, duration: 2000});
-            }else{
-                $scope.travel=data.data;
-                console.log("success");
+            if (data.data.success == false) {
+              $ionicLoading.show({
+                template: 'Error on accepting',
+                noBackdrop: true,
+                duration: 2000
+              });
+            } else {
+              $scope.travel = data.data;
+              console.log("success");
             }
-        },
-        function(response) { // optional
-                // failed
-        });
+          },
+          function(response) { // optional
+            // failed
+          });
     };
 
-    $scope.leaveTravel = function(){
-        $http({
-            url: urlapi + 'travels/leave/'+ $stateParams.travelid,
-            method: "POST",
-            data: {}
-        })
-        .then(function(data) {
-            console.log("data: ");
-            console.log(data);
-            if(data.data.success==false){
-                $ionicLoading.show({template: 'Error on unjoin', noBackdrop: true, duration: 2000});
-            }else{
-                $scope.travel=data.data;
-            }
-        },
-        function(response) { // optional
+    $scope.leaveTravel = function() {
+      var confirmPopup = $ionicPopup.confirm({
+        title: 'Leaving travel',
+        template: 'Are you sure you want to leave <b>' + $scope.travel.title + '</b>?'
+      });
+      confirmPopup.then(function(res) {
+        if (res) {
+          $http({
+              url: urlapi + 'travels/leave/' + $stateParams.travelid,
+              method: "POST",
+              data: {}
+            })
+            .then(function(data) {
+                console.log("data: ");
+                console.log(data);
+                if (data.data.success == false) {
+                  $ionicLoading.show({
+                    template: 'Error on unjoin',
+                    noBackdrop: true,
+                    duration: 2000
+                  });
+                } else {
+                  $scope.travel = data.data;
+                }
+              },
+              function(response) { // optional
                 // failed
-        });
+              });
+        } else {
+          console.log('You are not sure');
+        }
+      });
     };
 
     /* adding comment */
-    $scope.doingNewComment=false;
-    $scope.newComment={};
+    $scope.doingNewComment = false;
+    $scope.newComment = {};
 
     $scope.showNewComment = function() {
-      $scope.doingNewComment=true;
+      $scope.doingNewComment = true;
     };
     $scope.closeNewComment = function() {
-        $scope.doingNewComment=false;
+      $scope.doingNewComment = false;
     };
     $scope.doNewComment = function() {
-        /*$scope.newComment.commentUserId=localStorage.getItem("c_userid");
-        $scope.newComment.commentUsername=localStorage.getItem("c_username");
-        $scope.newComment.commentAvatar=localStorage.getItem("c_avatar");*/
-console.log($scope.newComment);
-        $http({
-          url: urlapi + 'travels/'+ $stateParams.travelId+'/comment',
+      /*$scope.newComment.commentUserId=localStorage.getItem("c_userid");
+      $scope.newComment.commentUsername=localStorage.getItem("c_username");
+      $scope.newComment.commentAvatar=localStorage.getItem("c_avatar");*/
+      console.log($scope.newComment);
+      $http({
+          url: urlapi + 'travels/' + $stateParams.travelId + '/comment',
           method: "POST",
           data: $scope.newComment
         })
         .then(function(response) {
-              // success
-              console.log("newComment added to server: " + response);
-              console.log(response);
-              $scope.travels=response.data;
-              localStorage.setItem('c_travels', JSON.stringify($scope.travels));
-              localStorage.setItem('c_travelsLastDate', JSON.stringify(new Date()));
-              $scope.travel = $filter('filter')($scope.travels, $stateParams.travelId, true)[0];
+            // success
+            console.log("newComment added to server: " + response);
+            console.log(response);
+            $scope.travels = response.data;
+            localStorage.setItem('c_travels', JSON.stringify($scope.travels));
+            localStorage.setItem('c_travelsLastDate', JSON.stringify(new Date()));
+            $scope.travel = $filter('filter')($scope.travels, $stateParams.travelId, true)[0];
 
-              if(response.data.success==false){
+            if (response.data.success == false) {
 
-                  $ionicLoading.show({ template: 'failed to generate new asking package', noBackdrop: true, duration: 2000 });
-              }
-        },
-        function(response) { // optional
-              // failed
-        });
-        $scope.closeNewComment();
+              $ionicLoading.show({
+                template: 'failed to generate new asking package',
+                noBackdrop: true,
+                duration: 2000
+              });
+            }
+          },
+          function(response) { // optional
+            // failed
+          });
+      $scope.closeNewComment();
     };
 
 
     $scope.userHasJoined = function(myArray, searchTerm) {
       //console.log(myArray+", "+searchTerm);
-        if(myArray)
-        {
-            for(var i = 0, len = myArray.length; i < len; i++) {
-                //console.log(myArray[i] + " - " + searchTerm);
-                if (myArray[i]._id === searchTerm){
-                    //console.log("i: " + i);
-                    return i;
-                }
-            }
+      if (myArray) {
+        for (var i = 0, len = myArray.length; i < len; i++) {
+          //console.log(myArray[i] + " - " + searchTerm);
+          if (myArray[i]._id === searchTerm) {
+            //console.log("i: " + i);
+            return i;
+          }
         }
-        //console.log("i: -1");
-        return -1;
+      }
+      //console.log("i: -1");
+      return -1;
     };
-});
+  });

www/js/travels.js

@@ -1,32 +1,46 @@
 angular.module('app.travels', ['pascalprecht.translate'])
 
-.controller('TravelsCtrl', function($scope, $http, $ionicModal, $timeout, $ionicLoading, $filter) {
+  .controller('TravelsCtrl', function($scope, $http, $ionicModal, $timeout, $ionicLoading, $filter) {
+    $scope.loadMorePagination = true;
 
-
-    $scope.travels=[];
-    $scope.page=0;
+    $scope.travels = [];
+    $scope.page = 0;
     $scope.doRefresh = function() {
       /* travels refresh: */
-        $http.get(urlapi + 'travels?page=' + $scope.page)
-        .then(function(data){
-            console.log('data success travels');
-            console.log(data); // for browser console
-            //$scope.travels = data.data; // for UI
-            $scope.travels=$scope.travels.concat(data.data);
-            $scope.$broadcast('scroll.refreshComplete');//refresher stop
+      $http.get(urlapi + 'travels?page=' + $scope.page)
+        .then(function(data) {
+          console.log('data success travels');
+          console.log(data); // for browser console
+          //$scope.travels = data.data; // for UI
+          $scope.travels = $scope.travels.concat(data.data);
+          $scope.$broadcast('scroll.refreshComplete'); //refresher stop
+          $scope.$broadcast('scroll.infiniteScrollComplete');
+          if (data.data.length < 1) {
+              console.log("setting loadMorePagination to false");
+            $scope.loadMorePagination = false;
+          }
 
-        }, function(data){
-            console.log('data error');
-            $scope.$broadcast('scroll.refreshComplete');//refresher stop
-            $ionicLoading.show({ template: 'Error connecting server', noBackdrop: true, duration: 2000 });
+        }, function(data) {
+          console.log('data error');
+          $scope.$broadcast('scroll.refreshComplete'); //refresher stop
+          $ionicLoading.show({
+            template: 'Error connecting server',
+            noBackdrop: true,
+            duration: 2000
+          });
 
         });
     };
     $scope.doRefresh();
 
-    $scope.paginationNext = function(){
+    $scope.paginationNext = function() {
+      if ($scope.loadMorePagination == true) {
         $scope.page++;
         console.log($scope.page);
         $scope.doRefresh();
+    }else{
+        console.log("limit pagination reached");
+        $scope.$broadcast('scroll.infiniteScrollComplete');
+    }
     };
-});
+  });

www/js/user.js

@@ -1,124 +1,135 @@
 angular.module('app.user', ['pascalprecht.translate'])
 
-.controller('UserCtrl', function($scope, $stateParams, $http,
-                            $ionicLoading, $filter, $ionicModal) {
+  .controller('UserCtrl', function($scope, $stateParams, $http,
+    $ionicLoading, $filter, $ionicModal) {
 
     $scope.storageuser = JSON.parse(localStorage.getItem("cim_app_userdata"));
-    $scope.user={};
-    $scope.doRefresh = function(){
-        $http.get(urlapi + 'users/id/'+$stateParams.userid)
-        .then(function(data, status, headers,config){
-            console.log('data success');
-            console.log(data); // for browser console
-            $scope.user = data.data; // for UI
-            if($scope.storageuser._id==$scope.user._id)
-            {
-                localStorage.setItem("cim_app_userdata", JSON.stringify(data.data));
-            }
-            $scope.$broadcast('scroll.refreshComplete');//refresher stop
-        },function(data, status, headers,config){
-            console.log('data error');
-            $scope.$broadcast('scroll.refreshComplete');//refresher stop
+    $scope.user = {};
+    $scope.doRefresh = function() {
+      $http.get(urlapi + 'users/id/' + $stateParams.userid)
+        .then(function(data, status, headers, config) {
+          console.log('data success');
+          console.log(data); // for browser console
+          $scope.user = data.data; // for UI
+          if ($scope.storageuser._id == $scope.user._id) {
+            localStorage.setItem("cim_app_userdata", JSON.stringify(data.data));
+          }
+          $scope.$broadcast('scroll.refreshComplete'); //refresher stop
+        }, function(data, status, headers, config) {
+          console.log('data error');
+          $scope.$broadcast('scroll.refreshComplete'); //refresher stop
         });
     };
     $scope.doRefresh();
 
-    $scope.likeUser = function(){
-        $http({
-            //url: urlapi + 'users/'+ $stateParams.username+'/fav',
-            url: urlapi + 'users/id/like/'+ $scope.user._id,
-            method: "POST",
-            data: {}
+    $scope.likeUser = function() {
+      $http({
+          //url: urlapi + 'users/'+ $stateParams.username+'/fav',
+          url: urlapi + 'users/id/like/' + $scope.user._id,
+          method: "POST",
+          data: {}
         })
         .then(function(data) {
             // success
-            if(data.data.success==false){
-                console.log("failed");
-                $ionicLoading.show({template: 'Error on like', noBackdrop: true, duration: 2000});
-            }else{
-                $scope.user = data.data; // for UI
+            if (data.data.success == false) {
+              console.log("failed");
+              $ionicLoading.show({
+                template: 'Error on like',
+                noBackdrop: true,
+                duration: 2000
+              });
+            } else {
+              $scope.user = data.data; // for UI
             }
-        },
-        function(response) { // optional
-                // failed
-        });
+          },
+          function(response) { // optional
+            // failed
+          });
     };
-    $scope.unlikeUser = function(){
-        $http({
-            //url: urlapi + 'users/'+ $stateParams.username+'/fav',
-            url: urlapi + 'users/id/unlike/'+ $scope.user._id,
-            method: "POST",
-            data: {}
+    $scope.unlikeUser = function() {
+      $http({
+          //url: urlapi + 'users/'+ $stateParams.username+'/fav',
+          url: urlapi + 'users/id/unlike/' + $scope.user._id,
+          method: "POST",
+          data: {}
         })
         .then(function(data) {
             // success
-            if(data.data.success==false){
-                console.log("failed");
-                $ionicLoading.show({template: 'Error on unlike', noBackdrop: true, duration: 2000});
-            }else{
-                $scope.user = data.data; // for UI
+            if (data.data.success == false) {
+              console.log("failed");
+              $ionicLoading.show({
+                template: 'Error on unlike',
+                noBackdrop: true,
+                duration: 2000
+              });
+            } else {
+              $scope.user = data.data; // for UI
             }
-        },
-        function(response) { // optional
-                // failed
-        });
+          },
+          function(response) { // optional
+            // failed
+          });
     };
 
 
-    $scope.favUser = function(){
-        $scope.newfav={
-            //travelId: $stateParams.travelId,
-            /*userId: localStorage.getItem("c_userid"),
-            username: localStorage.getItem("c_username"),
-            avatar: localStorage.getItem("c_avatar")*/
-        };
-        $scope.user.favs.push($scope.newfav);//al unfav no cal fer aquest simulacre pq ja no existeix a l'array i no el resta dos cops en cas de que cliquin dos cops
-        $http({
-            //url: urlapi + 'users/'+ $stateParams.username+'/fav',
-            url: urlapi + 'users/'+ $scope.user._id+'/fav',
-            method: "POST",
-            data: $scope.newfav
+    $scope.favUser = function() {
+      $scope.newfav = {
+        //travelId: $stateParams.travelId,
+        /*userId: localStorage.getItem("c_userid"),
+        username: localStorage.getItem("c_username"),
+        avatar: localStorage.getItem("c_avatar")*/
+      };
+      $scope.user.favs.push($scope.newfav); //al unfav no cal fer aquest simulacre pq ja no existeix a l'array i no el resta dos cops en cas de que cliquin dos cops
+      $http({
+          //url: urlapi + 'users/'+ $stateParams.username+'/fav',
+          url: urlapi + 'users/' + $scope.user._id + '/fav',
+          method: "POST",
+          data: $scope.newfav
         })
         .then(function(response) {
-                // success
-                console.log("response: ");
-                console.log(response);
+            // success
+            console.log("response: ");
+            console.log(response);
 
-                $scope.users=response.data;
-                localStorage.setItem('c_users', JSON.stringify($scope.users));
-                $scope.user = $filter('filter')($scope.users, {username: $stateParams.username}, true)[0];
+            $scope.users = response.data;
+            localStorage.setItem('c_users', JSON.stringify($scope.users));
+            $scope.user = $filter('filter')($scope.users, {
+              username: $stateParams.username
+            }, true)[0];
 
-        },
-        function(response) { // optional
-                // failed
-        });
+          },
+          function(response) { // optional
+            // failed
+          });
     };
-    $scope.unfavUser = function(){
-        console.log("unfav");
-        $scope.unfav={
-            /*userId: localStorage.getItem("c_userid"),
-            username: localStorage.getItem("c_username"),
-            avatar: localStorage.getItem("c_avatar")*/
-        };
-        $http({
-            //url: urlapi + 'users/'+ $stateParams.username+'/fav',
-            url: urlapi + 'users/'+ $scope.user._id+'/unfav',
-            method: "POST",
-            data: $scope.unfav
+    $scope.unfavUser = function() {
+      console.log("unfav");
+      $scope.unfav = {
+        /*userId: localStorage.getItem("c_userid"),
+        username: localStorage.getItem("c_username"),
+        avatar: localStorage.getItem("c_avatar")*/
+      };
+      $http({
+          //url: urlapi + 'users/'+ $stateParams.username+'/fav',
+          url: urlapi + 'users/' + $scope.user._id + '/unfav',
+          method: "POST",
+          data: $scope.unfav
         })
         .then(function(response) {
-                // success
-                console.log("response: ");
-                console.log(response);
+            // success
+            console.log("response: ");
+            console.log(response);
 
-                $scope.users=response.data;
-                localStorage.setItem('c_users', JSON.stringify($scope.users));
-                $scope.user = $filter('filter')($scope.users, {username: $stateParams.username}, true)[0];
+            $scope.users = response.data;
+            localStorage.setItem('c_users', JSON.stringify($scope.users));
+            $scope.user = $filter('filter')($scope.users, {
+              username: $stateParams.username
+            }, true)[0];
 
-        },
-        function(response) { // optional
-                // failed
-        });
+          },
+          function(response) { // optional
+            // failed
+          });
     };
 
     $ionicModal.fromTemplateUrl('templates/favsList.html', {
@@ -129,21 +140,51 @@ angular.module('app.user', ['pascalprecht.translate'])
     $scope.closeModalFavsList = function() {
       $scope.modalFavsList.hide();
     };
-    $scope.showFavsList = function(){
+    $scope.showFavsList = function() {
       $scope.modalFavsList.show();
     };
-    $scope.closeModalAndGoUser = function(){
+    $scope.closeModalAndGoUser = function() {
       $scope.modalFavsList.hide();
     };
 
     $scope.arrayObjectIndexOf = function(myArray, searchTerm) {
-        if(myArray){
-            for(var i = 0, len = myArray.length; i < len; i++) {
-                if (myArray[i] === searchTerm){
-                    return i;
-                }
-            }
+      if (myArray) {
+        for (var i = 0, len = myArray.length; i < len; i++) {
+          if (myArray[i] === searchTerm) {
+            return i;
+          }
         }
-        return -1;
+      }
+      return -1;
     };
-});
+
+    //show image
+    $ionicModal.fromTemplateUrl('templates/imgView.html', {
+      scope: $scope,
+      animation: 'slide-in-up'
+    }).then(function(modal) {
+      $scope.modal = modal;
+    });
+    $scope.openModal = function() {
+      $scope.modal.show();
+    };
+    $scope.closeModal = function() {
+      $scope.modal.hide();
+    };
+    // Cleanup the modal when we're done with it!
+    $scope.$on('$destroy', function() {
+      $scope.modal.remove();
+    });
+    // Execute action on hide modal
+    $scope.$on('modal.hidden', function() {
+      // Execute action
+    });
+    // Execute action on remove modal
+    $scope.$on('modal.removed', function() {
+      // Execute action
+    });
+    $scope.showImg = function() {
+      console.log("show image");
+      $scope.openModal();
+    };
+  });