unserver-unify/src/app/job/mobillist.html

<div ng-controller="JobListCtrl as ctrl">
  <div class="col-xs-12">
    <div class="forum">
      <div class="row high-rated padding_right-8 padding_left-8 trans_firstlevel view_full_width">
          <!-- Easy Block -->
          <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 md-margin-bottom-40 padding_half" pagination-id="pagename" dir-paginate="item in ctrl.items | itemsPerPage: ctrl.itemNumber" total-items="ctrl.catCount" current-page="ctrl.currentPage">
            <div class="easy-block-v1 margin-bottom-20">
              <div ng-if="item.category" class="easy-block-v1-badge rgba-yellow">{{ item.category }}</div>
              <div class="thumbnail-img alnlft">
                <div class="overflow-hidden text-center">
                  <a ui-sref="index.job.detail({jid: item._id})">
                    <img class="img-responsive" ng-src="{{item.photo? ctrl.photoUrl + item._id +'/'+ item.photo :  ctrl.defaultPhoto}}"/>
                  </a> 
                </div>
              </div>
              <div class="white-bg">
                <div class="overflow-h">
                  <h3 style="height:35px; overflow:hidden; width:100%; cursor:pointer;" ui-sref="index.job.detail({jid: item._id})">{{ item.name }}</h3>
                </div>
                <ul class="list-unstyled" style="height:105px;">
                  <li class="margin-bottom-5 cursor-pointer" ui-sref="index.company.detail({cid: item.company._id})"><b class="color-teal" >{{item.company.name}}</b></li>
                  <li class="desc margin-bottom-5 ">
                    {{item.description}}
                  </li>
                  <li style="max-height:45px; overflow:hidden;"><span class="color-green" translate>Major</span>: {{item.major}}</li>
                  <li style="max-height:45px; overflow:hidden;" ng-if="item.typestr"><span class="color-green" translate>Job Type</span>: {{item.typestr}}</li>
                  <li><span ng-if="item.vacancy" class="pull-right"><i class="fa fa-users"></i>{{item.vacancy}}</span><span class="color-green" translate>Posted on</span>: {{ item.update | date :'yyyy-MM-dd' }}</li>
                </ul>
                <div class="clearfix"></div>
                <div class="btn-u btn-u-sm margin-bottom-10" ui-sref="index.job.detail({jid: item._id})" translate>Detail</div>
              </div>
              <div class="clearfix"></div>
            </div>
          </div>
        <!-- End Easy Block -->
      </div>
      <div class="tag-box tag-box-v6 margin-bottom-20 text-right clearfix" ng-show="ctrl.catCount> ctrl.itemNumber">
        <dir-pagination-controls pagination-id="pagename" boundary-links="true" template-url="components/content/dirPagination.tpl.html" on-page-change="ctrl.pageChanged(newPageNumber)" class="with-others">
        </dir-pagination-controls>
      </div>
      <h3 class="text-center" ng-if="!ctrl.items||ctrl.items.length <1" translate>
        No Result!
      </h3>
    </div>
  </div>
</div>