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

<style type="text/css">
</style>
<div ng-controller="JobListCtrl as ctrl">
  <div class="home_slider" ng-if="loginService.subDomain != 'wdbamboo' && loginService.subDomain != 'bamboosys'" 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 class="fa fa-angle-right" ng-if="item.items|notEmpty">
                              </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>
                  </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="home_slider" ng-if="loginService.subDomain == 'wdbamboo'  || loginService.subDomain == 'bamboosys'" style="margin-top: -55px; z-index: 20; position: relative; overflow: visible;">
    <div class="carousel">
      <div class="carousel-inner">
        <div class="active item slider_type3">
          <div class="text-center">
            <img ng-src="assets/images/jobs_banner2.jpg" style="margin:auto;width:100%;height:100%;"/>
            <div class="text_content">
              <h3 style="margin-top: 0;">寻找未来互联网教育精英，九竹教育云邀您一起畅想未来。</h3>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="margin-bottom-20">
  </div>
  <div class="container">
    <div class="row">
      <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  class="{{(item.key==ctrl.option) ? 'active' : ''}} list" ng-click="ctrl.list(item.key)">
              <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.totalCount }})
                    </strong>
                  </div>
                </a>
              </li>
              <li class="list-group-item" ng-include="'catTree.html'" ng-repeat="item in catitems" 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">
              <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=0">
                  <i class="fa fa-bars">
                  </i>
                </a>
                <a href="javascript:;" ng-class="{'active':fullflag}" ng-click="fullflag=1">
                  <i class="fa fa-th">
                  </i>
                </a>
              </span>
              <a class="latest" ng-if="loginService.subDomain != 'wdbamboo' && loginService.subDomain != 'bamboosys'" ng-class="{'active': ctrl.sortmethod == 'created'}" ng-click="ctrl.get('created',true)">
                <i class="fa fa-clock-o">
                </i>
                {{ "Latest" | translate }}
              </a>
              <a class="hottest" ng-if="loginService.subDomain != 'wdbamboo' && loginService.subDomain != 'bamboosys'" ng-class="{'active': ctrl.sortmethod == 'counter'}" ng-click="ctrl.get('counter',true)">
                <i class="glyphicon glyphicon-fire">
                </i>
                {{ "Hot" | translate }}
              </a>
            </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 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 | split:',':0}}
                  </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;" ng-if="item.major">
                        <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="">
                          Vacancy
                        </span>
                        :{{item.vacancy}}
                      </li>
                      <li ng-if="item.location">
                        <span class="color-green">
                          {{ {eng:'Location',chn:'工作地点'} | trans }}
                        </span>
                        :{{item.location}}
                      </li>
                    </ul>
                    <div class="clearfix"></div>
                    <div class="btn-u btn-u-sm margin-bottom-10" ui-sref="index.job.detail({jid: item._id})">
                      {{ {eng:'Details',chn:'查看详情'} | trans }}
                    </div>
                  </div>
                  <div class="clearfix">
                  </div>
                </div>
              </div>
              <!-- End Easy Block -->
            </div>
          </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>