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

<style type="text/css">
  .view_full_width ul.list-unstyled {
    height:inherit !important;
  }
</style>
<div ng-controller="SearchListCtrl as ctrl">
  <div class="home_slider" style="margin-top: -55px; z-index: 20; position: relative; overflow: visible;">
    <div class="carousel">
      <div class="carousel-inner" style="overflow: visible;">
        <div class="text-center">
          <div class="banner_search" ng-class="{'fixed':bottomFlag}" scroll="">
            <form class="form-horizontal col-md-8 col-md-offset-2">
              <div class="form-group">
                <div class="bnr_srch_hldr">
                  <span class="input-group">
                    <span class="input-group-addon">
                      <i class="fa fa-briefcase">
                      </i>
                    </span>
                    <input class="form-control" name="" ng-model="ctrl.fullSearch.name" placeholder="{{'Enter your Job Title'| translate}}" type="text"/>
                  </span>
                </div>
                <div class="bnr_srch_hldr">
                  <span class="input-group">
                    <span class="input-group-addon">
                      <i class="fa fa-map-marker">
                      </i>
                    </span>
                    <select class="form-control" ng-model="ctrl.fullSearch.state" ng-options="state for state in ctrl.stateList">
                      <option value="">
                        {{'Select location'|translate}}
                      </option>
                    </select>
                    <!--input type="text" placeholder="{{'Select your Job Functions'| translate}}" class="form-control" ng-model="ctrl.fullSearch.location" style="background: #fff;" name="" >
                    <select class="form-control">
                      <option value="">Select Location</option>
                      <option value="east">East</option>
                      <option value="west">West</option>
                      <option value="south">South</option>
                      <option value="north">North</option>
                    </select-->
                  </span>
                </div>
              </div>
              <div class="form-group">
                <div class="bnr_srch_hldr">
                  <span class="input-group function_srch">
                    <span class="input-group-addon">
                      <i class="fa fa-id-card-o">
                      </i>
                    </span>
                    <input class="form-control" name="" ng-model="ctrl.fullSearch.cat" placeholder="{{'Select your Job Functions'| translate}}" style="background: #fff;" type="text">
                      <div class="function_secondlevel">
                        <div class="function_holder">
                          <ul>
                            <li ng-class="{'dropdown':$first}" ng-repeat="item in catitems">
                              <a ng-click="ctrl.fullSearch.cat=item.key">
                                {{item.title}}
                                <i ng-if="item.items|notEmpty" class="fa fa-angle-right">
                                </i>
                              </a>
                              <ul ng-if="item.items|notEmpty">
                                <li ng-repeat="subitem in item.items">
                                  <a ng-click="ctrl.fullSearch.cat=subitem.key">
                                    {{subitem.title}}
                                  </a>
                                </li>
                              </ul>
                            </li>
                          </ul>
                        </div>
                      </div>
                    </input>
                  </span>
                </div>
                <div class="bnr_srch_hldr">
                  <div class="row">
                    <div class="col-xs-6 padding-right-0">
                      <span class="input-group">
                        <span class="input-group-addon">
                          <i class="fa fa-dollar">
                          </i>
                        </span>
                        <input class="form-control" name="" placeholder="{{'Min Salary'| translate}}" ng-model="ctrl.fullSearch.min" type="number"/>
                      </span>
                    </div>
                    <div class="col-xs-6 padding-left-0">
                      <span class="input-group">
                        <span class="input-group-addon">
                          -
                        </span>
                        <input class="form-control" name="" placeholder="{{'Max Salary'| translate}}" ng-model="ctrl.fullSearch.max" type="number"/>
                      </span>
                    </div>
                  </div>
                </div>
              </div>
              <div class="form-group">
                <div class="col-md-12 text-right">
                  <button class="btn btn-u" translate="" ng-click='ctrl.searchFull()'>
                    Search
                  </button>
                </div>
              </div>
            </form>
          </div>
          <img ng-src="{{ currentSchool.bar ? schoolUrl+currentSchool.bar : 'assets/images/jobs_banner.jpg' }}" style="width:100%;"/>
        </div>
      </div>
    </div>
  </div>
  <div class="margin-bottom-20">
  </div>
  <div class="container" id="jobs_list">
    <div class="row">      
      <div class="col-md-12">
        <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">
              <input class="form-control" ng-model="ctrl.q" placeholder="{{ 'Search job' | 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.catCount }}
              </span>
            </div>
            <div class="form-inline pull-right sorting" style="line-height:35px;">
              <span class="viewtype">
                <a href="javascript:;" ng-class="{'active':fullflag}" ng-click="fullflag=1">
                  <i class="fa fa-bars">
                  </i>
                </a>
                <a href="javascript:;" ng-class="{'active':!fullflag}" ng-click="fullflag=0">
                  <i class="fa fa-th">
                  </i>
                </a>
              </span>
            </div>
          </div>
          <div class="row high-rated padding_right-8 padding_left-8 trans_firstlevel" ng-class="{'view_full_width':!fullflag}">
            <!-- Easy Block -->
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 md-margin-bottom-40 padding_half" current-page="ctrl.currentPage" dir-paginate="item in ctrl.items | itemsPerPage: ctrl.itemNumber" pagination-id="pagename" total-items="ctrl.catCount">
              <div class="easy-block-v1 margin-bottom-20">
                <div class="easy-block-v1-badge rgba-yellow" ng-if="item.category">
                  {{ 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:65px; margin: 0;">
                    <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>
                  </ul>
                  <ul class="list-unstyled" style="height:55px;">
                    <li ng-if="item.typestr">
                      <span class="color-green" translate="">
                        Job Type
                      </span>
                      :
                      <sapn translate="">
                        {{item.typestr}}
                      </sapn>
                    </li>
                    <li>
                      <span class="color-green" translate="">
                        Posted on
                      </span>
                      : {{ item.created | date :'yyyy-MM-dd' }}
                    </li>
                    <li ng-if="item.vacancy">
                      <span class="color-green" translate="">
                        Vaccancy
                      </span>
                      :{{item.vacancy}}
                    </li>
                  </ul>
                  <div class="clearfix">
                  </div>
                  <div class="btn-u btn-u-sm margin-bottom-10" translate="" ui-sref="index.job.detail({jid: item._id})">
                    Details
                  </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 boundary-links="true" class="with-others" on-page-change="ctrl.pageChanged(newPageNumber)" pagination-id="pagename" template-url="components/content/dirPagination.tpl.html">
            </dir-pagination-controls>
          </div>
          <h3 class="text-center" ng-if="!ctrl.items||ctrl.items.length <1" translate="">
            No Result!
          </h3>
        </div>
      </div>
    </div>
  </div>
</div>