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

<div ng-controller="HelpSiderbarCtrl as ctrl">
  <div class="side_header" ng-class="{ active : ctrl.showMobileSid, }">
    <div class="collapse navbar-collapse mega-menu navbar-responsive-collapse">
      <div class="container">
        <ul class="nav navbar-nav usr_guide">
          <li>
            <ul class="list-group sidebar-nav-v1">
              
              <li class="list-group-item">
                <a class="list"><b translate>FAQ</b></a>
              </li>
              <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>
            <ul class="list-group sidebar-nav-v1" >
              <li class="list-group-item"> <a ><b translate>Video Guide</b></a></li>
              <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>Courses</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</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>
          </li>
        </ul>
      </div>
    </div>
  </div>
    <!-- Toggle get grouped for better mobile display -->
    <button type="button" class="navbar-toggle" ng-class="{ active : ctrl.showMobileSid, }" ng-click="ctrl.toggleSideBar()">
        <span class="sr-only">Toggle navigation</span>
        <span class="fa fa-bars"></span>
        <span class="fa fa-angle-left"></span>
    </button>
    <!-- End Toggle -->
</div>