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

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Offres d'emploi - Trouvez la mission idéale{% endblock %}
  5. {% block description %}
  6. Découvrez nos offres d'emploi en intérim dans le secteur médical. Trouvez une mission qui correspond à votre spécialité et département. Postulez dès maintenant !
  7. {% endblock %}
  11. {% block body %}
  12.     {% include ("pages/job/header.html.twig") %}
  13.     <div id="listOffres">
  18.         <div class="container-fluid bg-light overflow-hidden" >
  19.             <div class="container">
  20.                 <div class="row">
  21.                     <div class="col-lg-9 pr-lg-4">
  22.                         <div class="row">
  24.                             <div class="col-md-12" v-for="item in missions">
  25.                                 ${item.nomSpecialite}
  26.                                 <div class="job-post-item p-4 d-block d-lg-flex align-items-center">
  27.                                     <div class="one-third mb-4 mb-md-0">
  28.                                         <div class="job-post-item-header align-items-center">
  29.                                             <span class="subadge">Intérim</span>
  30.                                             <h2 class="mr-3 text-black"><a :href="'/job-single/'+item.reference">
  31.                                                     <span class="badge badge-info">
  33.                                                         ${item.nomSpecialite}
  34.                                                         (${item.totalPlanning})
  35.                                                     </span></a></h2>
  36.                                         </div>
  37.                                         <div class="job-post-item-body d-block d-md-flex">
  38.                                             <div class="mr-3"><span class="icon-calendar"></span> <a href="#">
  39.                                                     ${formatDate(item.createAt.date)}
  40.                                                     </a></div>
  41.                                             <div><span class="icon-hospital-o"></span> <span>${item.departement}</span>
  42.                                             </div>
  43.                                         </div>
  44.                                     </div>
  46.                                     <div class="one-forth ml-auto d-flex align-items-center mt-4 md-md-0">
  48.                                         <a :href="'/job-single/'+item.reference" class="btn btn-primary py-2">Voir l'offre</a>
  49.                                     </div>
  50.                                 </div>
  51.                             </div><!-- end -->
  54.                         </div>
  56.                         <div class="row mt-5">
  57.                             <div class="col text-center">
  58.                                 <div class="block-27">
  59.                                     <b-pagination
  60.                                             v-model="currentPage"
  61.                                             :total-rows="rows"
  62.                                             :per-page="perPage"
  63.                                             aria-controls="my-table"
  64.                                     ></b-pagination>
  65. {#                                    <paginate :pageCount="20" :prevText="'Prev'" :nextText="'Next'">#}
  66. {#                                    </paginate>#}
  68. {#                                    <ul>#}
  70. {#                                        <li><a href="#">&lt;</a></li>#}
  71. {#                                        <li class="active"><span>1</span></li>#}
  72. {#                                        <li><a href="#">2</a></li>#}
  73. {#                                        <li><a href="#">3</a></li>#}
  74. {#                                        <li><a href="#">4</a></li>#}
  75. {#                                        <li><a href="#">5</a></li>#}
  76. {#                                        <li><a href="#">&gt;</a></li>#}
  77. {#                                    </ul>#}
  78.                                 </div>
  79.                             </div>
  80.                         </div>
  81.                     </div>
  82.                     <div class="col-lg-3 sidebar">
  83.                         <div class="sidebar-box bg-white p-4">
  84.                             <h3 class="heading-sidebar">Parcourir les emplois</h3>
  85.                             <form action="#" class="search-form mb-3">
  86.                                 <div class="form-group">
  87.                                     <span class="icon icon-search"></span>
  88.                                     <input @keyup="filterAction()" type="text" class="form-control" placeholder="Search..." v-model="form.inputFilter">
  89.                                 </div>
  90.                             </form>
  91. {#                            v-on:change="filterAction(item.specialite)"#}
  92.                             <form action="#" class="browse-form">
  93.                                 <div v-for="item in filterSpecialite">
  94.                                     <label for="option-job-1">
  95.                                         <input type="checkbox"
  97.                                                                      v-model="form.specialite"
  98.                                                                      :value="item.specialite"
  99.                                                                      @change="filterAction()"
  100.                                                                     >
  101.                                         <span class="badge badge-info" style="width: 25px">${item.missions}</span>
  102.                                         ${item.specialite}
  104.                                     </label><br>
  105.                                 </div>
  108.                             </form>
  109.                         </div>
  111.                         <div class="sidebar-box bg-white p-4">
  112.                             <h3 class="heading-sidebar">Selectionner un lieu</h3>
  113.                             <form action="#" class="browse-form">
  114.                                 <div v-for="item in filterDept">
  115.                                     <label for="option-location-1" v-if="item.missions > 0">
  116.                                         <input type="checkbox" id="option-location-1"
  117.                                                v-model="form.dept"
  118.                                                :value="item.dept"
  119.                                                @change="filterAction()"
  120.                                         >
  122.                                         <span class="badge badge-info">${item.missions}</span>
  124.                                         ${item.dept}
  126.                                     </label><br>
  127.                                 </div>
  128.                             </form>
  129.                         </div>
  131.                         <div class="sidebar-box bg-white p-4 ">
  132.                             <h3 class="heading-sidebar">Offre Par Mois</h3>
  133.                             <form action="#" class="browse-form">
  134.                                 <div v-for="item in filterMois">
  135.                                     <label for="option-location-1">
  137.                                         <input type="checkbox" id="option-location-1"
  138.                                                                           v-model="form.mois"
  139.                                                                           :value="item.mois"
  140.                                                                           @change="filterAction()"
  141.                                         >
  142.                                         <span class="badge badge-info" style="width: 25px">${item.missions}</span>
  143.                                         ${item.mois}
  145.                                     </label><br>
  146.                                 </div>
  147.                             </form>
  148.                         </div>
  149.                     </div>
  150.                 </div>
  151.             </div>
  152.         </div>
  160.     </div>
  162. {% endblock %}