templates/modules/shortlists/shortlist.twig line 1

Open in your IDE?
  1. {% set title = title ?: false %}
  2. {% set noWeight = noWeight ?: false %}
  3. {% set home = home ?: false %}
  4. {% set searchresults = searchresults ?: false %}
  5. {% set specialization = specialization ?: false %}
  6. {% set buttonDropdown = buttonDropdown ?: false %}
  7. {% set diploma = diploma ?: false %}
  8. {% set auditiontv = auditiontv ?: false %}
  9. {% set events = events ?: false %}
  10. {% set espacepro = espacepro ?: false %}
  11. {% set productGamme = productGamme ?: false %}
  12. {% set link_text = link_text ?: false %}
  13. {% set pagination = pagination ?: false %}
  14. {% set type = type ?: false %}
  16. {% set FOUNDATION_MAX_GRID = 12 %}
  17. {% set no_ad_yet = true %}
  18. <section class="shortList">
  19.     {% if title or link_text %}
  20.         {% if not serviceORL %}
  21.             {% include 'modules/header/header_title_and_link.twig' %}
  22.         {% endif %}
  24.         {% if filters_inside_title %}
  25.             <div class="cell small-12 listButtons grid-x">
  26.                 <form method="get">
  27.                     {% include "modules/select/select.twig" with {
  28.           'inputs' : filters.data,
  29.           'autoSubmit': autoSubmit
  30.         } %}
  31.                 </form>
  32.             </div>
  33.         {% endif %}
  34.     {% endif %}
  35.     <div class="shortList-cards" {{ (type == 'products') ? 'id=elements' : 'id='~ type ~ '-elements'}}>
  36.         {% if noWeight %}
  37.             <div class="grid-x">
  38.             {% else %}
  39.                 {# begin #}
  40.                 <div
  41.                     class="grid-x {{ diploma ? " mediumjustifycontent" : " grid-margin-y" }} grid-margin-x">
  42.                 {# end #}
  43.                 {% endif %}
  45.                 {% if home %}
  46.                     {% for cards in data|slice(0, limit) %}
  47.                         {% if loop.first %}
  48.                             <div class="cell small-12 {{actuPage ? " actupagefirst"}} {{home ? " actuhomefirst"}}">
  49.                                 {% include 'modules/cards/cards_actus.twig' with {
  50.                   'data': cards
  51.                 } %}
  52.                             </div>
  53.                         {% else %}
  54.                             <div class="cell medium-6 small-12">
  55.                                 {% include 'modules/cards/cards_actus.twig' with {
  56.                   'data': cards
  57.                 } %}
  58.                             </div>
  59.                         {% endif %}
  60.                     {% endfor %}
  61.                 </div>
  62.             {% elseif searchresults %}
  63.                 <div class="grid-container">
  64.                     <div class="grid-x grid-margin-y grid-margin-x">
  65.                         {% for cards in data|slice(0, limit) %}
  66.                             {% if cards.premium %}
  67.                                 {% set limit = weight_premium * loop.index %}
  68.                                 <div class="cell small-{{weight_premium}}">
  69.                                     {% include 'modules/cards/cards_'~ type ~'.twig' with {
  70.                     'data': cards,
  71.                     'horizontal': true
  72.                   } %}
  73.                                 </div>
  74.                             {% else %}
  75.                                 {% set limit = weight * loop.index %}
  76.                                 <div class="cell large-{{weight}} medium-6 small-12">
  77.                                     {% include 'modules/cards/cards_'~ type ~'.twig' with {
  78.                     'data': cards
  79.                   } %}
  80.                                 </div>
  81.                             {% endif %}
  82.                             {% if limit == FOUNDATION_MAX_GRID and no_ad_yet %}
  83.                                 {% set no_ad_yet = false %}
  84.                                 <div class="cell small-12 show-for-medium">
  85.                                     {% include "modules/ads/ads.twig" with {
  86.                     'link': ad.link,
  87.                     'img_src': ad.rectangle_wide.img_src,
  88.                     'zone': 12,
  89.                     'fixed_height': 'carre'
  90.                   } %}
  91.                                 </div>
  92.                                 <div class="cell small-12 show-for-small-only">
  93.                                     {% include "modules/ads/ads.twig" with {
  94.                     'link': ad.link,
  95.                     'img_src': ad.rectangle_wide.img_src,
  96.                     'zone': 11,
  97.                     'fixed_height': 'carre'
  98.                   } %}
  99.                                 </div>
  100.                             {% endif %}
  101.                         {% endfor %}
  102.                     </div>
  103.                 </div>
  104.             {% elseif specialization %}
  105.                 <div class="grid-container">
  106.                     <div class="grid-x grid-margin-y grid-margin-x">
  107.                         <div class="listSpecialization">
  108.                             {% for item in data %}
  109.                                 {{item}}
  110.                                 {% if not loop.last %}
  111.                                     -
  112.                                 {% endif %}
  113.                             {% endfor %}
  114.                         </div>
  115.                     </div>
  116.                 </div>
  117.             {% elseif buttonDropdown %}
  118.                 <div class="cell small-12 listButtons grid-x">
  119.                     {% include "modules/select/select.twig" with {
  120.             "inputs" : data,
  121.           } %}
  122.                 </div>
  123.                 <div class="cell small-12 rowMargin_shortlist hide-for-small-only">
  124.                     {% include "modules/ads/ads.twig" with {
  125.             'link': ad.link,
  126.             'img_src': ad.rectangle_wide.img_src,
  127.             'zone': 12,
  128.             'fixed_height': 'carre'
  129.           } %}
  130.                 </div>
  131.                 {% if entity =="products" %}
  132.                     <div class="cell small-12 rowMargin_shortlist show-for-small-only">
  133.                         {% include "modules/ads/ads.twig" with {
  134.               'link': ad.link,
  135.               'img_src': ad.rectangle_wide.img_src,
  136.               'zone': 11,
  137.               'fixed_height': 'carre'
  138.             } %}
  139.                     </div>
  140.                 {% else %}
  141.                     <div class="cell small-12 rowMargin_shortlist show-for-small-only">
  142.                         {% include "modules/ads/ads.twig" with {
  143.               'link': ad.link,
  144.               'img_src': ad.rectangle_wide.img_src,
  145.               'zone': 10,
  146.               'fixed_height': 'carre'
  147.             } %}
  148.                     </div>
  149.                 {% endif %}
  150.             {% elseif productGamme %}
  151.                 <div class="productGammeContainer cell small-12">
  152.                     {% include "modules/productGamme/productGamme.twig" with {
  153.             "datas": data
  154.           } %}
  155.                 </div>
  156.             {% elseif diploma %}
  157.                 <ul class="listDiplomas-list">
  158.                     {% for item in data %}
  159.                         <li class="listDiplomas-list-element">
  160.                             <img class="listDiplomas-list-element-icon" src="{{ asset('images/svg/icon_certificate_grey.svg') }}"/>
  161.                             <span class="listDiplomas-list-element-text">{{item}}</span>
  162.                         </li>
  163.                     {% endfor %}
  164.                 </ul>
  165.             {% elseif auditiontv or events %}
  166.                 <div class="cell small-12">
  167.                     {% if auditiontv %}
  168.                         {% if dataBigVideos %}
  169.                             <div class="titleParagraphAndSlider-slider titleParagraphAndSlider-slider_big">
  170.                                 <div class="js-slick-auditiontv-presentation">
  171.                                     {% for cards in dataBigVideos %}
  172.                                         {% include 'modules/cards/cards_actus.twig' with {
  173.                       'data': cards,
  174.                       'bigHeight': true,
  175.                       'slider': true
  176.                     } %}
  177.                                     {% endfor %}
  178.                                 </div>
  179.                                 <a class="titleParagraphAndSlider-slider-arrow slick-arrow slick-prev js-slick-annuaire-presentation-left"><img src="{{ asset('images/svg/icon_left_arrow.svg') }}"></a>
  180.                                 <a class="titleParagraphAndSlider-slider-arrow slick-arrow slick-next js-slick-annuaire-presentation-right"><img src="{{ asset('images/svg/icon_right_arrow.svg') }}"></a>
  181.                             </div>
  182.                         {% endif %}
  183.                     {% else %}
  184.                         {% include 'modules/cards/cards_events.twig' with {
  185.               'data': data|first,
  186.               'fullEvent': true
  187.             } %}
  188.                     {% endif %}
  189.                 </div>
  190.                 {% if events %}
  191.                     <div class="cell small-8 rowMargin show-for-medium-only medium-offset-2">
  192.                         {% include "modules/ads/ads.twig" with {
  193.               'link': ad.link,
  194.               'img_src': ad.rectangle_wide.img_src,
  195.               'zone': 10,
  196.               'fixed_height': 'carre'
  197.             } %}
  198.                     </div>
  199.                 {% else %}
  200.                     <div class="cell small-8 rowMargin show-for-medium-only medium-offset-2">
  201.                         {% include "modules/ads/ads.twig" with {
  202.               'link': ad.link,
  203.               'img_src': ad.rectangle_wide.img_src,
  204.               'zone': 11,
  205.               'fixed_height': 'carre'
  206.             } %}
  207.                     </div>
  208.                 {% endif %}
  209.                 <div class="cell small-12 rowMargin show-for-large sliderAdMargin">
  210.                     {% include "modules/ads/ads.twig" with {
  211.             'link': ad.link,
  212.             'img_src': ad.rectangle_wide.img_src,
  213.             'zone': 12,
  214.             'fixed_height': 'carre'
  215.           } %}
  216.                 </div>
  217.                 <div class="cell small-12 rowMargin show-for-small-only">
  218.                     {% include "modules/ads/ads.twig" with {
  219.             'link': ad.link,
  220.             'img_src': ad.rectangle_wide.img_src,
  221.             'zone': 11,
  222.             'fixed_height': 'carre'
  223.           } %}
  224.                 </div>
  225.                 {% for cards in data|slice(auditiontv ? 0 : 1, limit) %}
  226.                     <div class="cell large-offset-0 large-6 medium-offset-2 medium-8 small-12">
  227.                         {% include 'modules/cards/cards_'~ type ~'.twig' with {
  228.               'data': cards,
  229.               'listColumn': type == 'events' ? true : false
  230.             } %}
  231.                     </div>
  232.                 {% endfor %}
  233.             {% elseif espacepro %}
  234.                 {% for cards in data|slice(0, limit) %}
  235.                     {% set limit = weight * loop.index %}
  236.                     <div class="cell large-{{ weight }} medium-6 small-12">
  237.                         {% include 'modules/cards/cards_'~ type ~'.twig' with {
  238.               'data': cards
  239.             } %}
  240.                     </div>
  241.                     {% if limit == FOUNDATION_MAX_GRID - weight %}
  242.                         <div class="cell large-{{ weight }} show-for-large">
  243.                             {% include "modules/ads/ads.twig" with {
  244.                 'link': ad.link,
  245.                 'img_src': ad.rectangle_wide.img_src,
  246.                 'zone': 10,
  247.                 'fixed_height': 'carre'
  248.               } %}
  249.                         </div>
  250.                     {% endif %}
  251.                 {% endfor %}
  252.             {% else %}
  253.                 {% for key,cards in data|slice(0, limit) %}
  254.                     {% if noWeight %}
  255.                         <div>
  256.                         {% else %}
  257.                             <div class="cell large-offset-0 large-{{ weight }} medium-offset-2 medium-8 small-12">
  258.                             {% endif %}
  260.                             {% include 'modules/cards/cards_'~ type ~'.twig' with {
  261.                 'data': cards,
  262.                 'key': key,
  263.                 'premium': cards.premium
  264.               } %}
  265.                         </div>
  266.                     {% endfor %}
  267.                 {% endif %}
  268.             </div>
  269.             {% if link_text %}
  270.                 <div class="shortList-linkResponsive hide-for-large">
  271.                     <a href="{{link}}">
  272.                         <span>{{link_text}}</span>
  273.                     </a>
  274.                 </div>
  275.             {% endif %}
  276.             {#{% if pagination and data.length > pg_limit %}
  277.                                                                                                                                                                                                         <div class="paginationBlock rowMargin grid-x align-center cell">
  278.                                                                                                                                                                                                           {% include "modules/pagination/pagination.twig" with {
  279.                                                                                                                                                                                                               'data': data
  280.                                                                                                                                                                                                           } %}
  281.                                                                                                                                                                                                         </div>
  282.                                                                                                                                                                                                       {% endif %}#}
  283.             {% if pagination and data.getTotalItemCount > pg_limit %}
  284.                 <div class="paginationBlock rowMargin grid-x align-center cell">
  285.                     {{ knp_pagination_render(data) }}
  286.                 </div>
  287.             {% endif %}
  288.         </section>