ionic: modify instagramUser template to display instagram user's images, controller, and factory

hackathon_starter/hackathon/views.py

@@ -202,6 +202,7 @@ def instagramUserMedia(request):
     parsedData = getInstagram.get_user_media(access_token)
     return JsonResponse({'data': parsedData })
 
+
 ##################
 #  LINKED IN API #
 ##################

ionic/www/js/controllers.js

@@ -12,8 +12,9 @@ angular.module('starter.controllers', ['starter.services'])
     $scope.githubUserData = githubUser.get();
 })
 
-.controller('instagramUserCtrl', function($scope, instagramUser){
+.controller('instagramUserCtrl', function($scope, instagramUser, instagramUserMedia){
 	$scope.instagramUserData = instagramUser.get();
+	$scope.instagramUserMediaData = instagramUserMedia.get();
 })
 
 .controller('steamSalesCtrl', function($scope, steamSales){

ionic/www/js/services.js

@@ -14,4 +14,8 @@ angular.module('starter.services', ['ngResource'])
 
 .factory('steamSales', function ($resource){
 	return $resource('http://127.0.0.1:8000/hackathon/steamDiscountedGames/');
+})
+
+.factory('instagramUserMedia', function ($resource){
+	return $resource('http://localhost:8000/hackathon/instagramUserMedia/');
 })

ionic/www/templates/instagramUser.html

@@ -14,5 +14,9 @@
 			  <div class="col">Media: {{ data.counts.media }}</div>
     	</ion-item>
   
+
+      <img collection-repeat="data in instagramUserMediaData.data"
+        ng-src="{{data.images.thumbnail.url}}">
+    
   </ion-content>
 </ion-view>