templates/Jobs/_jobs_card.html.twig line 1

Open in your IDE?
  1. {% if job is defined %}
  2.     <article class="relative bg-white job flex col {{desktop('shadow vt-20 padding-40 radius-20')}} {{mobile('shadow-alt-2 w100 bottom-40 padding-15 radius')}}">
  3.         <h2 class="{{desktop('h4 semibold success')}} {{mobile('h3 semibold top-5')}}">{{ job.title }}</h2>
  4.         <p class="{{ desktop("top-30") }}{{ mobile("top-10 bottom-5") }}">
  5.             {{ job.description }}
  6.         </p>
  7.         <div class="border border-gray border-1x {{ desktop("top-50 bottom-40") }}{{ mobile("top-20 bottom-20") }}"></div>
  8.         <div class="flex col left {{ mobile("p-alt") }}">
  9.             <div class="flex row">
  10.                 <i class="far fa-file warning top-3"></i>
  11.                 <span class="left-10 black-alt {{ desktop("medium") }}{{ mobile("medium") }}">{{ "contract type"|trans}} :</span>
  12.                 <span class="left-20">{{ job.employmentContract ? job.employmentContract.name }}</span>
  13.             </div>
  14.             <div class="flex row {{ desktop("top-10") }}{{ mobile("top-5") }}">
  15.                 <i class="far fa-calendar warning top-3"></i>
  16.                 <span class="left-10 black-alt {{ desktop("medium") }}{{ mobile("medium") }}">{{ "end date"|trans }} :</span>
  17.                 <span class="left-20">{{ isMobile() ? (job.endAt|date("d/m/Y H:i")) : (job.endAt|date) }}</span>
  18.             </div>
  19.             <div class="flex row {{ desktop("top-10") }}{{ mobile("top-5") }}">
  20.                 <i class="far fa-clock warning top-3"></i>
  21.                 {% if job is jobInfuture %}
  22.                     <span class="left-10 black-alt {{ desktop("medium") }}{{ mobile("medium") }}">{{ "start date"|trans }} {{ job.startAt|date }}</span>
  23.                 {% elseif job is jobSubscribable %}
  24.                     <span class="left-10 black-alt {{ desktop("medium") }}{{ mobile("medium") }}">{{ "remain day"|trans }} :</span>
  25.                     <span class="left-20">{{ job.endAt.asDate|dateDiff }} {{ app.request.locale == "fr" ? 'jour(s)' : 'day(s)' }}</span>
  26.                 {% else %}
  27.                     <span class="left-10 black-alt {{ desktop("medium") }}{{ mobile("medium") }}">{{ "expired"|trans }}</span>
  28.                 {% endif %}
  29.             </div>
  30.         </div>
  31.         <div class="{{ desktop("flex row middle top-50") }}{{ mobile("top-20") }} space">
  32.             <div class="flex row {{ desktop("middle") }}{{ mobile("w100 space bottom-10") }}">
  33.                 <a class='bg-success white p-alt {{desktop('vt-10-in hz-15-in')}} {{mobile('flex col middle center half-5')}} radius-5 nowrap'
  34.                    href='{{ path('job-detail', {uuid: job.uuid }) }}'>
  35.                     {{ "see more"|trans }}
  36.                 </a>
  37.                 {% if isMobile() %}
  38.                     <div class="half-5">
  39.                         {{ include('Jobs/_job_application_btn.html.twig') }}
  40.                     </div>
  41.                 {% else %}
  42.                     {{ include('Jobs/_job_application_btn.html.twig') }}
  43.                 {% endif %}
  44.             </div>
  45.             <div class="flex row middle black-alt nowrap {{ mobile("top-20 center") }}">
  46.                 {% set link = url('job-detail', {uuid: job.uuid }) %}
  47.                 {% set title = job.title %}
  49.                 <span class="upper p-alt" style="opacity: .6">Partager sur </span>
  50.                 <a class="left-10 fab fa-whatsapp" href="whatsapp://send?text={{title}} => {{link}}"></a>
  51.                 <a class="left-10 fab fa-facebook-square" href="https://www.facebook.com/sharer/sharer.php?u={{link}}&t={{title}}"></a>
  52.                 <a class="left-10 fab fa-twitter" href="https://twitter.com/intent/tweet?text={{title}}&url={{link}}"></a>
  53.                 <a class="left-10 fab fa-linkedin" href="https://www.linkedin.com/shareArticle?mini=true&url={{link}}&title={{title}}"></a>
  54.             </div>
  55.         </div>
  56.     </article>
  57. {% endif %}