unserver-unify/src/app/course/infoonly.html

<div class="info_page" ng-controller="CourseInfoCtrl 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.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> 
                <!-- <youtube-video video-url="youtubeUrl"></youtube-video> -->
              </div>
              <div class="inner_content" ng-if="ctrl.course.detail && (!ctrl.course.video && !ctrl.course.youtube)">
                <img ng-src="{{ctrl.course.photo? ctrl.coursePhotoUrl  + ctrl.course.photo :ctrl.imgdefault }}" style="float:left; width:50%; margin: 0 10px 5px 0;" title="{{ ctrl.course.name }}"/>
                <p ng-model="ctrl.course.detail" ta-bind="">
                </p>
              </div>
            </div>
          </div>
          <div class="col-md-4 course_desc">

        <span ng-if="!ctrl.mycourseFlag">
          <div ng-if="ctrl.course.privacy=='fee'">
            <div class="pricing_info text-center">
              <div class="col-md-12">
                <div class="cf_info">
                  <div class="cf_label">
                    Price
                  </div>
                  <div class="cf_text" ng-if="ctrl.course.price">
                    ${{ctrl.course.price}}
                  </div>
                  <div class="cf_text" ng-if="!ctrl.course.price">
                    Free
                  </div>
                </div>
              </div>
            </div>
            <button class="btn btn-info btn-block btn-bg" ng-if="loginService.isLogged" ng-click="ctrl.paypalPurchase()">
               {{'Buy Now'|translate}}
            </button>
            <span ng-controller="LoginCtrl as lctrl" ng-if="!loginService.isLogged">
              <button class="btn btn-info btn-block btn-bg" ng-click="lctrl.showCourseLoginDialog()">
                 {{'Buy Now'|translate}}
              </button>
            </span>
          </div>
          <span ng-if="loginService.isLogged&& ctrl.course.privacy!='fee'">
            <button ng-if="!ctrl.enrollinprocess" class="btn btn-info btn-block btn-bg" ng-click="ctrl.enroll()" translate>
              Enroll Now
            </button>
            <span ng-if="ctrl.enrollinprocess" class="pending_alert" translate>
              Pending for approval!
            </span>
          </span>
        </span>
        <span ng-if="ctrl.mycourseFlag">
          <button class="btn btn-info btn-block" translate="" ui-sref="index.courses.course({cid:ctrl.id,cs:getCheckSum(ctrl.id)})">
            Enter
          </button>
        </span>
        <span ng-if="!loginService.isLogged  && ctrl.course.privacy!='fee'" ng-controller="LoginCtrl as lctrl">
          <button class="btn btn-info btn-block btn-bg" ng-click="lctrl.showCourseLoginDialog()" translate>
            Enroll Now
          </button>
        </span>
            <!-- <span class="course_price" ng-if="!ctrl.enrollinprocess&&ctrl.course.price">${{ctrl.course.price}}</span>
            <div class="clearfix"></div>
            <button class="btn btn-u" ng-click="ctrl.paypalPurchase()" ng-if="!ctrl.enrollinprocess&&ctrl.course.price && !ctrl.mycourseFlag">
              {{'Purchase'|translate}}
            </button>
            <button class="btn btn-info" ng-click="ctrl.enroll()" ng-if="!ctrl.enrollinprocess&&!ctrl.course.price" translate="">
              Enroll
            </button> -->

            <hr class="clearfix" style="margin:10px 0;"/>
            <p><b>Start Time:</b> {{advinfo.start_time | date: 'yyyy-MM-dd' }}</p>
            <p><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 class="fa fa-external-link" aria-hidden="true"></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="headline">
              <h4 translate>Related Courses</h4>
            </div> -->
            <div class="inner_content" ng-if="ctrl.course.detail && (ctrl.course.video || ctrl.course.youtube)">
              <img ng-src="{{ctrl.course.photo? ctrl.coursePhotoUrl  + ctrl.course.photo :ctrl.imgdefault }}" style="float:left; width:50%; margin: 0 10px 5px 0;" title="{{ ctrl.course.name }}"/>
              <p ng-model="ctrl.course.detail" ta-bind="">
              </p>
            </div>
            <div class="clearfix margin-bottom-20"></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 class="col-lg-12 col-xs-12 no-padding">
        <div class="row" ng-if="ctrl.course.theme!='mobile'" style="margin-top:20px;">
          <div class="col-md-12 margin-bottom-30">
            <!-- New Style Starts -->
            <div class="profile"  ng-if="!currentSchool.apiOptions.hdbftp">
              <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 class="panel-heading overflow-h" ng-if="ctrl.commentscount>0">
                <h2 class="panel-title heading-sm pull-left">
                  <i class="fa fa-comments">
                  </i>
                  {{'Users Comments' | translate }}
                  <span style="color:#337ab7;">
                    ({{ctrl.commentscount}})
                  </span>
                </h2>
              </div>
              <div class="panel-body white-bg" ng-if="ctrl.commentscount>0">
                <div class="media media-v2" ng-repeat="topic in ctrl.coursetopics">
                  <a class="pull-left" ui-sref="index.setting.profile({ id: topic.author.loginname,cs:getCheckSum(topic.author.loginname) })">
                    <img class="media-object rounded-x img_res_adj" height="80" ng-src="{{ topic.avatar_url }}" title="{{ topic.authorname }}" width="80"/>
                  </a>
                  <div class="media-body">
                    <h4 class="media-heading">
                      <strong ng-if="loginService.isLogged">
                        <a ui-sref="index.setting.profile({ id: topic.author.loginname ,cs:getCheckSum(topic.author.loginname)})">
                          {{ topic.author.fullname }}
                        </a>
                      </strong>
                      <strong ng-if="!loginService.isLogged">  
                        <a>
                            {{ topic.author.fullname }}
                        </a>
                      </strong>
                      @{{ topic.author.loginname }}
                      <small>
                        {{ topic.create_at | date: 'short' }}
                      </small>
                      <a ng-click="ctrl.delete(topic._id)" ng-if="loginService.user&&loginService.user.is_admin||loginService.user.grole=='admin'">
                        <i class="fa fa-remove expand-list rounded-x">
                        </i>
                      </a>
                    </h4>
                    <p>
                      {{topic.content}}
                    </p>
                  </div>
                </div>
                <button class="btn btn-info btn-block" ng-click="ctrl.getMore()" ng-if="ctrl.coursetopics.length<ctrl.commentscount">
                  More +
                </button>
              </div>
            </div>
            <!-- New Style Ends -->
          </div>
        </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="headline" ng-if="ctrl.editors&&ctrl.editors.length>0">
        <h4 translate="course.teachers">
          Teachers
        </h4>
      </div>
      <div class="teacher_container row">
        <div class="col-lg-12" ng-repeat="editor in ctrl.editors">
          <div  >
            <div class="teacher_block">
              <div class="col-md-3 col-xs-2 no-padding">
                <a ng-controller="LoginCtrl as lctrl" ng-if="!loginService.isLogged">
                  <img ng-src="{{editor.photourl }}" ng-click="lctrl.showCourseLoginDialog()" title="{{ editor.name || editor.username }}" width="85"/>
                </a>
                <a ng-if="loginService.isLogged" ui-sref="index.teacher.detail.summary({teacherloginname : editor.username,cs:getCheckSum(editor.username)})">
                  <img ng-src="{{editor.photourl }}" title="{{ editor.name || editor.username }}" width="85"/>
                </a>
              </div>
              <div class="col-md-8 col-xs-9" style="padding-top: 10px;">
                <h3 style="margin-top:0px;">
                  <a class="cursor-pointer" ng-controller="LoginCtrl as lctrl" ng-if="!loginService.isLogged">
                    <span ng-click="lctrl.showCourseLoginDialog()">{{ editor.name || editor.username }}</span>
                  </a>
                  <a ng-if="loginService.isLogged" ui-sref="index.teacher.detail.summary({teacherloginname : editor.username,cs:getCheckSum(editor.username)})">
                    {{ editor.name || editor.username }}
                  </a>
                </h3>
                <p>
                  <b>
                    <span>
                      {{editor.title}}
                    </span>
                  </b>
                </p>
                <p>
                  {{editor.description}}
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="clearfix">
    </div>
    <div ng-if="displayedStudents | notEmpty">
      <div class="headline">
        <h4 translate="">
          Community
        </h4>
        <span style="color:#337ab7;">
          ({{displayedStudents.length}})
        </span>
      </div>
      <div class="tag-box">
      
        <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>
  </div>
</div>