templates/RecruitmentCampaign/_campaign_detail.html.twig line 1

Open in your IDE?
  1. {% extends "RecruitmentCampaign/campaign.html.twig" %}
  3. {% block titlebox %}
  4.     <div class="fill relative flex col middle">
  5.         <h1 class="{{ desktop("h2")}} white">{{title}}</h1>
  6.     </div>
  7. {% endblock %}
  9. {% block campaign_content %}
  10. <div class='{{desktop("flex row space top bottom-40")}}'>
  11.     <div id='article' class='w100'>
  12.         <div class="flex row {{ desktop("middle") }}{{ mobile("black-alt p-alt space") }}">
  13.                 <span class="flex row bg-white {{ desktop("border border-1x border-gray radius-10")}}{{ mobile("radius-5 border border-1x border-gray-alt half-5")}} hoverflow">
  14.                         <i class="{{ desktop("bg-success-alt white") }}{{ mobile("bg-gray")}} flex col middle {{ desktop("hz-15-in vt-10-in") }} {{ mobile("hz-10-in vt-8-in p-alt") }}"><i>{{ "DU"|trans }}</i></i>
  15.                         <span class="flex row middle {{ desktop("hz-15-in")}} {{ mobile("hz-10-in")}} nowrap">{{ campaign.start.date|frdate }}</span>
  16.                     </span>
  17.             <span class="flex row bg-white {{ desktop("border border-1x border-gray radius-10 left-20")}}{{ mobile("radius-5 border border-1x border-gray-alt half-5")}} hoverflow">
  18.                         <i class="{{ desktop("bg-error white")}}{{ mobile("bg-gray")}} flex col middle {{ desktop("hz-15-in vt-10-in") }} {{ mobile("hz-10-in vt-8-in p-alt") }}"><i>{{ "AU"|trans }}</i></i>
  19.                         <span class="flex row middle {{ desktop("hz-15-in")}} {{ mobile("hz-10-in")}} nowrap">{{ campaign.end.date|frdate }}</span>
  20.                     </span>
  22.             {% if isDesktop() %}
  23.                 <div class="left-20">
  24.                     {{ include('RecruitmentCampaign/_campaign_subscription_btn.html.twig') }}
  25.                 </div>
  26.             {% endif %}
  27.         </div>
  29.         <article  class='article lh-4x black-alt text-justify {{desktop("h6 top-50")}}{{ mobile("p top-25") }}'>
  30.             {{ campaign.description|raw }}
  31.         </article>
  33.         <article  class='article lh-4x black-alt text-justify {{desktop("top-20 h6")}}{{ mobile("p top-20") }}'>
  34.             {{ campaign.details|raw }}
  35.         </article>
  37.         {% if campaign.services %}
  38.             <div class="{{ desktop("top-50 bottom-10")}}{{ mobile("top-30 bottom-30")}} border border-1x border-gray"></div>
  39.             <h2 class='adapt {{ desktop("h4 top-60") }}{{ mobile("h3 top-20 bottom-15")}} adapt'>{{ "Prestations concernées"|trans }}</h2>
  40.             <article  class='flex wrap {{ desktop("top-20 bottom-50") }}'>
  41.                 {% for o in campaign.services %}
  42.                     <div class="bg-gray flex col {{ desktop("shadow-alt-2 bottom-10")}} right-10 {{ mobile("top-10 bottom-5") }}">
  43.                         <label class="{{ mobile("h5 vt-5-in hz-7-in")}}{{ desktop("vt-10-in")}} success">{{o.service.name}}</label>
  44.                     </div>
  45.                 {% endfor %}
  46.             </article>
  47.         {% endif %}
  49.         {% if campaign.biblio and campaign.biblio.files|length %}
  50.             <div class="{{ desktop("top-50 bottom-10")}}{{ mobile("top-30 bottom-30")}} border border-1x border-gray"></div>
  51.             <h2 class='adapt {{ desktop("h4 top-50")}}{{ mobile("h3 top-30 bottom-25")}} adapt'>{{ "Document(s) joint(s)"|trans }}</h2>
  52.             <div class='flex row space wrap {{desktop("top-30")}}{{mobile("top-20")}}'>
  53.                 {% for o in campaign.biblio.files %}
  54.                     <div class='doc flex row top {{desktop("half-20 hz-25-in vt-20-in")}}{{ mobile("w100 hz-20-in vt-15-in")}} relative gradient-banner bottom-20 hoverflow {{desktop("")}} {{mobile("")}}'>
  55.                         {% set doc = o %}
  56.                         <span class="">
  57.                         <i class="fa fa-file white {{ desktop("fa-3x") }}{{ mobile("fa-2x") }}"></i>
  58.                     </span>
  59.                         <div class='text-left flex col space relative left-20 {{ desktop("right-40-in") }}{{ mobile("right-10-in") }}'>
  60.                             <h3 class='{{ mobile("h5")}} white {{ desktop("p medium")}} text-left nomargin lh-1x semibold'>{{doc.name ? doc.name : doc.source}}</h3>
  61.                             <div class="flex col middle space top-10">
  62.                                 <div class='gray-alt text-left p-alt'>
  63.                                     <span class=''>{{doc.formatSize}}</span> |
  64.                                     <span class=''>{{doc.reading|number_format}} lect.</span> |
  65.                                     <span>{{doc.downloads|number_format}} téléch.</span>
  66.                                 </div>
  67.                                 <div class='flex row middle p upper medium {{ desktop("top-20")}}{{ mobile("top-10")}} nowrap'>
  68.                                     <i class="w100 top-2-in bg-gray right-40"></i>
  69.                                     {% set action = null %}
  70.                                     {% set type = null %}
  71.                                     {% if 'pdf' in doc.mimetype|lower %}
  72.                                         {% set action = 'os-read' %}
  73.                                         {% set type = "pdf" %}
  74.                                     {% elseif 'image' in doc.mimetype|lower %}
  75.                                         {% set action = 'os-image' %}
  76.                                         {% set type = "image" %}
  77.                                     {% elseif 'video' in doc.mimetype|lower %}
  78.                                         {% set action = 'os-video' %}
  79.                                         {% set type = "video" %}
  80.                                     {% endif %}
  81.                                     {% if action %}
  82.                                         <span class='{{ action}} white {{ mobile("p-alt") }}' data-target="{{path('file-read',{id:doc.id,name:doc.name ? doc.name|slug : doc.source|slug})}}">Lire</span>
  83.                                     {% else %}
  84.                                         <span class='os-read white {{ mobile("p-alt") }}' data-url="{{url('file-read',{id:doc.id,name:doc.name ? doc.name|slug : doc.source|slug})}}">{{ "Lire"|trans }}</span>
  85.                                     {% endif %}
  86.                                     <a class='left-30 white {{ mobile("p-alt") }}' href="{{path('file-download',{id:doc.id,name:doc.name ? doc.name|slug : doc.source|slug})}}" target='_blank' download>{{ "Télécharger"|trans }}</a>
  87.                                 </div>
  88.                             </div>
  89.                         </div>
  90.                         <i class="triangle gradient-banner bg-white"></i>
  91.                     </div>
  92.                 {% endfor %}
  93.             </div>
  94.         {% endif %}
  96.         {% if not role.provider %}
  97.             <div class="{{ desktop("top-40") }}{{ mobile("top-30") }}">
  98.                 {{ include('RecruitmentCampaign/_campaign_subscription_btn.html.twig', {full: true}) }}
  99.             </div>
  100.         {% endif %}
  101.     </div>
  103.     {% if isMobile() and not role.connected %}
  104.         <div class="border border-1x border-gray top-40"></div>
  105.     {% endif %}
  107.     <aside class="{{desktop('third left-80 vt-20-in')}} {{mobile('vt-20-in top-10')}} {{ role.connected and isMobile() ? "hide" }}">
  108.         {{ include('security/_provider_login_form.html.twig') }}
  109.     </aside>
  110. </div>
  111. {% endblock %}