lib/api_browser/app/views/menu.html in praxis-0.18.1 vs lib/api_browser/app/views/menu.html in praxis-0.19.0

@@ -4,11 +4,11 @@
       <p>
         <div ng-if="versions.length > 1" dropdown auto-close="outsideClick">
           <button type="button" class="btn btn-success" dropdown-toggle ng-disabled="disabled">
             {{:: versionLabel}}: {{selectedVersion}} <span class="caret"></span>
           </button>
-          <ul class="dropdown-menu col-sm-12" role="menu">
+          <ul class="dropdown-menu" role="menu">
             <li ng-repeat="version in versions">
               <a ng-click="select(version)" dropdown-toggle>{{version}}</a>
             </li>
           </ul>
         </div>
@@ -21,26 +21,20 @@
   <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">
-            <a ng-repeat="link in availableResources()"
-               href="{{link.stateRef}}"
-               class="list-group-item"
-               ng-hide="expandChildren && link.parent && selectedGrandfatherType != link.grandfather"
-               ng-class="{active: link.typeName == currentType, 'child-resource': link.parent, 'group-selected': selectedGrandfatherType ==  link.grandfather}">
-              {{ link.name }}
-            </a>
+            <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">
-            <a ng-repeat="link in availableOthers()"
-               href="{{link.stateRef}}"
-               class="list-group-item"
-               ng-class="{active: link.typeName == currentType}">
-              {{ link.name }}
-            </a>
+            <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>