<div class="BottomPanel" ng-class="{'BottomPanel--closed': bottomPanel.isClosed()}"
     resizable r-directions="['top']">
    <div class="BottomPanel-tabs">
        <button ng-repeat="tab in bottomPanel.tabs | orderBy: 'order'"
                class="BottomPanel-tab" ng-class="{'BottomPanel-tab--active': tab.isActive()}"
                ng-click="tab.activate()">
            <i ng-if="tab.icon" class="{{tab.icon}}" aria-hidden="true"></i>
            {{ tab.name }}
        </button>
    </div>
    <div class="BottomPanel-content" ui-view="data"></div>
</div>
