Motion >> Repos - motion-next.git/blob

   1 <ul>
   2   <li
   3     ng-repeat="node in vm.navigation"
   4     ms-navigation-node="node"
   5     ng-class="{'collapsed': vm.collapsed, 'has-children': vm.hasChildren}"
   6     ng-include="'navigation-nested.html'"
   7   ></li>
   8 </ul>
   9
  10 <!-- Nested navigation template -->
  11 <script type="text/ng-template" id="navigation-nested.html">
  12
  13   <div id="{{ node.id }}" ms-navigation-item layout="row" ng-if="!vm.isHidden()">
  14
  15       <div class="ms-navigation-button" ng-if="!node.uisref && node.title">
  16           <i class="icon s16 {{node.icon}}" ng-if="node.icon"></i>
  17           <span class="title" translate="{{node.translate}}" flex>{{node.title}}</span>
  18           <span class="badge white-fg margin-right-20" ng-style="{'background': node.badge.color}" ng-if="node.badge">{{node.badge.content}}</span>
  19           <i class="icon-chevron-right s16 arrow" ng-if="vm.collapsable && vm.hasChildren"></i>
  20       </div>
  21
  22       <a class="ms-navigation-button" ui-sref="{{node.uisref}}" ui-sref-active="active md-accent-bg" ng-if="node.uisref && node.title">
  23           <i class="icon s16 {{node.icon}}" ng-if="node.icon"></i>
  24           <span class="title" translate="{{node.translate}}" flex>{{node.title}}</span>
  25           <span class="badge white-fg margin-right-20" ng-style="{'background': node.badge.color}" ng-if="node.badge">{{node.badge.content}}</span>
  26           <i class="icon-chevron-right s16 arrow" ng-if="vm.collapsable && vm.hasChildren"></i>
  27       </a>
  28
  29   </div>
  30
  31   <ul ng-if="vm.hasChildren && !vm.isHidden()">
  32       <li ng-repeat="node in node.children" ms-navigation-node="node"
  33           ng-class="{'collapsed': vm.collapsed, 'has-children': vm.hasChildren}"
  34           ng-include="'navigation-nested.html'"></li>
  35   </ul>
  36 </script>
  37 <!-- / Nested navigation template -->