Changes to support updates to the /listings page

Author: birdofpreyru

app/listings/listings.controller.js

@@ -5,15 +5,22 @@ import angular from 'angular'
 
   angular.module('tc.listings').controller('ListingsCtrl', ListingsCtrl)
 
-  ListingsCtrl.$inject = ['CONSTANTS', 'logger', '$q',
+  ListingsCtrl.$inject = ['$location', '$scope', 'CONSTANTS', 'logger', '$q',
     'TcAuthService', 'UserService', 'UserStatsService', 'ProfileService', 'ChallengeService', 'ExternalAccountService',
     'ngDialog', '$anchorScroll'
   ]
 
-  function ListingsCtrl(CONSTANTS, logger, $q, TcAuthService, UserService, UserStatsService, ProfileService, ChallengeService, ExternalAccountService, ngDialog, $anchorScroll) {
+  function ListingsCtrl($location, $scope, CONSTANTS, logger, $q, TcAuthService, UserService, UserStatsService, ProfileService, ChallengeService, ExternalAccountService, ngDialog, $anchorScroll) {
 
     activate()
 
+    $scope.listingProps = {
+      filterFromUrl: $location.hash(),
+      onSaveFilterToUrl: function(filter) {
+        $location.hash(filter)
+      }
+    }
+
     function activate() {
       logger.debug('Calling ListingsController activate()')
 

app/listings/listings.jade

@@ -1 +1 @@
-react-component(name="ChallengeFiltersExample")
+react-component(name="ChallengeFiltersExample" props="listingProps")