unserver-unify/src/app/courseinfo/contentlanding.html

<div class="info_page" ng-controller="CourseLandingCtrl as ctrl">
  <!-- Original code -->
  <div class="col-md-12">
    <div class="tag-box">
      <div class="theme_red">
        <div class="forum">
          <div class="margin-bottom-10 clearfix blog-info">
            <strong>
              {{ ctrl.course.name }}
            </strong>
             &nbsp;<mybookmark ng-if="!currentSchool.apiOptions.hdbftp"></mybookmark>
            <div class="clearfix">
            </div>
            <span class="avrg_aln" ng-if="ctrl.course.assessment">
              <div class="average" ng-if="averageRating">
                <average-star-rating max="5" rating-value="averageRating">
                </average-star-rating>
                <span>
                  {{averageRating}}/5
                </span>
                <span class="list_reviews ng-binding">
                  ({{ctrl.course.ratingcounter}} {{'reviews'|translate}})
                </span>
              </div>
            </span>
          </div>
        </div>
        <div class="row">
          <div class="col-md-8">
            <!-- show video if video available -->
            <div class="media_container">
              <div class="videogular-container" ng-if="ctrl.course.video">
                <videogular vg-theme="ctrl.outlinemp4config.theme">
                  <vg-media vg-src="ctrl.outlinemp4config.sources">
                  </vg-media>
                  <vg-controls vg-autohide="true" vg-autohide-time="1000">
                    <vg-play-pause-button>
                    </vg-play-pause-button>
                    <vg-time-display>
                      {{ currentTime | date:'mm:ss' }}
                    </vg-time-display>
                    <vg-scrub-bar>
                      <vg-scrub-bar-current-time>
                      </vg-scrub-bar-current-time>
                    </vg-scrub-bar>
                    <vg-time-display>
                      {{ totalTime | date:'mm:ss' }}
                    </vg-time-display>
                    <vg-volume>
                      <vg-mute-button>
                      </vg-mute-button>
                      <vg-volume-bar>
                      </vg-volume-bar>
                    </vg-volume>
                    <vg-fullscreen-button>
                    </vg-fullscreen-button>
                  </vg-controls>
                  <vg-buffering>
                  </vg-buffering>
                  <vg-overlay-play>
                  </vg-overlay-play>
                </videogular>
              </div>
              
              <div class="videoWrapper" ng-if="ctrl.course.youtube">
                <iframe ng-src="{{youtubeUrl}}">
                </iframe>
              </div>
              
              <!-- <youtube-video ng-if="ctrl.course.youtube" video-url="youtubeUrl">
              </youtube-video> -->
            </div>
          </div>
          <div class="col-md-4 course_desc">
            <div key-course-info-directive="">
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="col-md-8">
    <div class="tag-box">
      <div class="theme_red">
        <div class="forum">
          <div class="row margin-bottom-20">
            <div class="col-md-12">
              <div class="inner_content heading_align" ng-if="ctrl.course.description">
                <h5>
                  Overview
                </h5>
                <div class="clearfix margin-bottom-20">
                </div>
                <img ng-if="ctrl.course.photo" ng-src="{{ctrl.lcoursePicUrl }}" style="float:left; width:50%; margin: 0 10px 5px 0;" title="{{ ctrl.course.name }}"/>
                <p ng-model="ctrl.course.description" ta-bind="">
                </p>
              </div>
              <div class="clearfix margin-bottom-20">
              </div>
              <div class="heading_align">
                <div class="inner_content" ng-if="ctrl.course.outcome">
                  <h5>
                    Outcome
                  </h5>
                  <div class="margin-bottom-20" ng-model="ctrl.course.outcome" ta-bind="">
                  </div>
                </div>
                <div class="inner_content" ng-if="ctrl.course.designedfor">
                  <h5>
                    Designed for
                  </h5>
                  <div class="margin-bottom-20" ng-model="ctrl.course.designedfor" ta-bind="">
                  </div>
                </div>
                <div class="inner_content" ng-if="ctrl.course.coverage">
                  <h5>
                    Coverage
                  </h5>
                  <div class="margin-bottom-20" ng-model="ctrl.course.coverage" ta-bind="">
                  </div>
                </div>
                <div class="inner_content" ng-if="ctrl.course.venue">
                  <h5>
                    Venue
                  </h5>
                  <i class="fa fa-map-marker color-green pull-left">
                  </i>
                  <div class="pull-left" ng-model="ctrl.course.venue" style="width:98%;" ta-bind="">
                  </div>
                </div>
                <div class="clearfix margin-bottom-20">
                </div>
              </div>
            </div>
          </div>
        </div>
        <div ng-if="false" class="col-lg-12 col-xs-12 no-padding" ng-if="tablelist | notEmpty">
          <div class="headline">
            <h4 translate="">
              Contents
            </h4>
          </div>
          <div class="margin-bottom20">
            <ul class="profile crsr">
              <li class=" profile-post {{ctrl.getlistcolor($index,item.level)}}" ng-class="{active:showSec ==  item,'second-level': item.level,'': !item.level}" ng-click="openLoginDialog()" ng-repeat="item in tablelist">
                <div class="news-title" ng-if="item.id">
                  <span class="profile-post-numb">
                    {{ item.idx }}
                  </span>
                  <div class="profile-post-in">
                    <h3 class="heading-xs">
                      {{ item.title }}
                    </h3>
                    <p>
                      {{item.description ? item.description : item.title}}
                    </p>
                  </div>
                </div>
                <div ng-if="!item.id">
                  <span class="profile-post-numb">
                    {{ item.idx }}
                  </span>
                  <div class="profile-post-in">
                    <h3 class="heading-xs">
                      {{ item.title }}
                    </h3>
                    <p>
                      {{item.description ? item.description : item.title}}
                    </p>
                  </div>
                </div>
              </li>
            </ul>
            <div class="clearfix">
            </div>
          </div>
        </div>
        <div class="clearfix">
        </div>
        <!--
      <div class="panel-heading overflow-h" ng-if="loginService.user">
        <h2 class="panel-title heading-sm pull-left">
          <i class="fa fa-comments">
          </i>
          {{'Leave Your Comments' | translate }}
        </h2>
      </div>
      <div class="panel-body white-bg margin-bottom-30" ng-if="loginService.user">
        <div class="media media-v2">
          <a class="pull-left" href="#">
            <img class="media-object rounded-x" height="80" ng-src="{{ ctrl.profileImg }}" width="80"/>
          </a>
          <div class="media-body">
            <textarea class="form-control" name="content" ng-model="ctrl.commentscontent" placeholder="{{'Write your comments here' | translate }}..." required="" rows="5">
            </textarea>
            <div class="clearfix margin-bottom-10">
            </div>
            <button class="btn btn-u" ng-click="ctrl.sendComment()" ng-if="ctrl.commentscontent&&ctrl.commentscontent.length>1" style="padding-left:30px; padding-right:30px;" translate="">
              Submit
            </button>
          </div>
        </div>
      </div>
      -->
      </div>
    </div>
    <div course-info-comment-directive="">
    </div>
    <div class="clearfix">
    </div>
    <div class="tag-box" ng-if="displayedStudents | notEmpty">
      <div class="headline">
        <h4 translate="">
          Community
        </h4>
        <span style="color:#337ab7;">
          ({{displayedStudents.length}})
        </span>
      </div>
      <div class="community_img" ng-repeat="student in displayedStudents">
        <img class="img-responsive" ng-src="{{ student.avatar_url }}" style="width:100%;"/>
      </div>
      <div class="clearfix">
      </div>
    </div>
    <div class="tag-box" ng-if="ctrl.course.theme!='mobile' && ctrl.commentscount>0">
      <div class="headline hed_adj2">
        <h4 translate="">
          Comments
        </h4>
        <span style="color:#337ab7;">
          ({{ctrl.commentscount}})
        </span>
      </div>
      <div class="col-md-12">
        <div class="row blog-comments margin-bottom-30" ng-repeat="topic in ctrl.coursetopics">
          <div class="col-md-2 col-xs-2 padding-left-0 sm-margin-bottom-20">
            <div>
              <img class="media-object rounded-x img_res_adj" height="80" ng-src="{{ topic.avatar_url }}" title="{{ topic.authorname }}" width="80"/>
            </div>
          </div>
          <div class="col-md-10 col-xs-10 padding-right-0">
            <div  >
              <a ui-sref="index.setting.profile({ id: topic.author.loginname ,cs:getCheckSum(topic.author.loginname)})">
                <strong>
                  {{ topic.author.fullname }}
                </strong>
              </a>
              <div class="pull-right date_font">
                {{ topic.create_at | date: 'short' }}
              </div>
              <p>
                {{topic.content}}
              </p>
            </div>
          </div>
          <div class="clearfix">
          </div>
          <hr class="darker" />
        </div>
      </div>
      <div class="clearfix">
      </div>
    </div>
  </div>
  <div class="col-md-4">
    <div class="headline" ng-if="ctrl.editors&&ctrl.editors.length>0">
      <h4 translate="course.teachers">
        Teachers
      </h4>
    </div>
    <div class="teacher_container">
      <div ng-repeat="editor in ctrl.editors">
        <div class="teacher_block">
          <div class="col-md-3 col-xs-2 no-padding">
            <a>
              <img ng-src="{{editor.photo ? ctrl.teacherPicUrl + editor._id + '/' + editor.photo : 'assets/images/default-person-icon.png'}}" style="max-height:85px;" title="{{ editor.name || editor.username }}" width="85"/>
            </a>
          </div>
          <div class="col-md-9 col-xs-10">
            <h3 style="margin-top:0px;">
              <a>
                {{ editor.name || editor.username }}
              </a>
            </h3>
            <p>
              <b>
                <span>
                  {{editor.title}}
                </span>
              </b>
            </p>
            <p>
              {{editor.description}}
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>