unserver-unify/src/app/ofcourse/info.html

<div class="info_page block-description" ng-controller="OFCourseCtrl as ctrl">
  <!-- Original code -->
  <div class="col-md-12 margin-bottom-20">
    <div class="tag-box">
      <div class="forum">
        <div class="content_heading_sec">
          <div class="margin-bottom-10 clearfix blog-info">
            <strong>
              {{ ctrl.item.name }}
            </strong>
            <div class="clearfix"></div>
            <span class="date_sml_aln">
              <span class="clr_chng">
                Last Update
              </span>
              : 2017-05-05
            </span>
          </div>
        </div>
        <div class="col-md-6 col-xs-12 padding-left-0">
          <!-- show video if video available -->
          <img ng-if="ctrl.imageUrl" ng-src="{{ctrl.imageUrl}}" style="width: 100%"/>
          <img ng-if="!ctrl.imageUrl" src="assets/images/course.png" style="width: 100%"/>
        </div>
        <div class="col-md-6 col-xs-12 course_desc no-padding" ng-if="ctrl.eventsready">
          <div class="calendar event_selection" ng-model="ctrl.eventSources" ui-calendar="ctrl.calendar">
          </div>
        </div>
        <div class="clearfix"></div>
      </div>
    </div>
    <div class="col-md-12 hidden-sm hidden-xs" ng-class="{'scroll_fixed':bottomFlag}" scroll="" style="">
      <div class="inline_nav">
        <div class="row">
          <div class="container" ng-init="tab = 'overview'">
            <ul class="nav navbar-nav" ng-class="{'sidebar_active':dropdown}">
              <li ng-class="{active:tab == 'overview'}">
                <a ng-click="scrollTo('overview');tab = 'overview'" translate="">
                  Overview
                </a>
              </li>
              <li ng-class="{active:tab == 'content'}" ng-if="ctrl.item.detail">
                <a ng-click="scrollTo('content');tab = 'content'" translate="">
                  Content
                </a>
              </li>
              <li ng-class="{active:tab == 'teacher'}" ng-if="ctrl.item.teachers.length > 1">
                <a ng-click="scrollTo('teacher');tab = 'teacher'" translate="course.teachers">
                  Teachers
                </a>
              </li>
            </ul>
          </div>
        </div>
        <div class="clearfix">
        </div>
      </div>
    </div>
    <div class="col-md-12">
      <div class="tag-box">
        <div id="overview">
          <div class="margin-bottom-20" ng-bind-html="ctrl.item.description">
          </div>
          <div class="margin-bottom-20" ng-if="!ctrl.item.description" style="color:grey;font-size:17px;">
            <i aria-hidden="true" class="fa fa-frown-o fa-2x">
            </i>
            No Description yet !
          </div>
        </div>
        <div class="margin-bottom-20">
        </div>
        <div id="content" ng-if="ctrl.item.detail">
          <div class="margin-bottom-20" ng-bind-html="ctrl.item.detail">
          </div>
        </div>
      </div>
      <div class="inside" id="teacher" ng-if="ctrl.editors | notEmpty">
        <div class="headline">
          <h2 translate="course.teachers">
            Teachers
          </h2>
          <!--  <a class="btn btn-default btn-sm pull-right hom_btn_aln ng-binding" style="position:absolute; right:15px; z-index:1;">
            View All
            <i class="fa fa-arrow-circle-o-right">
            </i>
          </a> -->
        </div>
        <div class="home_teacher_section">
          <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 padding-left-0 forum " ng-repeat="teacher in ctrl.editors">
            <div class="tag-box tag-box-v3 thumbnail">
              <a ui-sref="index.teacher.detail.summary({teacherloginname : teacher.username,cs:getCheckSum(teacher.username)})">
                <img ng-if="teacher.photo" ng-src="{{ ctrl.teacherPicUrl + teacher._id +'/' + teacher.photo }}" title="{{ teacher.name }}"/>
                <img ng-if="!teacher.photo" ng-src="assets/images/default-person-icon.png" title="{{ teacher.name }}"/>
                <div class="caption">
                  <h5>
                    {{ teacher.name }}
                  </h5>
                  <p>
                    {{ teacher.title }}
                  </p>
                </div>
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="clearfix"></div>
  </div>
</div>