group navigation

app/controllers/sidebar.controller.js

     .controller('SideBarController', ['$scope', '$state', 'DataShareBusiness', 'GroupsBusiness',
         function($scope, $state, DataShareBusiness, GroupsBusiness) {
 
-            $scope.groups = [];
+            $scope.DataShareBusiness = DataShareBusiness;
 
-            $scope.setCurrentGroups = function(groups)
+            $scope.getCurrentGroups = function()
             {
-                if (groups != null) {
-                    $scope.groups = groups;
+                if (DataShareBusiness.CurrentGroups.length != 0) {
+                    var e = DataShareBusiness.CurrentGroups[DataShareBusiness.CurrentGroups.length - 1];
+                    if (e.Groups.length == 0) {
+                        return e.Parent.Groups;
+                    }
+                    return e.Groups;
                 }
+                return DataShareBusiness.Groups;
             };
 
             var promiseLoadGroups = {

app/controllers/toolbar.controller.js

     .controller('ToolBarController', ['$scope', '$state', '$mdSidenav', 'DataShareBusiness',
         function($scope, $state, $mdSidenav, DataShareBusiness) {
 
+                $scope.DataShareBusiness = DataShareBusiness;
+
                 $scope.toggleSideBar = function()
                 {
                     $mdSidenav('left').toggle();

app/views/sidebar.html

             narrow your display.
         </p>-->
         <ul class="col-sm-12" lu-busy="sidebar">
-            <li ng-repeat="group in groups">
-                <md-button class="md-primary md-hue-1 md-group-button col-xs-12" ng-click="setCurrentGroups(group.Groups)">
+            <li ng-show="DataShareBusiness.CurrentGroups.length != 0">
+                <md-button class="md-primary md-hue-1 md-group-button col-xs-12" ng-click="DataShareBusiness.upCurrentGroup()">
+                    ..
+                </md-button>
+            </li>
+            <li ng-repeat="group in getCurrentGroups()">
+                <md-button class="md-primary md-hue-1 md-group-button col-xs-12" ng-click="DataShareBusiness.setCurrentGroup(group)">
                     {{ group.Name }}
                 </md-button>
             </li>

app/views/toolbar.html

             <md-icon md-svg-icon="img/menu.svg"></md-icon>
         </md-button>
         <h2>
-            <span>Toolbar with Icon Buttons</span>
+            <span ng-click="DataShareBusiness.setCurrentGroup(null)">/ </span>
+            <a href="" ng-click="DataShareBusiness.setCurrentGroup(group)" ng-repeat="group in DataShareBusiness.CurrentGroups">{{ group.Name }}{{ $last ? "" : " / " }}</a>
         </h2>
         <span flex></span>
         <!--<md-button class="md-icon-button" aria-label="Favorite">

sdk/Business/DataShareBusiness.js

 (function()
 {
     angular.module('appSdk')
-        .factory('DataShareBusiness', ['$q', function ($q) {
+        .factory('DataShareBusiness', [function () {
 
             var data = {
                 Groups: null,
-                CurrentGroup: null
+                CurrentGroups: [],
+                setCurrentGroup: function(group)
+                {
+                    data.CurrentGroups = [];
+                    while (group != null) {
+                        data.CurrentGroups.push(group);
+                        group = group.Parent;
+                    }
+                    data.CurrentGroups.reverse();
+                },
+                upCurrentGroup: function()
+                {
+                    if (data.CurrentGroups.length > 1) {
+                        data.setCurrentGroup(data.CurrentGroups[data.CurrentGroups.length - 2]);
+                    }
+                    else if (data.CurrentGroups.length == 1) {
+                        data.setCurrentGroup(null);
+                    }
+                }
             };
 
             return data;

sdk/Business/GroupsBusiness.js

 
             var Business = {};
 
-            Business.getAll = GroupsDataAccess.getAll;
+            Business.makeParents = function(group)
+            {
+                if (group.Groups != null) {
+                    group.Groups.forEach(function (g) {
+                        g.Parent = group;
+                        Business.makeParents(g);
+                    });
+                }
+            };
+
+            Business.getAll = function(promise)
+            {
+                var defer = $q.defer();
+
+                GroupsDataAccess.getAll(promise).then(function(data)
+                {
+                    data.forEach(function(group)
+                    {
+                        Business.makeParents(group);
+                        group.parent = null;
+                    });
+                    defer.resolve(data);
+                }, defer.reject);
+
+                return defer.promise;
+            };
 
             Business.loadAll = function(promise)
             {