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

<div class="page col-lg-12"  ng-class="{'full_screen':hideHeader && currentSchool.courseTheme=='fullscreen', 'full_screen_offf':!hideHeader && currentSchool.courseTheme=='fullscreen'}" ng-controller="CouserHeaderCtrl as ctrl"> 
  <div ng-if="!maxFlag&&!mobileView && (!hideHeader||ctrl.currentTheme!='fullscreen')" class="container-fluid video-topbar row">
    <ul class="nav nav-tabs">
      <li ng-if="ctrl.mvsubject.contents.length > 0 && currentSchool.courseTheme == 'default'"  ng-class="{ 'active' :tab=='video' }">
        <a ng-click="ctrl.goto('index.courses.course.section.video',id,'video' )"  translate>
          Courseware
        </a>
      </li>
      <li ng-if="ctrl.mvsubject.pages.length> 0"  ng-class="{ 'active' :tab=='wikiware' }">
        <a ng-click="ctrl.goto('index.courses.course.section.wikiware',id,'wikiware')">
          <span translate>
            Courseware
          </span>
          &nbsp;
          <span translate>
            Wiki
          </span>
        </a>
      </li>
      <li ng-if="!currentSchool.apiOptions.hdbftp" ng-class="{ 'active' :tab=='discuss' }">
        <a ng-click="ctrl.goto('index.courses.course.section.discuss',id,'discuss')" translate>
          Discussion
        </a>
      </li>
      <li ng-if="!currentSchool.apiOptions.hdbftp" ng-class="{ 'active' :tab=='note' }">
        <a ng-click="ctrl.goto('index.courses.course.section.note', id ,'note')" translate>
          Teaching Notes
        </a>
      </li>
      <li  ng-class="{ 'active' :tab=='exam' }" ng-if="!currentSchool.apiOptions.hdbftp&&ctrl.course.singlesection||ctrl.course.summary.exams||ctrl.course.summary.assignments">
        <a ng-click="ctrl.goto('index.courses.course.section.exam', id ,'exam')" translate>
          Exam & Test
        </a>
      </li >
      <li  ng-class="{ 'active' :tab=='doc' }" ng-if="!currentSchool.apiOptions.hdbftp&&ctrl.mvsubject.docs&&ctrl.mvsubject.docs.length> 0">
        <a ng-click="ctrl.goto('index.courses.course.section.doc',id ,'doc')" translate>
          Materials For Download
        </a>
      </li>
      <li ng-class="{ 'active' :tab=='summary' }" ng-if="ctrl.course.singlesection">
        <a ng-click="ctrl.goto('index.courses.course.section.summary',id ,'summary')" translate>
          Summary
        </a>
      </li>
      <button class="header_arrow" ng-class="{'active': !hideHeader, 'fullscreen_corsepage_others':!ctrl.courseTheme.default && tab!='video'}" ng-click="ctrl.toggleHeader()">
        <i class="fa fa-angle-up">
        </i>
        <i class="fa fa-angle-down">
        </i>
      </button>
    </ul>
  </div>
  <p></p>
  <div ui-view="" ng-if="ctrl.contentReady" ng-class="{'full_screen':hideHeader&&currentSchool.courseTheme=='fullscreen','fullscreen_corsepage':!ctrl.courseTheme.default && tab!='video'}">
  </div>
  <div ng-if="!ctrl.contentReady" class="loader">
    <img src="assets/images/preloader.gif">
  </div>
</div>