free room controller

app/controllers/freeroom.controller.js

@@ -3,14 +3,61 @@
  */
 
 angular.module('app')
-    .controller('FreeRoomController', ['$scope', 'DataShareBusiness',
-        function($scope, DataShareBusiness) {
+    .controller('FreeRoomController', ['$scope', 'DataShareBusiness', 'RoomsBusiness',
+        function($scope, DataShareBusiness, RoomsBusiness) {
 
             $scope.dateFormat = DataShareBusiness.DateFormat;
             $scope.timeFormat = DataShareBusiness.TimeFormat;
+            $scope.dateTimeFormat = DataShareBusiness.DateTimeFormat;
+            $scope.rootRooms = null;
+            $scope.rootRoom = null;
+            $scope.freeRooms = [];
 
             $scope.Search = {
                 Begin: new Date(),
                 End: new Date()
             };
+            $scope.Search.End.setTime($scope.Search.End.getTime() + (60*60*1000));
+
+            var promiseLoadRooms = {
+                id: "promiseLoadRooms",
+                groups: ["freerooms-root"]
+            };
+            RoomsBusiness.getRootRooms(promiseLoadRooms).then(function(data)
+            {
+                $scope.rootRooms = data;
+                $scope.rootRoom = $scope.rootRooms.find(function(room)
+                {
+                    return room.Name.toLowerCase() == "kb";
+                });
+                if ($scope.rootRoom == null) {
+                    $scope.rootRoom = $scope.rootRooms[0];
+                }
+            });
+
+            $scope.openMenu = function($mdOpenMenu, ev) {
+                $mdOpenMenu(ev);
+            };
+
+            $scope.setRootRoom = function(room)
+            {
+                $scope.rootRoom = room;
+            };
+
+            $scope.search = function()
+            {
+                var promiseLoadFreeRooms = {
+                    id: "promiseLoadFreeRooms",
+                    errorGroups: ["freerooms"],
+                    loaderGroups: ["freerooms-root"]
+                };
+                RoomsBusiness.getFreeRooms({
+                    begin: Math.floor($scope.Search.Begin.getTime() / 1000),
+                    end: Math.floor($scope.Search.End.getTime() / 1000),
+                    root_room: $scope.rootRoom.Id
+                }, promiseLoadFreeRooms).then(function(data)
+                {
+                    $scope.freeRooms = data;
+                });
+            };
         }]);

app/index.html

@@ -64,6 +64,8 @@
     <script src="../sdk/Business/GroupsBusiness.js"></script>
     <script src="../sdk/DataAccess/WeeksDataAccess.js"></script>
     <script src="../sdk/Business/WeeksBusiness.js"></script>
+    <script src="../sdk/DataAccess/RoomsDataAccess.js"></script>
+    <script src="../sdk/Business/RoomsBusiness.js"></script>
 
     <!-- Directives -->
 
@@ -79,7 +81,6 @@
 
         <md-content flex layout-padding class="md-main-content" >
             <div ui-view layout="column" layout-fill layout-align="top center"></div>
-            <div flex></div>
         </md-content>
 
         <ng-include src="'views/footer.html'"></ng-include>

app/less/app.less

@@ -1,7 +1,3 @@
-footer {
-  margin: 50px 0;
-}
-
 .text-center() {
   text-align: center;
 }

app/views/freeroom.html

@@ -1,12 +1,40 @@
-<div layout="column" layout-fill layout-align="top center">
+<div layout="column" layout-fill layout-align="top center" class="col-xs-12" lu-busy="freerooms-root">
+
     <div>
         <md-input-container class="md-input-has-placeholder">
-            <input mdc-datetime-picker="" date="true" time="true" type="text" id="datetime"
-                   placeholder="From" min-date="date" ng-model="Search.Begin" class=" md-input">
+            <input mdc-datetime-picker="" date="true" time="true" type="text" id="datetimeBegin"
+                   format="{{dateTimeFormat}}" placeholder="From" ng-model="Search.Begin" class="md-input">
         </md-input-container>
+
         <md-input-container class="md-input-has-placeholder">
-            <input mdc-datetime-picker="" date="true" time="true" type="text" id="datetime"
-                   placeholder="To" min-date="date" ng-model="Search.End" class=" md-input">
+            <input mdc-datetime-picker="" date="true" time="true" type="text" id="datetimeEnd"
+                   format="{{dateTimeFormat}}" placeholder="To" ng-model="Search.End" class="md-input">
         </md-input-container>
+
+        <md-menu>
+            <md-button aria-label="Open location menu" class="md-button" ng-click="openMenu($mdOpenMenu, $event)">
+                <img src="img/location.png" /> {{rootRoom.Name}}
+            </md-button>
+            <md-menu-content width="4">
+                <md-menu-item ng-repeat="room in rootRooms">
+                    <md-button ng-click="setRootRoom(room)">
+                        {{room.Name}}
+                    </md-button>
+                </md-menu-item>
+            </md-menu-content>
+        </md-menu>
+
+        <md-button ng-click="search()">
+            Go!
+        </md-button>
     </div>
+
+    <div class="clearfix"></div>
+
+    <div class="col-xs-offset-2 col-xs-8" lu-busy="freerooms">
+        <div class="col-xs-4" ng-repeat="room in freeRooms">
+            {{room.Name}}
+        </div>
+    </div>
+
 </div>

sdk/Business/DataShareBusiness.js

@@ -14,7 +14,7 @@
 
                 TimeFormat: "HH'h'mm",
 
-                DateTimeFormat: "dd MMM yyyy HH'h'mm",
+                DateTimeFormat: "DD MMM YYYY HH[h]mm",
 
                 goToGroup: function(group)
                 {

sdk/Business/RoomsBusiness.js

@@ -0,0 +1,14 @@
+(function()
+{
+    angular.module('appSdk')
+        .factory('RoomsBusiness', ['RoomsDataAccess', '$q', function (RoomsDataAccess, $q) {
+
+            var Business = {};
+
+            Business.getRootRooms = RoomsDataAccess.getRootRooms;
+
+            Business.getFreeRooms = RoomsDataAccess.getFreeRooms;
+
+            return Business;
+        }]);
+})();

sdk/DataAccess/RoomsDataAccess.js

@@ -0,0 +1,21 @@
+(function()
+{
+    angular.module('appSdk')
+        .factory('RoomsDataAccess', ['$q', 'RequestDataAccess', function ($q, RequestDataAccess) {
+
+            var DataAccess = {};
+
+            DataAccess.getRootRooms = function(promise)
+            {
+                return RequestDataAccess.get("/api/room/getrootrooms", null, promise);
+            };
+
+            DataAccess.getFreeRooms = function(data, promise)
+            {
+                return RequestDataAccess.get("/api/room/getfree/" + data.begin + "/" +
+                    data.end + "/" + data.root_room, null, promise);
+            };
+
+            return DataAccess;
+        }]);
+})();