unserver-unify/src/app/company/companylist.html

<div ng-controller="CompanyListInCategoryCtrl as ctrl">
  <div class="col-md-3">
    <script id="catTree.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}}
            <span ng-if='item.value==0' class="itm_cntr" style="width:auto!important">
              ({{item.counter||0}})
            </span>
          </span>
        </a>
          <ul class="second_level">
            <li ng-repeat="item in item.items" ng-include="'catTree.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' | translate }}
              </strong>
              <div class="form-inline" style="float:left">
                <strong>
                  ({{ ctrl._totalCoursesCountUnderCat || ctrl.totalCount }})
                </strong>
              </div>

            </a>
          </li>
          <li class="list-group-item" ng-include="'catTree.html'" ng-repeat="item in catitems" ng-if="item.counter" style="position:relative">
          </li>
        </ul>
      </li>
    </ul>
  </div>
  <div class="col-md-9">
    <div class="forum">
      <div class="tag-box tag-box-v6 margin-bottom-20 text-right clearfix" style="min-height:56px">
        <div class="input-group col-lg-3 col-md-3 col-sm-3 top-search enable" ng-class="{'': ctrl.q.length > 0, 'poiz_company_search' : loginService.subDomain == 'poiz'}">
          <input class="form-control" ng-model="ctrl.q" placeholder="{{ 'Search Company Name' | translate }}" type="text"/>
          <span class="input-group-btn">
            <button class="btn btn-primary srch_btn" ng-click="ctrl.search(ctrl.q)" type="button">
              <i class="fa fa-search">
              </i>
            </button>
          </span>
        </div>
        <div class="form-inline pull-left ipad_count_aln">
          {{ "Total Count"| translate }}:
          <span class="badge badge-green rounded-2x">
            {{ ctrl.totalCount }}
          </span>
        </div>
        <div class="form-inline pull-right sorting" style="line-height:35px;">
          <a ng-if="loginService.subDomain != 'poiz' && loginService.subDomain != 'industry'" class="pull-left" style="margin-right: 40px; background: #39a9f5; color: #fff;" ui-sref="index.company.map">
            <i class="glyphicon glyphicon-map-marker" style="color: red"></i>&nbsp;Map
          </a>
          <span class="viewtype">
            <a href="javascript:;" class="latest" ng-class="{'active':!fullflag}" ng-click="fullflag=0"><i class="fa fa-th"></i></a>
            <a href="javascript:;" class="latest" ng-class="{'active':fullflag}" ng-click="fullflag=1"><i class="fa fa-bars"></i></a>
          </span>
          &nbsp;&nbsp;&nbsp;&nbsp;
          <a ng-if="loginService.subDomain != 'poiz'" class="latest pull-right" ng-class="{'active': ctrl.sortmethod == 'created'}" ng-click="ctrl.get('created',true)">
            <i class="fa fa-clock-o">
            </i>
            {{ "Latest" | translate }}
          </a>
          <a ng-if="loginService.subDomain != 'poiz'" class="hottest pull-right" ng-class="{'active': ctrl.sortmethod == 'counter'}" ng-click="ctrl.get('counter',true)">
            <i class="glyphicon glyphicon-fire">
            </i>
            {{ "Hot" | translate }}
          </a>
        </div>
        <div class="clearfix margin-bottom-10"></div>
        <div class="text-center md-margin-bottom-30">
          <ul class="srch_filter">
            <li ng-class="{'active':ctrl.filtersearch&&ctrl.filtersearch.name==key}" ng-repeat="key in ctrl.charArrays">
              <a ng-click="ctrl.filter(key)">
                {{key}}
              </a>
            </li>
          </ul>
        </div>
      </div>
      <div ng-if="!ctrl.listReady" class="content_loader">
        <img src="assets/images/preloader.gif">
      </div>
      <div ng-if="ctrl.listReady">
        <div class="row margin-bottom-20 trans_firstlevel" ng-class="{'view_full_width':fullflag}">
          <div class=" col-md-4 col-sm-4 col-xs-12 padding_half" current-page="ctrl.currentPage" dir-paginate="item in ctrl.items | itemsPerPage: ctrl.itemNumber" pagination-id="company" total-items="ctrl.catCount">
            <div class="thumbnails thumbnail-style thumbnail-kenburn overflow-hidden relative">
              <div class="thumbnail-img">
                <div class="overflow-hidden text-center">
                  <a ui-sref="index.company.detail.overview({cid: item._id})">
                    <img class="img-responsive" ng-src="{{ item.photo? ctrl.companypath+item._id +'/'+ item.photo :  ctrl.defaultPhoto }}"/>
                  </a>
                </div>
              </div>
              <div class="desc_sec">
             <!--    <div class="list_rating hid_ful">
                  <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 class="ng-binding">
                      4/5
                    </span> 
                  </span>
                </div> -->
               <!--  <div class="clearfix"></div> -->
               <div class="margin-bottom-10"></div>
                <div class="caption overflow-hidden clst" style="height:130px;">
                  <h3>
                    <a ui-sref="index.company.detail.overview({cid: item._id})">
                      {{ item.name }}
                    </a>
                  </h3>
                  <div class="list_rating shw_ful" ng-if="loginService.subDomain != 'poiz'">
                    <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 class="ng-binding">
                        4/5
                      </span>
                    </span>
                  </div>
                  <ul class="list-unstyled" style="max-height:40px; margin-bottom:6px; float: left; width:100%;">
                    <li ng-if="item.jobs">
                      <span class="color-green" translate="">
                        No. of Jobs
                      </span>
                      : {{item.jobs}}
                    </li>
                    <li ng-if="item.projects">
                      <span class="color-green" translate="">
                        No. of Projects
                      </span>
                      : {{item.projects}}
                    </li>
                    <li ng-if="item.products">
                      <span class="color-green" translate="">
                        No. of Products
                      </span>
                      : {{item.products}}
                    </li>
                    <li ng-if="item.publishcourses && loginService.subDomain != 'poiz'">
                      <span class="color-green" translate="">
                        No. of Courses 
                      </span>
                      : {{item.publishcourses}}
                    </li>
                  </ul>
                  <p style="line-height: 19px;">
                    {{ item.description }}
                  </p>
                </div>
              </div>
              <div class="clearfix"></div>
              <h3 class="row text-center" ng-if="ctrl.selected" translate="">
                No Result!
              </h3>
            </div>
          </div>
        </div>
      </div>
      <div class="text-right pagination_aln" ng-if="ctrl.listReady" ng-show="ctrl.totalCount> ctrl.itemNumber">
        <dir-pagination-controls boundary-links="true" on-page-change="ctrl.pageChanged(newPageNumber)" pagination-id="company" template-url="components/content/dirPagination.tpl.html">
        </dir-pagination-controls>
      </div>
      <h3 class="text-center" ng-if="(!ctrl.items||ctrl.items.length <1)&&ctrl.listReady" translate="">
        No Result!
      </h3>
    </div>
  </div>
</div>