unserver-unify/src/app/courseinfo/courselanding.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">
            <span class="pull-right" ng-if="loginService.isLogged">
              <span class="pending_alert" ng-if="ctrl.enrollinprocess" translate="">
                Pending for approval!
              </span>
            </span>
            <strong>
              {{ ctrl.item.name }}
            </strong>
            &nbsp;<mybookmark ng-if="!currentSchool.apiOptions.hdbftp"></mybookmark>&nbsp;
            <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.item.ratingcounter}} {{'reviews'|translate}})
                </span>
              </div>
            </span>
          </div>
        </div>
        <div class="row">
          <div class="col-md-8">
            <!-- show video if video available -->
            <img ng-src="{{ctrl.lcoursePicUrl||ctrl.item.photo}}" style="width:100%; max-height: 350px;"/>
          </div>
          <div class="col-md-4 course_desc">
            <div key-course-info-directive></div>
          </div>
          <!--
          <div class="col-md-4 course_desc">
          
           <h3>Key Course Information</h3>
            <p ng-if="">
              <b>
                Creater:
              </b>
              {{ctrl.item.creatorfullname}}
            </p>
            <p ng-if="">
              <b>
                Price:
              </b>
              {{ctrl.course.price||ctrl.item.price}}
            </p>
            <p>
              <b>
                Start Time:
              </b>
              {{advinfo.start_time | date: 'yyyy-MM-dd' }}
            </p>
            <p ng-if="">
              <b>
                Supporting Public Agency:
              </b>
              {{advinfo.supporting_agency}}
            </p>
            <p>
              <b>
                Training Duration:
              </b>
              {{advinfo.training_duration}} hours
            </p>
            <p>
              <b>
                Mode of Training:
              </b>
              {{advinfo.mode_of_training}}
            </p>
            <p>
              <b>
                Method of Delivery:
              </b>
              {{advinfo.method_of_delivery}}
            </p>
            <p>
              <b>
                Course Language:
              </b>
              {{advinfo.course_of_language}}
            </p>
            <p>
              <b>
                Min. Qualification Required:
              </b>
              {{advinfo.required_qualification}}
            </p>
            <p>
              <b>
                Job Level:
              </b>
              {{advinfo.joblevel}}
            </p>
            <a href="{{advinfo.readmore_link}}">
              Read more from training Provider website
              <i aria-hidden="true" class="fa fa-external-link">
              </i>
            </a>
          </div>
          -->
        </div>
      </div>
      <div class="clearfix">
      </div>
    </div>
  </div>
  <div class="col-md-8">
    <div class="tag-box">
      <div class="theme_red">
        <div class="row margin-bottom-20">
          <div class="col-md-12">
            <div class="heading_align">
              <div class="inner_content" ng-if="advinfo.overview">
                <h5>
                  Overview
                </h5>
                <div class="margin-bottom-20" ng-bind-html="advinfo.overview">
                </div>
              </div>
              <div class="inner_content" ng-if="advinfo.outcome">
                <h5>
                  Outcome
                </h5>
                <div class="margin-bottom-20" ng-model="advinfo.outcome" ta-bind="">
                </div>
              </div>
              <div class="inner_content" ng-if="advinfo.designedfor">
                <h5>
                  Designed for
                </h5>
                <div class="margin-bottom-20" ng-model="advinfo.designedfor" ta-bind="">
                </div>
              </div>
              <div class="inner_content" ng-if="advinfo.coverage">
                <h5>
                  Coverage
                </h5>
                <div class="margin-bottom-20" ng-model="advinfo.coverage" ta-bind="">
                </div>
              </div>
              <div class="inner_content" ng-if="advinfo.venue">
                <h5>
                  Venue
                </h5>
                <i class="fa fa-map-marker color-green pull-left" style="position:relative; top:3px;">
                </i>
                <div class="pull-left" style="width:98%;" ng-model="advinfo.venue" ta-bind="">
                </div>
              </div>
              <div class="clearfix margin-bottom-20">
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!--
  <div class="col-md-8">
    <div class="tag-box">
      <div class="theme_red">
        <div class="row margin-bottom-20">
          <div class="col-md-12">
            <div class="headline">
              <h4 translate>Related Courses</h4>
            </div>
            <div class="heading_align">
              <div class="inner_content" ng-if="ctrl.course.advInfo.outcome">
                <h5>
                  Outcome
                </h5>
                <div class="margin-bottom-20" ng-model="ctrl.course.advInfo.outcome" ta-bind="">
                </div>
              </div>
              <div class="inner_content" ng-if="ctrl.course.advInfo.designedfor">
                <h5>
                  Designed for
                </h5>
                <div class="margin-bottom-20" ng-model="ctrl.course.advInfo.designedfor" ta-bind="">
                </div>
              </div>
              <div class="inner_content" ng-if="ctrl.course.advInfo.coverage">
                <h5>
                  Coverage
                </h5>
                <div class="margin-bottom-20" ng-model="ctrl.course.advInfo.coverage" ta-bind="">
                </div>
              </div>
              <div class="inner_content" ng-if="ctrl.course.advInfo.venue">
                <h5>
                  Venue
                </h5>
                <i class="fa fa-map-marker color-green pull-left" style="position:relative; top:3px;">
                </i>
                <div class="pull-left" ng-model="ctrl.course.venue" ta-bind="">
                </div>
              </div>
              <div class="clearfix margin-bottom-20">
              </div>
            </div>
          </div>
        </div>
      </div>
      <div 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="ctrl.selectItem(item)" 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 }}
                    <i class="fa fa-angle-down pull-right">
                    </i>
                  </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 }}
                    <i class="fa fa-angle-down pull-right">
                    </i>
                  </h3>
                  <p>
                    {{item.description ? item.description : item.title}}
                  </p>
                </div>
              </div>
            </li>
          </ul>
          <div class="clearfix">
          </div>
        </div>
      </div>
      <div ng-include="'app/course/homerelatedcourse.html'">
      </div>
      -->
    <!--
    <div ng-if="ctrl.course.theme!='mobile'">
      <div class="margin-bottom-30">
        <div class="profile">
          <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>
    -->
    <div course-info-comment-directive> </div>
  </div>
  <!--
      <div class="col-lg-12 col-xs-12 no-padding" ng-if="!tablelist||tablelist.length<1 && !ctrl.course.infoOnlyFlag">
        <div class="headline">
          <h4 translate="">
            Please login to get more Info!
          </h4>
        </div>
      </div>
      <div class="clearfix">
      </div>
    </div>
  </div>
  -->
  <div class="col-md-4">
    <div   style="margin-left:0px;">
      <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 ng-if="false" 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>
</div>