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

<div class="info_page block-description" ng-controller="OFCourseCtrl as ctrl">
  <div class="block-description white-bg margin-bottom-20" ng-class="{'scroll_fixed':bottomFlag}" scroll="" style="padding-bottom: 0 !important;">
    <div class="slider slider_full_middle relative" style="background:#ccc;">
      <div class="carousel-inner">
        <div class="item active">
          <div class="text-center">
            <img src="assets/images/gsx_bg.jpg" style="top: 110%" />
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- Original code -->
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <span class="breadcrumb_inside" ncy-breadcrumb="" ng-if="(!hideHeader || currentSchool.courseTheme =='default' || !currentSchool.courseTheme) && loginService.subDomain != 'poiz'">
        </span>
      </div>
      <div class="col-md-3 no-padding">
        <div class="teacher_sidebar">
          <h2 translate="">
            Booked Session
          </h2>
          <div class="teacher_sidebar_container">
            <div class="relative" ng-if="ctrl.apps.length <= 0" scroll="">
              <div class="no_record" style="margin:0;" translate="">
                No session Booked
              </div>
            </div>
            <div class="inner_cont" ng-repeat="app in  ctrl.apps">
              <h5>
                {{app.sessionname}}
              </h5>
              <p class="session_date pull-left">
                <span>
                  {{app.time | date:'h:mma dd-MM-yyyy'}}
                </span>
              </p>
            </div>
          </div>
        </div>
        <div class="teacher_sidebar">
          <h2 translate="">
            Available Session
          </h2>
          <div class="teacher_sidebar_container">
            <div class="inner_cont" ng-repeat="app in  ctrl.eventData">
              <h5>
                {{app.title}}
              </h5>
              <p class="session_date pull-left">
                <span>
                  {{app.start | date:'h:mma dd-MM-yyyy'}}
                </span>
              </p>
              <button class="btn btn-info btn-sm pull-right" ng-click="ctrl.book(app)" ng-if="!app.selected" translate="" ng-disabled="app.start<ctrl.time">
                Book
              </button>
              <br/>
              <p>
                {{app.address}}
              </p>
            </div>
          </div>
        </div>
        <div class="teacher_sidebar" ng-if="ctrl.editors | notEmpty">
          <h2 translate="course.teachers">
            Teachers
          </h2>
          <div class="teacher_sidebar_container">
            <div ng-repeat="teacher in ctrl.editors">
              <a class="inner_cont" ng-if="loginService.isLogged" 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>
              <a class="inner_cont cursor-pointer" ng-click="lctrl.showCourseLoginDialog()" ng-controller="LoginCtrl as lctrl" ng-if="!loginService.isLogged">
                <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 class="col-md-9">
        <!-- 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 class="course_information">
          <ul>
            <li class="views">
              <i class="fa fa-eye">
              </i> {{ctrl.item.views||10}}
            </li>
            <li class="offline">
              <i class="fa fa-users">
              </i> offline
            </li>
          </ul>
          <div class="course_price">
            {{ctrl.currency}} {{ ctrl.item.price || 18 }}
          </div>
        </div>
        <h4 style="font-weight:600; color:#555;">
          {{ ctrl.item.name }}
        </h4>
        <div class="margin-bottom-20" ng-bind-html="ctrl.item.description">
        </div>
        <div class="margin-bottom-20" ng-if="!ctrl.item.description">
          <i aria-hidden="true" class="fa fa-frown-o fa-2x">
          </i> No Description yet !
        </div>
        <div class="margin-bottom-20">
        </div>
        <div class="headline" style="margin-bottom: 10px;">
          <h3 translate="">
            Description
          </h3>
        </div>
        <div ng-if="ctrl.item.detail">
          <div class="margin-bottom-20" ng-bind-html="ctrl.item.detail">
          </div>
        </div>
        <!-- <div class="calendar event_selection2" id="register" ng-if="ctrl.eventsready" ng-model="ctrl.eventSources" ui-calendar="ctrl.calendar">
        </div>
        <div class="legend">
          <ul>
            <li  >
              <span>
              </span>
              {{ {eng:'Available', chn:'可注册'}| trans}}
            </li>
            <li class="active">
              <span>
              </span>
              {{ {eng:'Selected', chn:'已注册'}| trans}}
            </li>
          </ul>
        </div> -->
        <div class="clearfix">
        </div>
      </div>
    </div>
  </div>
</div>