<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>
    </md-toolbar>
    <md-content layout-padding ng-controller="SideBarController">
        <!--<md-button ng-click="close()" class="md-primary" hide-gt-md>
            Close Sidenav Left
        </md-button>
        <p hide-md show-gt-md>
            This sidenav is locked open on your device. To go back to the default behavior,
            narrow your display.
        </p>-->
        <ul class="col-sm-12" lu-busy="sidebar">
            <li ng-show="DataShareBusiness.CurrentGroups.length != 0">
                <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()">
                <md-button class="md-primary md-hue-1 md-group-button col-xs-12"
                           ng-href="{{DataShareBusiness.getGroupUrl(group)}}">
                    {{ group.Name }}
                </md-button>
            </li>
        </ul>
    </md-content>
</md-sidenav>