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

<div ng-controller="CoursesCtrl as ctrl" ng-if="loginService.user">
  <div class="col-md-3">
    <script id="menuTree.html" type="text/ng-template">
      <ul class="side-nav" ng-class="{'active':item.key==ctrl.option}">
        <i class="sidebar_arrow {{item.items.length>0 ? 'fa fa-angle-right':''}}"  >
        </i>
        <a ng-click="ctrl.list(item.key,item.title)" class="list" ng-class="{'active':item.key==ctrl.option}">
          <span style="cursor: pointer;">
            {{item.title}} &nbsp;
       
          <span ng-if='item.value==0&&item.counter' class="itm_cntr" style="width:auto!important">
              ({{item.counter}})
            </span>
               </span>
        </a>
        <ul class="second_level">
          <li ng-repeat="item in item.items" ng-include="'menuTree.html'">
          </li>
        </ul>
      </ul>
    </script>
    <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" ng-click="ctrl.showTab='information';ctrl.option=''" style="float:left; cursor:default;">
              <strong style="float:left; cursor: pointer;">
                <i class="fa fa-briefcase">
                </i>
                {{ currentSchool.materialGroupName|translate }}
              </strong>
            </a>
          </li>
          <li class="list-group-item" ng-include="'menuTree.html'" ng-repeat="item in catitems" style="position:relative">
          </li>
        </ul>
      </li>
    </ul>
    <div class="clearfix">
    </div>
  </div>
  <div class="col-md-9">
    <div class="tab-v1">
      <ul class="nav nav-tabs" ng-if="ctrl.showTab!='information'">
        <li ng-class="{'active':ctrl.showTab=='positionReq'}" ng-if="ctrl.currentContent">
          <a data-toggle="tab" ng-click="ctrl.showTab='positionReq'">
            {{"Responsibilities" | translate}}
          </a>
        </li>
        <li ng-class="{'active':ctrl.showTab=='positionList'}">
          <a data-toggle="tab" ng-click="ctrl.showTab='positionList'">
            <span>
              {{"Required Courses" | translate}} 
            </span>
            <span ng-if="ctrl.total">( {{ctrl.total}} )</span>
          </a>
        </li>
      </ul>
      <div class="tab-content">
        <div ng-if="ctrl.showTab=='information'" style="margin-top:-10px;">
          <div class="forum">
            <div class="tag-box tag-box-v6 margin-bottom-20 text-right clearfix" style="min-height:56px">
              <div class="form-inline pull-left ipad_count_aln ng-binding">
                {{"Total Count" | translate}}
                <span class="badge badge-green rounded-2x ng-binding">
                  {{ctrl.allkeys.length||0}}
                </span>
              </div>
              <div class="input-group col-lg-3 col-md-3 col-sm-3 pull-right">
                <span class="input-group-addon">
                  <i class="fa fa-search">
                  </i>
                </span>
                <input class="form-control ng-pristine ng-untouched ng-valid" ng-model="ctrl.q" placeholder="search {{ currentSchool.materialGroupName|translate }}" style="min-width:200px;" type="text">
                  <span class="input-group-btn">
                    <button class="btn btn-primary ng-hide" ng-click="ctrl.searchPositionByName(ctrl.q)" ng-show="ctrl.q.length > 0" type="button">
                      <i class="fa fa-search">
                      </i>
                    </button>
                    <button class="btn btn-default ng-hide" ng-click="ctrl.clrCoursesSearchName()" ng-show="ctrl.q.length >0" type="button">
                      <i class="fa fa-remove">
                      </i>
                    </button>
                  </span>
                </input>
              </div>
            </div>
          </div>
          <div class="row margin-bottom-20">
            <div class="col-sm-6 col-xs-12" ng-if="ctrl.allkeyresult[$index]" ng-repeat="key in ctrl.allkeys">
              <div class="panel {{ctrl.allkeycolor[$index]}} equal-height-column overflow">
                <div class="panel-heading" ng-click="ctrl.goToDetail(key)">
                  <h3 class="panel-title cursor-pointer">
                    <i class="fa fa-tasks">
                    </i>
                    {{key}}
                  </h3>
                </div>
                <div class="panel-body">
                  <p ng-bind-html="ctrl.content[key]">
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="row margin-bottom-20" id="positionList" ng-if="ctrl.showTab=='positionList'">
          <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12" current-page="setting.currentPage" dir-paginate="item in setting.items | itemsPerPage: setting.pageSize" pagination-id="setting.listName" total-items="setting.totalCount">
            <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(item._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>
          <div class="row" ng-show="setting.totalCount >setting.pageSize">
            <div class="col-md-12 forum">
              <div class="tag-box tag-box-v6 margin-bottom-20 text-right clearfix">
                <dir-pagination-controls boundary-links="true" class="with-others" on-page-change="q='';setting.ctrl.pageChanged(newPageNumber)" pagination-id="setting.listName" template-url="components/content/dirPagination.tpl.html">
                </dir-pagination-controls>
              </div>
            </div>
          </div>
          <h3 class="row text-center" ng-if="setting.items.length == 0" translate="">
            No Result!
          </h3>
        </div>
        <div id="positionReq" ng-if="ctrl.showTab=='positionReq'">
          <div class="tag-box">
            <p ng-bind-html="ctrl.currentContent">
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div ng-include="'components/content/unloginhint.html'">
</div>