templates/RecruitmentCampaign/_campaign_card.html.twig line 1

Open in your IDE?
  1. {% if campaign is defined %}
  2.     <div class="{{desktop('bg-gray bottom-25-in hz-40-in bottom-50 top-40-in')}}{{mobile('bg-white padding-15 bottom-30 radius-2 shadow-alt-2')}}">
  3.         <h3 class="{{ desktop("h5 medium success") }}{{mobile('h2 semibold')}}">{{ campaign.name }}</h3>
  4.         <p class="{{ desktop("top-15") }}{{ mobile("top-10") }}">
  5.             {{ campaign.description }}
  6.         </p>
  7.         {% if isDesktop() %}
  8.             <div class="vt-30 border-1x border border-gray"></div>
  9.         {% endif %}
  10.         <div class="{{desktop('bottom-20 flex row space top-40')}}{{mobile('top-25 black-alt')}}">
  11.             <div class="{{desktop('flex col middle p-alt')}}{{mobile('flex row space')}}">
  12.                 <span class="flex row bg-white {{ desktop("radius-10")}}{{ mobile("radius-5 border border-1x border-gray-alt")}} hoverflow {{mobile('half-5')}}">
  13.                     <i class="{{ desktop("bg-success-alt white") }}{{ mobile("bg-gray p-alt")}} flex col middle {{ desktop("hz-15-in vt-10-in") }} {{ mobile("hz-8-in vt-5-in p-alt") }}"><i>{{ "DU"|trans }}</i></i>
  14.                     <span class="flex row middle {{ desktop("hz-15-in")}} {{ mobile("hz-5-in p-alt black-alt")}} nowrap">{{ campaign.start.date|frdate }}</span>
  15.                 </span>
  16.                 <span class="flex row bg-white {{ desktop("radius-10")}}{{ mobile("radius-5 border border-1x border-gray-alt")}} hoverflow {{desktop('top-10')}}{{mobile('half-5')}}">
  17.                     <i class="{{ desktop("bg-error white") }}{{ mobile("bg-gray p-alt")}} flex col middle {{ desktop("hz-15-in vt-10-in") }} {{ mobile("hz-8-in vt-5-in p-alt") }}"><i>{{ "AU"|trans }}</i></i>
  18.                     <span class="flex row middle {{ desktop("hz-15-in")}} {{ mobile("hz-5-in p-alt black-alt")}} nowrap">{{ campaign.end.date|frdate }}</span>
  19.                 </span>
  20.             </div>
  21.             <i class="border border-white {{desktop('hz-30')}} mhide"></i>
  22.             {% if isMobile() %}
  23.                 <div class="border border-1x border-gray top-15"></div>
  24.             {% endif %}
  25.             <div class="flex col middle {{mobile('top-5 black-alt p-alt vt-5-in')}}">
  26.                         <span class="flex row middle {{ desktop("vt-5-in") }}">
  27.                             <i class="bg-warning circle padding-5 right-10"></i>
  28.                             {% if campaign is campaignSubscribable %}
  29.                                 {% set nbDay= campaign.end.date|dateDiff %}
  30.                                 {% if nbDay > 1 %}
  31.                                     <span>{{ ("day remains.other")|trans({"%count%": nbDay}) }}</span>
  32.                                 {% else %}
  33.                                     <span>{{ ("day remains.one")|trans }}</span>
  34.                                 {% endif %}
  35.                             {% else %}
  36.                                 <span>{{ "Inactif"|trans }}</span>
  37.                             {% endif %}
  38.                         </span>
  39.                         <span class="flex row middle {{ desktop("vt-5-in") }}">
  40.                             <i class="bg-warning circle padding-5 right-10"></i>
  41.                             <span>
  42.                                 {% set nbCompetence= campaign.services|length %}
  43.                                 {% if nbCompetence|length > 1 %}
  44.                                     <span>{{ ("nb competence.other")|trans({"%count%": nbCompetence}) }}</span>
  45.                                 {% else %}
  46.                                     <span>{{ ("nb competence.one")|trans }}</span>
  47.                                 {% endif %}
  48.                             </span>
  49.                         </span>
  50.             </div>
  51.             <i class="border border-white hz-30 mhide"></i>
  52.             <div class="{{ desktop("flex col middle center p-alt") }}{{mobile('flex row space top-10')}}">
  53.                 <a class='{{desktop('bg-success white top-8-in bottom-10-in hz-30-in radius-5 text-center')}} {{mobile('bg-gray border border-1x border-success p-alt top-5-in bottom-5-in hz-10-in radius-3 text-center half-5 right-20')}}'
  54.                    href='{{ path('campaign-detail', {uuid: campaign.uuid}) }}'>
  55.                     {{ "En savoir plus"|trans }}
  56.                 </a>
  57.                 {% if isDesktop() %}
  58.                     <div class="{{ not role.provider ? "top-20" }}">
  59.                         {{ include('RecruitmentCampaign/_campaign_subscription_btn.html.twig') }}
  60.                     </div>
  61.                 {% else %}
  62.                     {{ include('RecruitmentCampaign/_campaign_subscription_btn.html.twig') }}
  63.                 {% endif %}
  64.             </div>
  65.         </div>
  66.     </div>
  67. {% endif %}