templates/Default/opportunity.html.twig line 34

  1. {% set iconColor = "#1F4878" %}
  2. {% set titleColor = "#ffffff" %}
  3. {% set bgColor = "#81B0B1" %}
  4. {% set title = item.title %}
  5. {% set desc = item.description %}
  6. {% set menu = 'jobs' %}
  7. {% if item.banner %}
  8. {% set thumbnail = item.banner.thumbnail %}
  9. {% set banner = asset(item.banner.file) %}
  10. {% endif %}
  11. {% extends 'Default/base.html.twig' %}
  12. {% import "Default/macros.html.twig" as macros %}
  14. {% macro info(label,value,color) %}
  15. <div class="flex col bottom-30 border border-{{color}}">
  16.     <label class="p-alt medium bg-{{color}} white hz-20-in vt-8-in">{{label}} :</label>
  17.     <span class="semibold {{color}} hz-20-in vt-8-in">{{value}}</span>
  18. </div>
  19. {% endmacro %}
  21. {% block titlebox %}
  22. <div class='relative white flex col {{desktop("vt-20-in gpadding")}} {{mobile("")}}'>
  23.     {% block title %}
  24.     <h1 class='lh-2x {{desktop("h2 ")}} {{mobile("h3")}}'>{{title is defined ? title}}</h1>
  25.     {% endblock title %}
  26. </div>
  27. {% endblock titlebox %}
  29. {% block content %}
  30. <div class='{{desktop("hz-50-in vt-40-in")}} {{mobile("vt-25-in")}} '>
  31.     <div class='gpadding {{desktop("flex row space top reverse")}} {{mobile("")}}'>
  33.         <div class="p-alt medium {{desktop('top-30 quarter left-50')}} {{mobile('top-10')}}">
  34.             {{_self.info("Date d'ouverture",item.openingDate ? item.openingDate|frdatetime,"warning-alt")}}
  35.             {{_self.info("Date de clôture",item.closingDate ? item.closingDate|frdatetime,"error")}}
  36.             {{_self.info("Structure",item.structure,"success-alt")}}
  37.             {{_self.info("Categorie",item.category ? item.category,"error-alt")}}
  38.         </div>
  40.         <div id='article' class='w100 {{desktop("")}} {{mobile("vt-20-in")}}'>
  41.             {% if item.description %}
  42.             <article  class='p article success-alt medium padding-20 {{desktop("top-30")}} {{mobile("top-10")}}'>
  43.             {{ item.description|nl2br }}
  44.             </article>
  45.             {% endif %}
  47.             <article  class='h4 article black {{desktop("top-30")}} {{mobile("top-10")}}'>
  48.             {{ item.content|raw }}
  49.             </article>
  51.             {% if item.biblio and item.biblio.files|length %}
  52.             <h2 class='gradient top-40 extrabold iflex'>Pièces jointes</h2>
  53.             <div class='flex row space wrap {{desktop("top-40")}}{{mobile("top-20")}}'>
  54.                 {{macros.biblio(item.biblio)}}
  55.             </div>
  56.             {% endif %}
  57.         </div>
  58.     </div>
  59. </div>
  60. <aside class=" {{desktop('vt-40-in')}} {{mobile('vt-15-in')}}">
  62.     <h2 class="gpadding extrabold gradient iflex {{desktop(' vt-20-in')}} {{mobile('vt-15')}}">Ces offres peuvent vous intéresser</h2>
  63.     <div class="relative w100 hoverflow {{desktop('')}} {{mobile('')}}">
  64.         <div id="opportunities" class="relative flex row space os-slider transition {{desktop('hz-50-in')}} {{mobile('hz-25-in')}}"  style="overflow-x: scroll">
  65.             {% for i in 1..5 %}
  66.             {% for o in list %}
  67.             <div class="os-slider-child flex row {{desktop('third-60 right-30-in')}}{{mobile('')}}">
  68.             {{macros.opportunity(o,true,true)}}
  69.             </div>
  70.             {% endfor %}
  71.             {% endfor %}
  72.         </div>
  73.         <div class="absolute h100 xright-half-alt left top">
  74.             <div class="flex row middle fill">
  75.                 <span class="os-slider-prev pointer flex row middle center shadow-alt bg-warning circle right-20-in left-70-in vt-40-in" data-target="#opportunities">
  76.                     <i class="fa fa-arrow-left white h2"></i>
  77.                 </span>
  78.             </div>
  79.         </div>
  80.         <div class="absolute h100 xleft-half-alt right top">
  81.             <div class="flex row middle fill">
  82.                 <span class="os-slider-next pointer flex row middle center shadow-alt bg-warning circle left-20-in right-70-in vt-40-in" data-target="#opportunities">
  83.                     <i class="fa fa-arrow-right white h2"></i>
  84.                 </span>
  85.             </div>
  86.         </div>
  87.     </div>
  88. </aside>
  89. {% endblock %}