unserver-unify/src/app/directive/jobtablelist.directive.html

<div class="block-description" st-safe-src="src" st-table="displayedCollection" style="padding-bottom: 0 !important; background: #eaeaea;">
  <!--=== News ===-->
  <div class="container content">
    <div class="row">
      <div class="col-md-4" ng-repeat="job in displayedCollection">
        <div class="easy-block-v1 margin-bottom-20">
          <div class="easy-block-v1-badge rgba-yellow" ng-if="job.category">
            {{ job.category }}
          </div>
          <div class="thumbnail-img alnlft">
            <div class="overflow-hidden text-center">
              <a ui-sref="index.job.detail({ jid : job._id })">
                <img class="img-responsive" ng-src="{{job.photo? ctrl.jobsPhotoUrl + job._id +'/'+ job.photo :  defaultimage}}"/>
              </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 : job._id })">
                {{job.name}}
              </h3>
            </div>
            <ul class="list-unstyled" style="height:60px;">
              <li style="max-height:45px; overflow:hidden;">
                <span class="color-green" translate="">
                  Major
                </span>
                : {{job.major}}
              </li>
              <li ng-if="job.typestr" style="max-height:45px; overflow:hidden;">
                <span class="color-green" translate="">
                  Job Type
                </span>
                : {{job.typestr}}
              </li>
              <li>
                <span class="pull-right" ng-if="job.vacancy">
                  <i class="fa fa-users">
                  </i>
                  {{job.vacancy}}
                </span>
                <span class="color-green" translate="">
                  Posted on
                </span>
                : {{job.update|date : 'yyyy-MM-dd' }}
              </li>
            </ul>
          </div>
          <div class="clearfix">
          </div>
        </div>
      </div>
      <div class="pull-right">
        <td class="text-center" colspan="5">
          <div st-displayed-pages="" st-items-by-page="9" st-pagination="">
          </div>
        </td>
      </div>
    </div>
  </div>
</div>