unserver-unify/src/app/teacher/mobileteacherinfo.html

<div ng-controller="TeacherInfoCtrl as ctrl">
  <div class="profile">
    <div class="profile-bio">
      <button class="btn btn-u mbl_review" ng-click="ctrl.review()" ng-if="ctrl.showassessment" translate="">
        Review
      </button>
        <div class="col-xs-12">
          <div class="profile_round" style="margin:0 auto;">
            <img ng-src="{{ctrl.teacherinfo.avatarSrc }}" style="max-width:100%" title="{{ ctrl.teacherinfo.name }}"/>
          </div>
        </div>
        <div class="col-xs-12 no-padding">
          <div class="text-center col-xs-12">
            <h2>
              {{ ctrl.teacherinfo.name || ctrl.teacherinfo.fullname }}
            </h2>
            <span ng-if="ctrl.teacherinfo.title">
              <strong>
                {{ {eng:'Title',chn:'头衔'}|trans }}:
              </strong>
              {{ ctrl.teacherinfo.title }}
            </span>
          </div>
          <div class="col-lg-5 col-xs-12 text-right">
            <div class="average full-width" ng-if="averageRating">
              <span>
                {{averageRating}}/5 ({{ctrl.teacherinfo.ratingCounter||0}} {{'Review'|translate}})
              </span>
              <average-star-rating max="5" rating-value="averageRating">
              </average-star-rating>
            </div>
          </div>
          <div class="clearfix">
          </div>
          <div class="col-lg-12" ng-if="ctrl.teacherinfo.description">
            <hr>
            <p>
              {{ctrl.teacherinfo.description}}
            </p>
          </div>
        </div>
      <div class="clearfix"></div>
    </div>
    <div class="panel panel-profile" ng-if="ctrl.teacherinfo.detail" style="min-height:200px;">
      <div class="headline">
        <h4>
          {{'Editor.Detail' | translate}}
        </h4>
      </div>
      <div class="margin-bottom-10"></div>
      <div class="col-xs-12" ng-bind-html="ctrl.teacherinfo.detail">
      </div>
      <div class="clearfix"></div>
    </div>
    <!-- teacher's courses view -->
    <div class="headline" ng-if="ctrl.teacherinfo.coursesinfo">
      <h4 style="color:rgb(51, 122, 183 );" translate="">
        Courses
      </h4>
    </div>
    <div class="row margin-bottom-20">
      <div current-page="setting.currentPage" dir-paginate="item in ctrl.teacherinfo.coursesinfo | itemsPerPage: setting.pageSize" pagination-id="setting.listName" total-items="setting.totalCount">
        <div class="thumbnails thumbnail-style thumbnail-kenburn overflow-hidden relative">
          <div class="thumbnail-img">
            <div class="overflow-hidden text-center">
              <img alt="{{ item.name }}" class="img-responsive" ng-src="{{item.photo? ctrl.coursePhotoUrl+item._id +'/'+ item.photo : (item.mvpic? ctrl.subjectPicUrl+ item.mvpic : ctrl.defaultpic)}}" style="height:120px;" title="{{ item.name }}"/>
            </div>
          </div>
          <div class="mbl_list_right">
            <div class="caption overflow-hidden clst" style="height:55px">
              <h3>
                {{ item.name }}
              </h3>
              <p>
                {{ item.description }}
              </p>
            </div>
            <!--ul class="list-inline  text-left" style="border-top:solid 1px white;padding-top: 5px;  margin-bottom: 0px;">
              <li class="padding-left-0"><span  >{{item.creater}}</span></li>
              <li>
            </li>
            <li ng-if="ctrl.compareDate(item.created)" class="pull-right" style="padding-right:10px;"><img src="assets/images/new.gif"/></li>
            <li class="pull-right"><i class="fa fa-eye"></i>&nbsp;<span  >{{item.visitercounter}}</span> </li>
          </ul-->
          </div>
        </div>
      </div>
    </div>
    <div class="clearfix">
    </div>
  </div>
</div>