<md-toolbar class="col-sm-12" ng-controller="ToolBarController">
    <div class="md-toolbar-tools">
        <md-button class="md-icon-button" aria-label="Groupes" ng-click="toggleSideBar()" hide-gt-md>
            <md-icon md-svg-icon="img/menu.svg"></md-icon>
        </md-button>
        <h2 ng-show="isInState('home') || isInState('rooms')">
            {{ DataShareBusiness.SearchSeparator }}
            <a ui-sref="{{getStateName()}}({group: DataShareBusiness.getSearchString(group)})" ng-repeat="group in DataShareBusiness.CurrentGroups">
                {{ group.Name }}{{ $last ? "" : " " + DataShareBusiness.SearchSeparator + " " }}
            </a>
        </h2>
        <h2 ng-show="isInState('freeroom')">
            Find a free room
        </h2>
        <span flex></span>
    </div>
</md-toolbar>