Parcourir la source

Implementing controller, factory and routing for Ionic to consume Steam Sales Django response

David Leonard il y a 10 ans
Parent
commit
3a5246d885

+ 0 - 1
angular/partials/steamSales.partial.html

@@ -2,7 +2,6 @@
     <h1> Latest Steam Sale Data </h1>
 </div>
 
-
 <div class="col-lg-12">
     <div class="table-responsive">
         <table class="table table-bordered table-hover table-striped tablesorter">

+ 10 - 0
ionic/www/js/app.js

@@ -55,6 +55,16 @@ angular.module('starter', ['ionic', 'starter.controllers'])
       }
     }
   })
+
+  .state('app.steamSales', {
+    url: '/steamSales',
+    views: {
+      'menuContent': {
+        templateUrl: 'templates/steamSales.html',
+        controller: 'steamSalesCtrl'
+      }
+    }
+  });
   // if none of the above states are matched, use this as the fallback
   $urlRouterProvider.otherwise('/app/snippets');
 });

+ 4 - 0
ionic/www/js/controllers.js

@@ -16,3 +16,7 @@ angular.module('starter.controllers', ['starter.services'])
 	$scope.instagramUserData = instagramUser.get();
 })
 
+.controller('steamSalesCtrl', function($scope, steamSales){
+	$scope.sales = steamSales.get();
+});
+

+ 4 - 0
ionic/www/js/services.js

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

+ 4 - 1
ionic/www/templates/menu.html

@@ -26,7 +26,10 @@
         </ion-item>
         <ion-item nav-clear menu-close href="#/app/instagramUser">
             Instagram User 
-        </ion-item>        
+        </ion-item> 
+        <ion-item nav-clear menu-close href="#/app/steamSales">
+            Steam Sales 
+        </ion-item>       
       </ion-list>
     </ion-content>
   </ion-side-menu>