<div class=“sidebar fixed-if-fits hidden-print”>

<div class="row">
  <div class="col-sm-12">
    <p>
      <div ng-if="versions.length > 1" dropdown dropdown-append-to-body>
        <button type="button" class="btn btn-success" dropdown-toggle ng-disabled="disabled">
          {{:: versionLabel}}: {{selectedVersion}} <span class="caret"></span>
        </button>
        <ul class="dropdown-menu" role="menu">
          <li ng-repeat="version in versions">
            <a ng-click="select(version)" dropdown-toggle>{{version}}</a>
          </li>
        </ul>
      </div>
      <div ng-if="versions.length == 1" class="btn btn-success">
        {{:: versionLabel}}: {{selectedVersion}}
      </div>
    </p>
  </div>
</div>
<div class="row">
  <div class="col-sm-12">
    <tabset justified="true" class="tab-list-group">
      <tab heading="Resources" active="active.resources">
        <div class="list-group">
          <menu-item ng-repeat="link in availableResources() | orderBy: 'name'" link="link" toplevel="true"></menu-item>
        </div>
      </tab>
      <tab heading="Schemas" active="active.schemas">
        <div class="list-group">
          <menu-item ng-repeat="link in availableSchemas() | orderBy: 'name'" link="link" toplevel="true"></menu-item>
        </div>
      </tab>
      <tab heading="Traits" active="active.traits" ng-if="availableTraits().length > 0">
        <div class="list-group">
          <menu-item ng-repeat="link in availableTraits() | orderBy: 'name'" link="link" toplevel="true"></menu-item>
        </div>
      </tab>
    </tabset>
  </div>
</div>

</div>