fix(sample): use the same variable in the datepicker and from url par…

…ams for state `booking.day`

In state `booking`, the model for the datepicker was not associate to the date of state `booking.day`. In case of direct access to this state by URL, the datepicker was not initialized.

Closes #16

sample/app.js

@@ -36,6 +36,9 @@ angular.module('ncy-sample', ['ui.router.state', 'ui.bootstrap', 'ncy-angular-br
         url: '/:year-:month-:day',
         templateUrl: 'views/booking_day.html',
         controller: 'BookingDayCtrl',
+        onExit: function($rootScope) {
+          $rootScope.reservationDate = undefined;
+        },
         data: {
           ncyBreadcrumbLabel: 'Reservations for {{reservationDate | date:\'mediumDate\'}}'
         }

sample/controllers/booking_day.js

@@ -1,6 +1,6 @@
 angular.module('ncy-sample')
-  .controller('BookingDayCtrl', function($scope, $stateParams, rooms) {
-    $scope.reservationDate = new Date($stateParams.year, $stateParams.month - 1, $stateParams.day);
+  .controller('BookingDayCtrl', function($scope, $rootScope, $stateParams, rooms) {
+    $rootScope.reservationDate = new Date($stateParams.year, $stateParams.month - 1, $stateParams.day);
 
     $scope.getRoom = function(id) {
         return _.findWhere(rooms, {roomId: parseInt(id)});

sample/controllers/booking_list.js

@@ -4,7 +4,7 @@ angular.module('ncy-sample')
     // Some hardcoded data ;
     $scope.reservations = reservations;
 
-    $scope.$watch('reservationFilter', function(newValue) {
+    $scope.$watch('reservationDate', function(newValue) {
       if(newValue) {
         $state.go('booking.day', {year: newValue.getFullYear(), month: newValue.getMonth() + 1, day: newValue.getDate()});
       }

sample/views/booking_list.html

@@ -6,9 +6,7 @@ <h2>Booking</h2>
 
 <div class="row">
     <div class="span6">
-        <div ng-model="reservationFilter">
-            <datepicker date-disabled="!between(date).length" />
-        </div>
+        <datepicker date-disabled="!between(date).length" ng-model="reservationDate" />
     </div>
     <div class="span6" ui-view>