templates/Default/event.html.twig line 1

Open in your IDE?
  1. {% set title = item.name %}
  2. {% set desc = item.description %}
  3. {% set menu = 'events' %}
  4. {% if item.banner %}
  5. {% set thumbnail = item.banner.thumbnail %}
  6. {% set banner = asset(item.banner.file) %}
  7. {% endif %}
  8. {% extends 'Default/base.html.twig' %}
  10. {% block titlebox %}
  11. <div class='relative white w100 {{desktop("vt-30-in")}} {{mobile("")}}'>
  12.     <h1 class='h2 extrabold lh-1 text-center'>{{title is defined ? title}}</h1>
  13. </div>
  14. {% endblock titlebox %}
  16. {% block content %}
  17. <div class='{{desktop("gpadding vt-40-in")}} {{mobile("gpadding vt-30-in")}} '>
  18.     <div class='{{desktop("gpadding flex row center top")}} {{mobile("")}}'>
  19.         <div id='article' class='w100 {{desktop("")}} {{mobile("vt-20-in")}}'>
  20.             {% if item.banner %}
  21.             <figure class="w100 {{desktop('')}}">
  22.                 <img src="{{asset(item.banner)}}" class="block w100"/>
  23.             </figure>
  24.             {% endif %}
  25.             <div class="bg-warning-alt flex col {{desktop('hz-60-in vt-40-in')}}">
  26.                 <time class="white bold">
  27.                     <i class="fa fa-calendar gray icon min"></i>
  28.                     {% if item.startDate %}
  29.                     <span>{{item.startDate|frdate}}{{item.startTime ? item.startTime|date(' à H:i')}}</span>
  30.                     {% endif %}
  31.                     <span class="hz-10">/</span>
  32.                     {% if item.endDate %}
  33.                     <span>{{item.endDate|frdate}}{{item.endTime ? item.endTime|date(' à H:i')}}</span>
  34.                     {% endif %}
  35.                 </time>
  36.                 {% if item.place %}
  37.                 <span class="white bold">
  38.                     <i class="fa fa-map-marker gray icon min"></i>
  39.                     <i>{{item.place}}</i>
  40.                 </span>
  41.                 {% endif %}
  42.             </div>
  44.             <article  class='p article black {{desktop("top-30")}}'>
  45.             {{ item.details|raw }}
  46.             </article>
  48.             {% if item.biblio and item.biblio.files|length %}
  49.             <h2 class='h3 adapt top-40 adapt'>Document(s) joint(s)</h2>
  50.             <div class='flex row space wrap {{desktop("top-40")}}{{mobile("top-20")}}'>
  51.                 {% for o in item.biblio.files %}
  52.                 <div class='doc flex row top {{desktop("half-20")}} relative bg-black bottom-20 hz-25-in vt-20-in hoverflow {{desktop("")}} {{mobile("")}}'>
  53.                     {% set doc = o %}
  54.                     <span class="">
  55.                         <i class="fa fa-file gray fa-3x"></i>
  56.                     </span>
  57.                     <div class='text-left flex col space relative left-20 right-40-in'>
  58.                         <h3 class='h6 medium white p text-left nomargin lh-1x'>{{doc.name ? doc.name : doc.source}}</h3>
  59.                         <div class="flex col middle space top-10">
  60.                             <div class='gray text-left p-alt'>
  61.                                 <span class=''>{{doc.formatSize}}</span> |
  62.                                 <span class=''>{{doc.reading|number_format}} lect.</span> |
  63.                                 <span>{{doc.downloads|number_format}} téléch.</span>
  64.                             </div>
  65.                             <div class='flex row middle p upper medium top-20 nowrap'>
  66.                                 <i class="w100 top-2-in bg-gray right-40"></i>
  67.                                 <span class='os-read white' data-url="{{url('file-read',{id:doc.id,name:doc.name ? doc.name|slug : doc.source|slug})}}">Lire</span>
  68.                                 <a class='left-30 warning' href="{{path('file-download',{id:doc.id,name:doc.name ? doc.name|slug : doc.source|slug})}}" target='_blank' download>Télécharger</a>
  69.                             </div>
  70.                         </div>
  71.                     </div>
  72.                     <i class="triangle gradient-bannerm bg-white"></i>
  73.                 </div>
  74.                 {% endfor %}
  75.             </div>
  76.             {% endif %}
  78.             {% if item.album and item.album.pictures|length %}
  79.             <h2 class='h3 top-40'>{{item.album.title ? item.album.title : "Album photos"}}</h2>
  80.             <figure class="bg-white slide-box mrect slide-container fill nohover relative top-40" tabindex="1">
  81.                 <div class="fill slides radius-10 adapt">
  82.                 {% for o in item.album.pictures %}
  83.                 <div class='relative slide {{loop.index == 1 ? "active"}}'>
  84.                     <img src='{{asset(o)}}' class='contain'/>
  85.                 </div>
  86.                 {% endfor %}
  87.                 </div>
  88.                 <span class="slide-prev radius-50 h100 padding-30 absolute top left pointer" data-target="#article .slide-box">
  89.                     <span class="fill flex col middle"><i class="flex col middle fa fa-chevron-left h1 black"></i></span>
  90.                 </span>
  91.                 <span class="slide-next radius-50 h100 padding-30 absolute top right pointer"  data-target="#article .slide-box">
  92.                     <span class="fill flex col middle"><i class="flex col middle fa fa-chevron-right h1 black"></i></span>
  93.                 </span>
  94.             </figure>
  95.             {% endif %}
  96.         </div>
  97.     </div>
  98. </div>
  99. {% endblock %}