unserver-unify/src/app/ofcourse/list.html

<div ng-controller="OfflineCoursesCtrl as ctrl">
  <div class="col-md-3">
    <script id="menuTree.html" type="text/ng-template">
      <ul class="{(item.key==ctrl.option) ? 'active' : ''}} side-nav">
        <i class="sidebar_arrow {{item.items.length>0 ? 'fa fa-angle-right':''}}"  >
        </i>
        <a ng-click="ctrl.list(item.key)" class="{{(item.key==ctrl.option) ? 'active' : ''}} list">
          <span style="cursor: pointer;">
            {{item.title}}
            &nbsp;
          </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 side_hed">
            <a class="form-inline" ng-click="ctrl.list('')" style="cursor:pointer; float:left;">
              <strong style="float:left">
                {{'All Courses' | 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="row margin-bottom-20">
      <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12" current-page="setting.currentPage" dir-paginate="lcourse in ctrl.courses | itemsPerPage: ctrl.pageSize" pagination-id="pages" total-items="totalCount">
        <div class="thumbnails thumbnail-style thumbnail-kenburn overflow-hidden relative" style="cursor: pointer;" ui-sref=".info({cid:lcourse._id})">
          <div class="thumbnail-img">
            <div class="overflow-hidden text-center">
              <a>
                <img alt="{{ lcourse.name }}" class="img-responsive" ng-src="{{lcourse.photourl }}" style="height:150px" title="{{ lcourse.name }}"/>
              </a>
            </div>
          </div>
          <div class="thumbnail-text">
            <div class="caption overflow-hidden clst" style="height:108px">
              <div class="clearfix margin-bottom-10">
              </div>
              <h3>
                <a class="hover-effect" target="_blank">
                  {{ lcourse.name }} 
                </a>
              </h3>
              <p>{{ lcourse.description }}</p>
            </div>
            <div class="margin-bottom-20"></div>
            <p class="day_left" ng-if="lcourse.daysleft > 0">
              {{lcourse.daysleft || 0}}  {{'Days Left' | translate}}
            </p>
            <p class="price" ng-if="lcourse.price">
              <b>{{'Price' | translate}}:</b>
              <span ng-if="!lcourse.finalprice">{{ctrl.currency}} {{lcourse.price}}</span>
              <span class="strike" ng-if="lcourse.finalprice">
                <span>
                  {{ctrl.currency}} {{lcourse.price}}
                </span>
                &nbsp;{{ctrl.currency}} {{lcourse.finalprice}}
              </span>
            </p>
            <p class="price" ng-if="!lcourse.price">
              <b>{{'Price' | translate}}:</b>
              <span class="color-blue">Free</span>
            </p>
            <div class="progress cf_progress">
              <div aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" class="progress-bar progress-bar-success" role="progressbar" style="width:{{(lcourse.applications * 100)/ lcourse.mincounter}}%">
              </div>
            </div>
            <ul class="list-inline text-center" style="border-top:solid 1px white;padding-top: 5px;  margin-bottom: 10px;">
              <li class="padding-left-0">
                <b>{{'Backers' | translate}}:</b> {{lcourse.applications}} / {{lcourse.mincounter}}
                <!-- {{(lcourse.applications * 100)/ lcourse.mincounter}}% -->
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="row" ng-show="totalCount >ctrl.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="ctrl.pageChanged(newPageNumber)" pagination-id="list" template-url="components/content/dirPagination.tpl.html">
          </dir-pagination-controls>
        </div>
      </div>
    </div>
    <h3 class="row text-center" ng-if="totalCount == 0" translate="">
      No Result!
    </h3>
  </div>
</div>