unserver-unify/src/app/position/detail.html

<div ng-controller="PositionCtrl as ctrl" ng-if="loginService.user">
  <div class="col-md-3">
    <ul class="sidebar_responsive" ng-class="{'sidebar_active':dropdown}">
      <li ng-class="{'sidebar_responsive_active':dropdown}">
        <button class="btn btn-primary" ng-click="ctrl.toggledrop()" type="button">
          <span class="fa fa-bars">
          </span>
        </button>
        <ul class="list-group sidebar-nav-v1">
          <li class="list-group-item">
            <a class="form-inline" style="float:left; cursor:default;">
              <strong style="float:left; cursor: pointer;">
                <i class="fa fa-briefcase">
                </i>
                {{ 'Positions'|translate}}
              </strong>
            </a>
          </li>
          <li class="list-group-item" ng-repeat="item in ctrl.allpositions" style="position:relative">
            <ul class="side-nav" ng-class="{'active':item._id==ctrl.currentId}">
              <a class="list" ng-class="{'active':item._id==ctrl.currentId}" ng-click="ctrl.show(item._id)">
                <span style="cursor: pointer;">
                  {{item.name}}
                  <span class="itm_cntr" style="width:auto!important">
                    ({{item.publishcourses}})
                  </span>
                </span>
              </a>
            </ul>
          </li>
        </ul>
      </li>
    </ul>
    <div class="clearfix">
    </div>
  </div>
  <div class="col-md-9">
    <div class="tag-box padding_reduce clearfix">
      <strong>
        {{ ctrl.item.name }}
      </strong>
      <ul class="list-unstyled list-inline blog-info margin-bottom-10 info_sml">
        <li title="{{ 'Create Date' | translate }}">
          <i class="fa fa-calendar">
          </i>
          {{ ctrl.item.created | date: 'yyyy-MM-dd' }}
        </li>
        <li title="{{'Author'|translate}}">
          <i class="fa fa-pencil">
          </i>
          <a ui-sref="index.setting.profile({ id: ctrl.item.creater ,cs:getCheckSum(ctrl.item.creater)})">
            {{ ctrl.item.creater}}
          </a>
        </li>
        <li ng-if="ctrl.item.counter" title="{{'Visit Count'|translate}}">
          <i class="fa fa-eye">
          </i>
          {{ctrl.item.counter || 1 }}
        </li>
      </ul>
      <div class="row">
        <div class="col-md-4">
          <img ng-if="ctrl.imageUrl" ng-src="{{ctrl.imageUrl}}" title="{{ ctrl.item.name }}" width="100%"/>
          <img ng-if="!ctrl.imageUrl" src="assets/images/position_noimage.png" title="{{ ctrl.item.name }}" width="100%"/>
        </div>
        <div class="col-md-8">
          <p class="special_note" id="description" ng-if="ctrl.item.description">
            {{ ctrl.item.description }}
          </p>
          <div class="tag-box tag-box-v2" ng-if="ctrl.item.detail">
            <div ng-bind-html="ctrl.item.detail">
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="row" ng-if="ctrl.courses.length > 0">
      <div class="col-md-12">
        <div class="headline">
          <h3 translate="">Courses</h3>
        </div>
      </div>
      <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12" ng-repeat="item in ctrl.courses">
        <div class="thumbnails thumbnail-style thumbnail-kenburn overflow-hidden relative">
          <div class="thumbnail-img">
            <div class="overflow-hidden text-center">
              <a ui-sref="{{item.courseurl}}({ cid: item._id,cs:getCheckSum(item._id) })">
                <img alt="{{ item.name }}" class="img-responsive" ng-src="{{item.photo? ctrl.coursePhotoUrl+item._id +'/'+ item.photo : (item.mvpic? ctrl.subjectPicUrl+ item.mvpic : ctrl.defaultpic)}}" style="height:125px;" title="{{ item.name }}"/>
              </a>
              <a class="btn-more hover-effect" ui-sref="{{item.courseurl}}({ cid: item._id,cs:getCheckSum(item._id) })">
                <span class="btn-more prvt_btn" ng-if="item.privacy!='public'" translate="">
                  Private ...
                </span>
                <span class="btn-more" ng-if="item.privacy=='public'">
                  {{'More'|translate}} +
                </span>
              </a>
            </div>
          </div>
          <div class="list_rating">
            <span class="average dummy_avg" ng-if="!item.rating">
              <div class="average-rating-container">
                <ul class="rating background">
                  <li class="star">
                    <i class="fa fa-star">
                    </i>
                  </li>
                  <li class="star">
                    <i class="fa fa-star">
                    </i>
                  </li>
                  <li class="star">
                    <i class="fa fa-star">
                    </i>
                  </li>
                  <li class="star">
                    <i class="fa fa-star">
                    </i>
                  </li>
                  <li class="star">
                    <i class="fa fa-star">
                    </i>
                  </li>
                </ul>
              </div>
            </span>
            <span class="average" ng-if="item.rating">
              <average-star-rating max="5" rating-value="item.rating">
              </average-star-rating>
              <span ng-if="item.rating">
                {{item.rating.toString().substring(0,3)}}/5
              </span>
            </span>
            <span class="list_reviews">
              ({{item.ratingcounter||0}} {{'reviews'|translate}})
            </span>
          </div>
          <div class="clearfix">
          </div>
          <div class="caption overflow-hidden clst" style="height:102px">
            <h3>
              <a class="hover-effect" ui-sref="{{item.courseurl}}({ cid: item._id ,cs:getCheckSum(lcourse._id)})">
                {{ item.name }}
              </a>
            </h3>
            <p>
              {{ item.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  >
                {{item.creatorfullname||item.creater}}
              </span>
            </li>
            <li class="pull-right" ng-if="item.newflag" style="padding-right:10px;">
              <img src="assets/images/new.gif"/>
            </li>
            <li class="pull-right">
              <span class="badge badge-u" ng-if="item.singlesection">
                {{'Micro'|translate}}
              </span>
              <i class="fa fa-user">
              </i>
              <span>
                {{item.enrolledcounter}}
              </span>
              <i class="fa fa-eye">
              </i>
              <span>
                {{item.visitercounter}}
              </span>
            </li>
          </ul>
        </div>
      </div>
      <h3 class="row text-center" ng-if="setting.items.length == 0" translate="">
        No Result!
      </h3>
    </div>
  </div>
</div>
<div ng-include="'components/content/unloginhint.html'">
</div>