templates/pages/job/job_post.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{% endblock %}
  6. {% block body %}
  7.     {% include ("pages/job/header.html.twig") %}
  8.     <div id="listOffres">
  13.         <div class="container-fluid bg-light overflow-hidden" >
  14.             <div class="container">
  15.                 <div class="row">
  16.                     <div class="col-lg-9 pr-lg-4">
  17.                         <div class="row">
  19.                             <div class="col-md-12" v-for="item in missions">
  20.                                 ${item.nomSpecialite}
  21.                                 <div class="job-post-item p-4 d-block d-lg-flex align-items-center">
  22.                                     <div class="one-third mb-4 mb-md-0">
  23.                                         <div class="job-post-item-header align-items-center">
  24.                                             <span class="subadge">Intérim</span>
  25.                                             <h2 class="mr-3 text-black"><a :href="'/job-single/'+item.reference">
  26.                                                     <span class="badge badge-info">
  28.                                                         ${item.nomSpecialite}
  29.                                                         (${item.totalPlanning})
  30.                                                     </span></a></h2>
  31.                                         </div>
  32.                                         <div class="job-post-item-body d-block d-md-flex">
  33.                                             <div class="mr-3"><span class="icon-calendar"></span> <a href="#">
  34.                                                     ${formatDate(item.createAt.date)}
  35.                                                     </a></div>
  36.                                             <div><span class="icon-hospital-o"></span> <span>${item.departement}</span>
  37.                                             </div>
  38.                                         </div>
  39.                                     </div>
  41.                                     <div class="one-forth ml-auto d-flex align-items-center mt-4 md-md-0">
  43.                                         <a :href="'/job-single/'+item.reference" class="btn btn-primary py-2">Voir l'offre</a>
  44.                                     </div>
  45.                                 </div>
  46.                             </div><!-- end -->
  49.                         </div>
  51.                         <div class="row mt-5">
  52.                             <div class="col text-center">
  53.                                 <div class="block-27">
  54.                                     <b-pagination
  55.                                             v-model="currentPage"
  56.                                             :total-rows="rows"
  57.                                             :per-page="perPage"
  58.                                             aria-controls="my-table"
  59.                                     ></b-pagination>
  60. {#                                    <paginate :pageCount="20" :prevText="'Prev'" :nextText="'Next'">#}
  61. {#                                    </paginate>#}
  63. {#                                    <ul>#}
  65. {#                                        <li><a href="#">&lt;</a></li>#}
  66. {#                                        <li class="active"><span>1</span></li>#}
  67. {#                                        <li><a href="#">2</a></li>#}
  68. {#                                        <li><a href="#">3</a></li>#}
  69. {#                                        <li><a href="#">4</a></li>#}
  70. {#                                        <li><a href="#">5</a></li>#}
  71. {#                                        <li><a href="#">&gt;</a></li>#}
  72. {#                                    </ul>#}
  73.                                 </div>
  74.                             </div>
  75.                         </div>
  76.                     </div>
  77.                     <div class="col-lg-3 sidebar">
  78.                         <div class="sidebar-box bg-white p-4">
  79.                             <h3 class="heading-sidebar">Parcourir les emplois</h3>
  80.                             <form action="#" class="search-form mb-3">
  81.                                 <div class="form-group">
  82.                                     <span class="icon icon-search"></span>
  83.                                     <input @keyup="filterAction()" type="text" class="form-control" placeholder="Search..." v-model="form.inputFilter">
  84.                                 </div>
  85.                             </form>
  86. {#                            v-on:change="filterAction(item.specialite)"#}
  87.                             <form action="#" class="browse-form">
  88.                                 <div v-for="item in filterSpecialite">
  89.                                     <label for="option-job-1">
  90.                                         <input type="checkbox"
  92.                                                                      v-model="form.specialite"
  93.                                                                      :value="item.specialite"
  94.                                                                      @change="filterAction()"
  95.                                                                     >
  96.                                         <span class="badge badge-info" style="width: 25px">${item.missions}</span>
  97.                                         ${item.specialite}
  99.                                     </label><br>
  100.                                 </div>
  103.                             </form>
  104.                         </div>
  106.                         <div class="sidebar-box bg-white p-4">
  107.                             <h3 class="heading-sidebar">Selectionner un lieu</h3>
  108.                             <form action="#" class="browse-form">
  109.                                 <div v-for="item in filterDept">
  110.                                     <label for="option-location-1" v-if="item.missions > 0">
  111.                                         <input type="checkbox" id="option-location-1"
  112.                                                v-model="form.dept"
  113.                                                :value="item.dept"
  114.                                                @change="filterAction()"
  115.                                         >
  117.                                         <span class="badge badge-info">${item.missions}</span>
  119.                                         ${item.dept}
  121.                                     </label><br>
  122.                                 </div>
  123.                             </form>
  124.                         </div>
  126.                         <div class="sidebar-box bg-white p-4 ">
  127.                             <h3 class="heading-sidebar">Offre Par Mois</h3>
  128.                             <form action="#" class="browse-form">
  129.                                 <div v-for="item in filterMois">
  130.                                     <label for="option-location-1">
  132.                                         <input type="checkbox" id="option-location-1"
  133.                                                                           v-model="form.mois"
  134.                                                                           :value="item.mois"
  135.                                                                           @change="filterAction()"
  136.                                         >
  137.                                         <span class="badge badge-info" style="width: 25px">${item.missions}</span>
  138.                                         ${item.mois}
  140.                                     </label><br>
  141.                                 </div>
  142.                             </form>
  143.                         </div>
  144.                     </div>
  145.                 </div>
  146.             </div>
  147.         </div>
  155.     </div>
  157. {% endblock %}