checkin on map

Author: Marcel Hofmann

ionic.project

@@ -15,4 +15,4 @@
       "proxyUrl": "https://9b8ae9df-db6e-44dc-a427-4ef7f194ff97-bluemix.cloudant.com/bluevoo/"
     }
   ]
-}
+}

www/js/controllers/CheckinCtrl.js

@@ -76,4 +76,15 @@ angular.module('bluevoo.controllers')
     }
     UserSvc.getOwnProfile();
   });
+
+  modalScope.checkTag = function(tag) {
+    modelScope.addNew = false;
+    if (_filter(modalScope.availableTags, function(location) {
+      return location === tag;
+    }).length === 0) {
+      modelScope.addNew = true;
+    }
+
+    return modalScope.tags.tags ? modalScope.tags.tags.length !== 1 : true;
+  };
 });

www/js/controllers/MapCtrl.js

@@ -1,12 +1,20 @@
 angular.module('bluevoo.controllers')
 
-.controller('MapCtrl', function(uiGmapGoogleMapApi, $scope, TagSvc) {
+.controller('MapCtrl', function(uiGmapGoogleMapApi, $scope, LocationSvc, TagSvc) {
   angular.extend($scope.map, {
     zoom: 14
   });
+  console.log($scope.map);
+  $scope.nearbyUsers = [];
 
   $scope.test = function test() {
-    $scope.user = TagSvc.locations;
-    console.log($scope.myPosition);
+    console.log($scope.map.center);
+    LocationSvc.getNearbyCheckins().then(function(checkins) {
+      console.log(checkins);
+      $scope.nearbyUsers = checkins;
+    });
   };
+  uiGmapGoogleMapApi.then(function(maps) {
+    console.log(maps);
+  });
 });

www/js/init.js

@@ -1,6 +1,11 @@
 angular.module('bluevoo')
   .run(function($ionicPlatform, $rootScope, $cookies, TagSvc, $geolocation, UserSvc) {
-    $rootScope.map = {};
+    $rootScope.map = {
+      center: {
+        latitude: 50,
+        longitude: 9
+      }
+    };
     $ionicPlatform.ready(function() {
       // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
       // for form inputs)
@@ -21,10 +26,14 @@ angular.module('bluevoo')
     TagSvc.init();
     $geolocation.getCurrentPosition({
       timeout: 60000,
-      enableHighAccuracy: true
+      enableHighAccuracy: false
     }).then(function(position) {
-      $rootScope.map.center = _.pick(position.coords, ['latitude', 'longitude']);
+      console.log(position);
+      $rootScope.map.center.latitude = position.coords.latitude;
+      $rootScope.map.center.longitude = position.coords.longitude;
       $rootScope.myPosition = angular.copy($rootScope.map.center);
+    }, function(error) {
+      console.log(error);
     });
   });
 

www/js/services/LocationSvc.js

@@ -2,6 +2,42 @@ angular.module('bluevoo.services')
 
 .service('LocationSvc', function($http, $q, $rootScope, TagSvc, c) {
   var _this = this;
+  _this.nearbyUsers = [];
+
+  function getAllCheckIns() {
+    var deferred = $q.defer();
+
+    $http.get(c.url + '_design/design/_view/allCheckins').then(function(response) {
+      deferred.resolve(response.data.rows);
+    }, function(error) {
+      deferred.reject();
+    });
+
+    return deferred.promise;
+  }
+
+  function matchCheckinsWithLocations(checkins, locations) {
+    var yesterday = new Date().getTime() - 86400000;
+    return _.map(_.filter(checkins, function(checkin) {
+      return checkin.value.timestamp*1 > yesterday;
+    }), function(checkin) {
+      var location = _.filter(locations, function(location) {
+        return location.id === checkin.value.location_id;
+      })[0];
+      checkin.value.coords = location.value.coords;
+      return checkin;
+    });
+  }
+
+  _this.getNearbyCheckins = function() {
+    var deferred = $q.defer();
+    getAllCheckIns().then(function(checkins) {
+      deferred.resolve(matchCheckinsWithLocations(checkins, TagSvc.locations.ibm.concat(TagSvc.locations.customer).concat(TagSvc.locations.hotel)));
+    }, function() {
+      deferred.reject();
+    });
+    return deferred.promise;
+  };
 
   function removeOldCheckin() {
     var deferred = $q.defer();

www/templates/map.html

@@ -2,6 +2,7 @@
   <ion-content>
     <ui-gmap-google-map center="map.center" zoom="map.zoom">
       <ui-gmap-marker coords="myPosition" idKey="'pos'"></ui-gmap-marker>
+      <ui-gmap-marker ng-repeat="user in nearbyUsers" coords="user.value.coords" idKey="user.id"></ui-gmap-marker>
     </ui-gmap-google-map>
 
     <hr>