error dialog; courses load

app/app.js

@@ -48,7 +48,8 @@ app.config(['$stateProvider', '$urlRouterProvider', '$httpProvider', '$locationP
 
             var promiseLoadGroups = {
                 id: "promiseLoadGroups",
-                loaderGroups: ["sidebar", "toolbar"]
+                loaderGroups: ["toolbar"],
+                groups: ["sidebar"]
             };
             GroupsBusiness.loadAll(promiseLoadGroups).then(function(data)
             {

app/controllers/home.controller.js

@@ -1,7 +1,41 @@
 angular.module('app')
-    .controller('HomeController', ['$scope', '$state', 'DataShareBusiness',
-        function($scope, $state, DataShareBusiness) {
-            $scope.clicked = function()
+    .controller('HomeController', ['$scope', '$state', 'DataShareBusiness', 'WeeksBusiness',
+        function($scope, $state, DataShareBusiness, WeeksBusiness) {
+
+            $scope.DataShareBusiness = DataShareBusiness;
+            $scope.courses = null;
+
+            $scope.getSheetCount = function()
             {
+                var sheetCount = function(group)
+                {
+                    var c = (group.Groups == null || group.Groups.length == 0) ? 1 : 0;
+                    if (group.Groups != null) {
+                        group.Groups.forEach(function (group) {
+                            c += sheetCount(group);
+                        });
+                    }
+                    return c;
+                };
+                return sheetCount(DataShareBusiness.getCurrentGroupOrRoot())
             };
+
+            $scope.$watch(function(){return DataShareBusiness.CurrentGroups}, function()
+            {
+                var group = DataShareBusiness.getCurrentGroup();
+                if (group != null && $scope.getSheetCount() < 5) {
+                    var promiseLoadCourses = {
+                        id: "promiseLoadCourses",
+                        groups: ["coursesView"]
+                    };
+                    WeeksBusiness.getCurrentWeek({group_id: group.Id, type_id: group.Type}, promiseLoadCourses)
+                        .then(function(data)
+                        {
+                            $scope.courses = data;
+                        });
+                }
+                else {
+                    $scope.courses = null;
+                }
+            });
     }]);

app/index.html

@@ -57,6 +57,8 @@
     <script src="../sdk/DataAccess/RequestDataAccess.js"></script>
     <script src="../sdk/DataAccess/GroupsDataAccess.js"></script>
     <script src="../sdk/Business/GroupsBusiness.js"></script>
+    <script src="../sdk/DataAccess/WeeksDataAccess.js"></script>
+    <script src="../sdk/Business/WeeksBusiness.js"></script>
 
     <!-- Directives -->
 

app/less/app.less

@@ -34,4 +34,8 @@ footer {
 .md-sidebar {
   height: 100%;
   min-height: 150px;
+}
+
+.welcome-message {
+  font-size: large;
 }

app/views/home.html

@@ -1,14 +1,15 @@
 <div layout="column" layout-fill layout-align="top center">
-    <p>
-        The left sidenav will 'lock open' on a medium (>=960px wide) device.
+
+    <p ng-show="DataShareBusiness.CurrentGroups.length == 0" class="welcome-message">
+        Welcome to Chronos !
     </p>
-    <p>
-        The right sidenav will focus on a specific child element.
+
+    <p ng-show="getSheetCount() > 5">
+        Too many elements to display, please select a sub group.
     </p>
-    <div>
-        <md-button ng-click="clicked()"
-                   class="md-primary">
-            Click me
-        </md-button>
+
+    <div lu-busy="coursesView" class="col-xs-12">
+        {{ courses }}
     </div>
+
 </div>

app/views/sidebar.html

@@ -1,6 +1,6 @@
 <md-sidenav class="md-sidenav-left md-whiteframe-z2 md-sidebar" md-component-id="left" md-is-locked-open="$mdMedia('gt-md')">
     <md-toolbar class="md-theme-indigo">
-        <h1 class="md-toolbar-tools">Groupes</h1>
+        <h1 class="md-toolbar-tools">Chronos</h1>
     </md-toolbar>
     <md-content layout-padding ng-controller="SideBarController">
         <!--<md-button ng-click="close()" class="md-primary" hide-gt-md>
@@ -11,14 +11,15 @@
             narrow your display.
         </p>-->
         <ul class="col-sm-12" lu-busy="sidebar">
-            <li ng-show="DataShareBusiness.CurrentGroups.length != 0">
+            <li ng-show="DataShareBusiness.CurrentGroups.length != 0" class="col-xs-12">
                 <md-button class="md-primary md-hue-1 md-group-button col-xs-12"
                            ng-href="{{DataShareBusiness.getGroupUrl(DataShareBusiness.getCurrentGroup().Parent)}}">
                     ..
                 </md-button>
             </li>
-            <li ng-repeat="group in getCurrentGroups()">
+            <li ng-repeat="group in getCurrentGroups()" class="col-xs-12">
                 <md-button class="md-primary md-hue-1 md-group-button col-xs-12"
+                           ng-class="{'md-focused': DataShareBusiness.getCurrentGroup().Id == group.Id}"
                            ng-href="{{DataShareBusiness.getGroupUrl(group)}}">
                     {{ group.Name }}
                 </md-button>

sdk/Business/DataShareBusiness.js

@@ -30,6 +30,21 @@
                     return data.CurrentGroups[data.CurrentGroups.length - 1];
                 },
 
+                getCurrentGroupOrRoot: function()
+                {
+                    var group = data.getCurrentGroup();
+                    if (group == null) {
+                        return {
+                            Id: null,
+                            Groups: data.Groups,
+                            Name: "Root",
+                            Type: 1,
+                            ParentId: -1
+                        }
+                    }
+                    return group;
+                },
+
                 getSearchString: function(group)
                 {
                     if (group == -1 && data.CurrentGroups.length != 0) {

sdk/Business/WeeksBusiness.js

@@ -0,0 +1,14 @@
+(function()
+{
+    angular.module('appSdk')
+        .factory('WeeksBusiness', ['WeeksDataAccess', function (WeeksDataAccess) {
+
+            var Business = {};
+
+            Business.getWeek = WeeksDataAccess.getWeek;
+
+            Business.getCurrentWeek = WeeksDataAccess.getCurrentWeek;
+
+            return Business;
+        }]);
+})();

sdk/Business/lubusy.js

@@ -3,8 +3,8 @@
  */
 
 angular.module('appSdk')
-    .directive('luBusy', ['$compile', '$http', 'PromisesDataAccess', '$templateCache',
-        function($compile, $http, PromisesDataAccess, $templateCache){
+    .directive('luBusy', ['$compile', '$http', 'PromisesDataAccess', '$templateCache', '$mdDialog',
+        function($compile, $http, PromisesDataAccess, $templateCache, $mdDialog){
         return {
             restrict: 'A',
             scope: {
@@ -73,7 +73,15 @@ angular.module('appSdk')
                         });
                     }
                     if (error != null) {
-                        //luticateDialogErrorHelper.errorDialog(error.value);
+                        $mdDialog.show(
+                            $mdDialog.alert()
+                                .parent(angular.element(document.querySelector('#popupContainer')))
+                                .clickOutsideToClose(true)
+                                .title('Oops, an error has occurred')
+                                .textContent(error.value.Data.Message || error.value)
+                                .ariaLabel('Oops, an error has occurred')
+                                .ok('Ok')
+                        );
                     }
                 };
 

sdk/DataAccess/WeeksDataAccess.js

@@ -0,0 +1,20 @@
+(function()
+{
+    angular.module('appSdk')
+        .factory('WeeksDataAccess', ['$q', 'RequestDataAccess', function ($q, RequestDataAccess) {
+
+            var DataAccess = {};
+
+            DataAccess.getWeek = function(data, promise)
+            {
+                return RequestDataAccess.get("/api/week/getweek/" + data.week_id + "/" + data.group_id + "/" + data.type_id, null, promise);
+            };
+
+            DataAccess.getCurrentWeek = function(data, promise)
+            {
+                return RequestDataAccess.get("/api/week/getcurrentweek/" + data.group_id + "/" + data.type_id, null, promise);
+            };
+
+            return DataAccess;
+        }]);
+})();