unserver-unify/src/app/help/help_leftnav.html

<div class="col-lg-3 col-md-3 col-xs-12" ng-controller="HelpSiderbarCtrl as ctrl">
  <ul class="sidebar_responsive usr_guide">
    <li ng-class="{'sidebar_responsive_active':dropdown}">
      <button type="button" class="btn btn-primary" ng-click="ctrl.toggledrop()">
      <span class="fa fa-bars"></span>
      </button>
      <div class="clearfix mbl-margin-bottom-40"></div>
      <div class="sidebar profile no-wrap">
        <div class="panel no-bg ongoing margin-bottom-20">
          <div class="panel-heading overflow-h">
            <h2 class="panel-title heading-sm pull-left">
              <i class="fa fa-info-circle"></i>
                <span translate>FAQ</span>
            </h2>
          </div>
          <ul class="list-group sidebar-nav-v1" style="width: 100%">
            <li class="list-group-item">
              <a href="#/help/support" class="list" translate>FAQ</a>
            </li>
            <li class="list-group-item" ng-repeat="item in ctrl.htmlitems"><a ui-sref="index.help.detail({ id: item._id })" translate>{{item.title}}</a></li>
          </ul>
          <ul class="list-group sidebar-nav-v1" ng-if="ctrl.pdfitems.length>0">
            <li class="list-group-item" ng-repeat="item in ctrl.pdfitems"> <a ui-sref="index.help.detail({ id: item._id })" translate>{{item.title}}</a></li>
          </ul>
        <div class="clearfix"></div>
        </div>
        <div class="panel no-bg ongoing margin-bottom-20" ng-if="currentSchool.videoFlag || currentSchool.theme!='market'">
          <div class="panel-heading overflow-h">
            <h2 class="panel-title heading-sm pull-left">
              <i class="fa fa-video-camera"></i>
                <span translate>Video Guide</span>
            </h2>
          </div>
          <ul class="list-group sidebar-nav-v1">
            <li class="list-group-item"> <a ui-sref="index.help.video({ file: 'denglu' })" translate>Login</a></li>
            <li class="list-group-item"> <a ui-sref="index.help.video({ file: 'wangjimima' })" translate>Forgot Password?</a></li>
            <li class="list-group-item"> <a ui-sref="index.help.video({ file: 'genggaixinxi' })" translate>Change profile and password</a></li>
            <li class="list-group-item"> <a ui-sref="index.help.video({ file: 'myspace' })" translate>My Space</a></li>
            <li class="list-group-item"> <a ui-sref="index.help.video({ file: 'homepage' })" translate>Home</a></li>
            <li class="list-group-item"> <a ui-sref="index.help.video({ file: 'courselist' })" translate>Browsing Course</a></li>
            <li class="list-group-item"> <a ui-sref="index.help.video({ file: 'newsandannouncement' })" translate>News and Announcement</a></li>
            <li class="list-group-item"> <a ui-sref="index.help.video({ file: 'coursestudy' })" translate>Course Learning</a></li>
            <li class="list-group-item"> <a ui-sref="index.help.video({ file: 'examI' })" translate>Exam</a></li>
            <li class="list-group-item"> <a ui-sref="index.help.video({ file: 'blogs' })" translate>Knowledge Zone</a></li>
            <li class="list-group-item" ng-repeat="item in ctrl.mp4items"><a ui-sref="index.help.detail({ id: item._id })" translate>{{item.title}}</a></li>
          </ul>
          <div class="clearfix"></div>
        </div>
      </div>
    </li>
  </ul>
</div>