templates/job_board/_item_job.html.twig line 1

Open in your IDE?
  1. <div class="col-lg-4 col-md-6 mb-4" data-aos='fade-up'>
  2.   <div class="offer-item d-flex flex-column h-100 p-3 mb-3">
  3.     <div class="o-company">
  4.       <a href="javascript:void(0)" class="font-weight-bold">{{ job.companyName }}</a>
  5.     </div>
  6.     <div class="o-name mb-3">
  7.       <a href="{{ job.url }}"><span class="truncate-text">{{ job.offerTitle }}</span></a>
  8.     </div>
  9.     <div class="o-tags mb-2">
  10.       {% if job.expertise %}
  11.         {% set item = job.expertise|first %}
  12.         <span>{{ item.name }}{{ job.expertise|length > 1 ? ' ...' : '' }}</span>
  13.       {% endif %}
  14.       {% if job.skill %}
  15.         {% for skill in job.skill|slice(0, 3) %}
  16.           <a href="javascript:void(0)" class="o-chip">{{ skill.name }}</a>
  17.           {{ job.skill|length > 3 and loop.last   ? ' ...' : '' }}
  18.         {% endfor %}
  19.       {% endif %}
  20.     </div>
  21.     <div class="o-info row mt-auto font-14">
  22.       <div class="col-12 d-flex">
  23.         {% if job.contract %}
  24.         <div class="d-flex align-items-start line-height-normal">
  25.           <i class="fa-solid fa-suitcase mr-2"></i>
  26.           <span>{{ job.contract.name_display }}</span>
  27.         </div>
  28.         {% endif %}
  29.         <div class="d-flex align-items-center ml-auto">
  30.           <i class="fa-solid fa-calendar-days mr-2"></i>
  31.           <span>{{ job.validDate|date('d/m/Y') }}</span>
  32.         </div>
  33.       </div>
  34.       {% if job.campuses %}
  35.       <div class="col-12 mt-1">
  36.         <div class="d-flex align-items-center">
  37.           <i class="fa-solid fa-location-dot mr-2"></i>
  38.           {% for campus in job.campuses|slice(0, 3) %}
  39.             <span>{{ campus.name }}{% if not loop.last %},&nbsp{% endif %}</span>
  40.             {{ job.campuses|length > 3 and loop.last   ? '&nbsp...' : '' }}
  41.           {% endfor %}
  42.         </div>
  43.       </div>
  44.       {% endif %}
  45.     </div>
  46.   </div>
  47. </div>