templates/front/slices/slice_veille.html.twig line 1

Open in your IDE?
  1. {% set isHidden = page.contentProperties.isMemberOnly and app.user == null %}
  3. <section class="slice slice--veille">
  4.     <div class="fluid-grid">
  5.         <div class="row">
  6.             <div class="col-12 lg-col-8 lg-col-offset-2">
  7.                 <h2 class="title--L text-orange font-weight-semibold">{{ slice.title }}</h2>
  8.                 {% if slice.text is defined and slice.text is not null %}
  9.                     <div class="paragraph--M wysiwyg mt-6 lg:mt-8">
  10.                         {{ slice.text|raw }}
  11.                     </div>
  12.                 {% endif %}
  14.                 {% if slice.documents|length > 0 and not isHidden %}
  15.                     {% set annees = [] %}
  16.                     {% for doc in slice.documents %}
  17.                         {% set docYear = doc.year is not empty ? doc.year : slice.defaultYear %}
  18.                         {% if docYear not in annees %}
  19.                             {% set annees = annees | merge([docYear]) %}
  20.                         {% endif %}
  21.                     {% endfor %}
  22.                     {% set annees = annees|sort|reverse %}
  23.                     {% set annees = annees|slice(0, 5) %}
  25.                     {% set activeYear = slice.defaultYear is defined and slice.defaultYear is not empty ? slice.defaultYear : (annees|first) %}
  27.                     <div class="years-tabs flex gap-6 mt-8 mb-8" id="yearsTabs">
  28.                         {% for annee in annees %}
  29.                             <button
  30.                                 class="tab-year text-lg font-weight-bold pb-2 border-b-2 transition {% if annee == activeYear %}text-violet {% else %}text-violet-light border-transparent{% endif %}"
  31.                                 data-year="{{ annee }}"
  32.                                 {% if annee == activeYear %}aria-selected="true"{% endif %}
  33.                                 type="button"
  34.                             >
  35.                                 {{ annee }}
  36.                             </button>
  37.                         {% endfor %}
  38.                     </div>
  40.                     <div id="documentsList">
  41.                         {% for document in slice.documents %}
  42.                             {% set docYear = document.year is not empty ? document.year : slice.defaultYear %}
  43.                             {% if docYear == activeYear %}
  44.                                 <div class="document-item mb-4">
  45.                                     <a onclick="gtag('event', 'telecharger-document', {'button_text': 'telecharger-document'});" href="{{ cloudinary_media(document.doc.singleMedia) }}" target="_blank" rel="noopener" class="documents-list__item w-full p-6 inline-flex justify-between items-center">
  46.                                         <div class="w-3/4 paragraph--M text-grey-dark font-weight-medium">{{ document.documentName }}</div>
  47.                                         <div class="picto relative bg-orange round shrink-0">
  48.                                             <svg width="18" height="18" class="icon icon--white abs-center" aria-hidden="true">
  49.                                                 <use href="#icon-download" xlink:href="#icon-download"></use>
  50.                                             </svg>
  51.                                         </div>
  52.                                     </a>
  53.                                 </div>
  54.                             {% endif %}
  55.                         {% endfor %}
  56.                     </div>
  58.                     <script type="application/json" id="allDocumentsJson">
  59.                         [
  60.                         {% for document in slice.documents %}
  61.                             {
  62.                                 "year": "{{ document.year|e('js') }}",
  63.                                 "defaultYear": "{{ slice.defaultYear|e('js') }}",
  64.                                 "name": "{{ document.documentName|e('js') }}",
  65.                                 "url": "{{ cloudinary_media(document.doc.singleMedia)|e('js') }}"
  66.                             }{% if not loop.last %},{% endif %}
  67.                         {% endfor %}
  68.                         ]
  69.                     </script>
  70.                 {% endif %}
  71.             </div>
  72.         </div>
  73.     </div>
  74. </section>
  76. {% block javascript %}
  77.     <script type="text/javascript" src="{{ asset('js/back/slices/veille-block.js') }}"></script>
  78. {% endblock javascript %}