unserver-unify/src/app/course/chaptermenu.html

<ol   class="{{(item.index==ctrl.index) ? 'active' : ''}}  side-nav">
  <a class="pull-right"  ng-if="item.items.length>0 && !item.extFlag" ng-click="ctrl.extItem(item)" style="padding-right: 10px;cursor: pointer;">
    <i class="fa fa-chevron-right">
    </i>
  </a>
  <a class="pull-right"  ng-if="item.extFlag"  style="padding-right: 10px;cursor: pointer;" ng-click="ctrl.hideItem(item)">
    <i class="fa fa-chevron-down">
    </i>
  </a>
  <a  class="{{(item.index==ctrl.index) ? 'active' : ''}} list " ng-class="{'disable': item.disable, 'milestone_course': item.taskFlag}" ng-style="{'padding-left': (item.level * 12+12) + 'px'}" ui-sref=".({rid:item.id})">
    <i ng-if="item.type!='onlinequiz'" class="{{ctrl.typeclassname[item.type]}}" style="color:{{item.read ?'#999':'#2196F3'}}" >
    </i>
    <i ng-if="item.type=='onlinequiz'" class="{{ctrl.typeclassname[item.type+item.subType]}}" style="color:{{item.read ?'#999':'#2196F3'}}" >
    </i>
    &nbsp;
    <span style="cursor: pointer;">
      {{item.title}}
      <span ng-if="ctrl.chapters[item.index].type == 'mp4' && ctrl.chapters[item.index].duration" class="drtn_tmr">
        &nbsp;&nbsp;({{ctrl.chapters[item.index].duration | secondsToDateTime | date:'HH:mm:ss'}})
      </span>
      <i class="fa fa-flag milestone_icon" ng-class="{'pass':item.pass==true}" ng-if="item.taskFlag" tooltip-placement="top-left" uib-tooltip="{{'You must complete this resource before proceeding' | translate}}">&nbsp;</i>
      <i class="fa fa-star score_icon" ng-if="item.score">&nbsp;</i>

      <!-- display duration for mp4 type chapter -->
    </span>

  </a>
  <ul ng-if="item.extFlag" style="background:none;" >
    <li  ng-repeat="item in item.items" ng-include="'app/course/chaptermenu.html'">
    </li>
  </ul>
</ol>