unserver-unify/src/app/teacher/openlearning/school_teacherinfo.html

<div ng-controller="TeacherInfoCtrl as ctrl" class="teacher_page">
  <div class="block-description white-bg" 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="https://www.innova-solutions.co.uk/wp-content/uploads/2014/09/Southlands-High-School-Classroom-Design.jpg"/>
          </div>
        </div>
      </div>
      <div class="teacher_profile">
        <div class="container">
          <img ng-src="{{ctrl.teacherPicUrl}}{{ctrl.teacherinfo._id}}/{{ctrl.teacherinfo.photo}}">
            <div class="teacher_info">
              <h1>
                Hi, I'm {{ctrl.teacherinfo.name}}
              </h1>
              <p>
                {{ctrl.teacherinfo.title}}
              </p>
              <div class="average full-width" ng-if="averageRating">
                <average-star-rating max="5" rating-value="averageRating">
                </average-star-rating>
                <span>
                  &nbsp;
                  {{averageRating}}/5 ({{ctrl.teacherinfo.ratingCounter||0}} {{'Review'|translate}})
                </span>
              </div>
              <span>
                <i class="fa fa-map-marker">
                </i>
                {{ctrl.teacherinfo.country}}
              </span>
              <div class="margin-bottom-10">
              </div>
              <button class="btn btn-info" ng-click="ctrl.sendmessage()" style="margin-right:10px;" translate="" ng-if="loginService.isLogged">
                Contact
              </button>
              <button class="btn btn-info" ng-click="lctrl.showCourseLoginDialog()" ng-controller="LoginCtrl as lctrl" style="margin-right:10px;" translate="" ng-if="!loginService.isLogged">
                Contact
              </button>
            </div>
          </img>
        </div>
      </div>
      <div class="teacher_quick_summary">
        <div class="container">
          <ul>
            <li>
              <i class="fa fa-user">
              </i>
              Member since:
              <strong>
                {{ctrl.teacherinfo.created | date :'yyyy-MM-dd'}}
              </strong>
            </li>
            <li>
              <i class="fa fa-book">
              </i>
              Course:
              <strong>
                {{ctrl.coursecounter}}
              </strong>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="container">
      <div class="margin-bottom-15">
      </div>
      <div class="col-md-5 white-bg">
        <div class="headline">
          <h4>
            Description
          </h4>
        </div>
        <video controls="" ng-if="ctrl.teacherinfo.video" style="width:100%;">
          <source ng-src="{{ctrl.videoUrl}}" type="video/mp4">
            Your browser does not support the video tag.
          </source>
        </video>
        <p>
          {{ctrl.teacherinfo.description}}
        </p>
        <p ng-bind-html="ctrl.teacherinfo.detail">
        </p>
        <div class="margin-bottom-20"></div>
        <div class="headline" ng-if="ctrl.teacherinfo.languages|notEmpty">
            <h4 translate>
                Languages
            </h4>
        </div>
        <p ng-repeat="info in ctrl.teacherinfo.languages"> 
            {{info.language}} 
            <span class="info_txt">
                - {{info.level}}
            </span>
        </p>
        <div class="margin-bottom-20">
        </div>
        <div class="headline"  ng-if="ctrl.teacherinfo.skills|notEmpty">
            <h4 translate>
                Skills
            </h4>
        </div>
        <p ng-repeat="skill in ctrl.teacherinfo.skills">
          {{skill}}
        </p>

        <div class="margin-bottom-20">
        </div>
      </div>
      <div class="col-md-7">
        <div class="headline">
          <h4>
            Courses
          </h4>
        </div>
        <div ng-if="ctrl.coursesinfo.length <= 0" class="no_record">
          No courses created right now
        </div>
        <div class="row">
          <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12" ng-repeat="kos in ctrl.coursesinfo | filter: { publish: true }">
            <div class="thumbnails thumbnail-style thumbnail-kenburn overflow-hidden relative">
              <div class="thumbnail-img">
                <div class="overflow-hidden text-center">
                  <a ui-sref="{{kos.courseurl}}({ cid: kos._id ,cs:getCheckSum(kos._id)})">
                    <img ng-if="kos.photo" alt="BambooCloud Feature Introduction" class="img-responsive" ng-src="{{ctrl.coursePhotoUrl+kos._id +'/'+ kos.photo}}" style="height:120px;" title="BambooCloud Feature Introduction"/>
                    <img ng-if="!kos.photo" src="../assets/images/course.png" />
                  </a>
                </div>
              </div>
              <div class="clearfix margin-bottom-10">
              </div>
              <div class="caption overflow-hidden clst" style="height:102px">
                <h3>
                  <a class="hover-effect" ui-sref="{{kos.courseurl}}({ cid: kos._id ,cs:getCheckSum(kos._id)})">
                    {{kos.name}}
                  </a>
                </h3>
                <p>
                  {{kos.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>
                    {{kos.creater}}
                  </span>
                </li>
                <li>
                </li>
                <!-- ngIf: ctrl.compareDate(item.created) -->
                <li class="pull-right">
                  <i class="fa fa-eye">
                  </i>
                  <span>
                    {{kos.visitercounter}}
                  </span>
                </li>
              </ul>
            </div>
          </div>
        </div>
        <div class="clearfix">
        </div>
        <div class="headline">
          <h4>
            Review
          </h4>

        </div>
        <div class="col-lg-12 white-bg">
          <div class="margin-bottom-20"></div>
          <div ng-repeat="comment in ctrl.comments">
            <div class="col-md-2 commenter">
              <img ng-src="{{comment.avatar}}"/>
              <span class="author">
                <span translate="">
                  Reviewed by
                </span>
                {{comment.user.fullname||comment.loginname}}
              </span>
            </div>
            <div class="col-md-10">
              <div class="average full-width">
                <average-star-rating max="5" rating-value="comment.averageRating">
                </average-star-rating>
                <span>
                  {{comment.averageRating}}/5
                </span>
                <span style="float:right; font-size: 12px; color:#ccc;">
                  {{comment.date|date:short}}
                </span>
                <div class="clearfix">
                </div>
                <p>
                  {{comment.comment}}
                </p>
              </div>
              <div class="clearfix">
              </div>
              <hr/>
            </div>
            <div class="margin-bottom-20">
            </div>
          </div>
          <div ng-if="ctrl.showassessment">
            <div class="col-md-2 commenter">
              <img ng-src="{{ loginService.user.avatar ? ctrl.imagePicUrl + loginService.user._id+'/'+loginService.user.avatar:ctrl.defaultPersonPhotoUrl }}"/>
              <span class="author">
                <span>
                  Give Review
                </span>
                {{loginService.user.fullname}}
              </span>
            </div>
            <div class="col-md-10">
              <div class="full-width">
                <span uib-rating  ng-model="ctrl.ratings" max="5" on-hover="hoveringOver(value)" state-on="'fa fa-star'" state-off="'fa fa-star off'" class="custom_rating" ng-click="ctrl.updaterating()"></span>&nbsp;&nbsp;<span class="rating_value" ng-if="ctrl.ratings">{{ctrl.ratings}}/5</span>
                <div class="margin-bottom-5">
                </div>
                <div ng-if="!ctrl.ratings" class="rating_text">
                  Rate this teacher by giving stars to them
                </div>
                <textarea ng-if="ctrl.ratings" ng-model="ctrl.ratingcomment" class="form-control" placeholder="{{ 'Enter your Review'|translate }}"></textarea>
                <div class="margin-bottom-15"></div>
                <button ng-if="ctrl.ratings&&ctrl.ratingcomment.length>3" ng-click="ctrl.reviewSubmit()" class="btn btn-info pull-right">Submit</button>
              </div>
              <div class="clearfix">
              </div>
            </div>
            <div class="margin-bottom-20">
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="margin-bottom-40">
  </div>
</div>