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

<div class="profile">
  <div class="no-padding margin-bottom-20">
    <div class="profile-bio">
      <div class="row">
        <div class="col-xs-4">
          <video controls="" style="width:100%;" ng-if="ctrl.teacherinfo.video">
            <source ng-src="{{ctrl.videoUrl}}" type="video/mp4">
              Your browser does not support the video tag.
            </source>
          </video>
          <img class="img-responsive md-margin-bottom-10" ng-src="{{ctrl.teacherinfo.avatarSrc }}" style="width:100%;" title="{{ ctrl.teacherinfo.name }}"/>
        </div>
        <div class="col-xs-8 padding-left-0">
          <button class="btn btn-info pull-right" ng-click="ctrl.following()" ng-if="!ctrl.followed&&loginService.isLogged">
            <i class="fa fa-plus"></i>
            {{'Follow'|translate}}
          </button>
          <!-- <button class="btn btn-default pull-right" ng-if="ctrl.followed" ng-click="ctrl.unFollow()" style="margin-left: 5px;">
            <span class="unfollow transition">
                <i class="fa fa-user-times"></i>
                {{'Unfollow'|translate}}
              </span>
          </button> -->
          <button class="btn btn-default pull-right following_state" ng-if="ctrl.followed" ng-click="ctrl.unFollow()" style="margin-left: 5px;">
            <span class="following transition">
              <i class="fa fa-check"></i>
              {{'Following'|translate}}
            </span>
            <span class="unfollow transition">
              <i class="fa fa-user-times"></i>
              {{'Unfollow'|translate}}
            </span>
          </button>
          <button class="btn btn-u pull-right" style="margin-right:5px;" ng-click="ctrl.review()" ng-if="ctrl.showassessment">
            <i class="fa fa-thumbs-up">&nbsp;</i>
            {{'Review'|translate}}
          </button>
          <button style="margin-right:5px;" ng-if="loginService.isLogged" class="btn btn-info pull-right" ng-click="ctrl.sendmessage()">
            <i class="fa fa-comments-o">&nbsp;</i>
            {{'Send Message'|translate}}
          </button>
          <div class="col-lg-7 col-xs-12">
            <h2>
              {{ ctrl.teacherinfo.name || ctrl.teacherinfo.fullname }}
            </h2>
            <span ng-if="ctrl.teacherinfo.title">
              {{ ctrl.teacherinfo.title }}
            </span>
          </div>
          <div class="col-lg-5 col-xs-12 text-right" ng-if="averageRating">
            <div class="average full-width">
              <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>
            <h3 class="heading-xs" style="margin-bottom:10px">
              Courses: {{ctrl.teacherinfo.coursesinfo.length}}
            </h3>
            <h3 class="heading-xs" style="margin-bottom:10px">
              Classes: {{ctrl.teacherinfo.classesinfo.length}}
            </h3>
            <h3 class="heading-xs" style="margin-bottom:10px">
              Blogs: {{ctrl.totalBlogCnt}}
            </h3>
          </div-->
        </div>
      </div>
    </div>
  </div>
  <div class="panel panel-profile" ng-if="ctrl.teacherinfo.detail" style="min-height:200px;">
    <div class="panel-heading overflow-h" style="border-bottom:solid 3px #f7f7f7;">
      <h2 class="panel-title heading-sm pull-left" style="color:#555;">
        {{'Editor.Detail' | translate}}
      </h2>
    </div>
    <div class="panel-body margin-bottom-30" ng-bind-html="ctrl.teacherinfo.detail">
    </div>
  </div>
</div>