templates/Nordinfo/Main/parts/item_list.html.twig line 1

Open in your IDE?
  1. {% set date = "" %}
  2. {% if post.dateDebut is defined and post.dateDebut is not null %}
  3.   {% set date_segments = post.dateDebut | split('/') %}
  4.   {% set date = date_segments[1] ~ '/' ~ date_segments[0] ~ '/' ~ date_segments[2] %}
  5. {% endif %}
  6. {% set date_fin = "" %}
  7. {% if post.dateFin is defined and post.dateFin != null %}
  8.   {% set date_segmentss = post.dateFin | split('/') %}
  9.   {% set date_fin = date_segmentss[1] ~ '/' ~ date_segmentss[0] ~ '/' ~ date_segmentss[2] %}
  10. {% endif %}
  11. {% set is_vip = false %}
  12. {% set is_presse = false %}
  13. {% set is_locked = false %}
  14. {% for target in post.Targetpublics %}
  15.   {% if target.id == 2 or target.id == 3 %}
  16.     {#  {% if target.id == 2 or target.id == 3 or target.id == 4 %} #}
  17.     {% set is_locked = true %}
  18.   {% endif %}
  19. {% endfor %}
  20. {% if main_type is not defined %}
  21.   {% set main_type = 'all' %}
  22. {% endif %}
  23. {% if is_locked == false or is_locked == true and main_type != 'folder' %}
  24.   {% if post.type.type == 'video' %}
  25.     {% if actus == true and post.boolActu == true or actus == false %}
  26.       <div class="colArticleItem col-item">
  27.         <p class="sr-only"
  28.            style="position:absolute;left:0;width:100%;height:30px;visibility:hidden;opacity:0;{% if loop.index == 1 %}top:-24px;{% else %}top:0;{% endif %}"
  29.            id="list-item-{{ post.id }}"
  30.            data-date-bar-scroll-point>{{ date|format_datetime(locale='fr', pattern="d MMMM Y") }}</p>
  31.         <a
  32.           href="{{ path('video_detail', {"slug": post.slug}) }}"
  33.           class="articleItem _video {% if is_locked is defined and is_locked == true %}_locked{% endif %}">
  34.                 <span class="__lock">
  35.                     {{ source('svg/lock.svg') }}
  36.                 </span>
  37.           <div class="__img lozad"
  38.                data-background-image="{% if post.defautFil is defined and post.defautFil is same as(true) %}{{ post.illustrationfilName }}{% else %}{{ asset('upload/images/'~post.illustrationfilName) | imagine_filter('thumb') }}{% endif %}"
  39.           >
  40.             <p class="__tag">
  41.               VIDÉO &nbsp;&nbsp;
  42.               <span>{{ post.duree }}</span>
  43.             </p>
  44.             <button class="__button-remove" id="btnRemove{{ post.id }}" data-remove-item="{{ post.id }}"
  45.                     title="Retirer des favoris">
  46.               <svg aria-hidden="true" focusable="false" data-name="Calque 1"
  47.                    xmlns="http://www.w3.org/2000/svg" viewbox="0 0 283.5 283.5">
  48.                 <path class=""
  49.                       d="M240.9,42.5a140.29,140.29,0,1,0,0,198.4C295.7,186.2,295.7,97.3,240.9,42.5ZM176.5,182.7,141.7,148,107,182.8l-6.3-6.3,34.8-34.8L100.7,107l6.3-6.3,34.8,34.8,34.8-34.8,6.3,6.3L148,141.7l34.8,34.8Z"/>
  50.               </svg>
  51.               <span class="sr-only">Retirer des favoris</span>
  52.             </button>
  53.           </div>
  54.           <h2 class="__title">
  55.             <span>{{ post.title }}</span>
  56.           </h2>
  57.         </a>
  58.       </div>
  59.     {% endif %}
  60.   {% elseif post.type.type == 'event' %}
  61.     <div class="colArticleItem col-item">
  62.       <p class="sr-only"
  63.          style="position:absolute;left:0;width:100%;height:30px;visibility:hidden;opacity:0;{% if loop.index == 1 %}top:-24px;{% else %}top:0;{% endif %}"
  64.          id="list-item-{{ post.id }}"
  65.          data-date-bar-scroll-point>{{ date|format_datetime(locale='fr', pattern="d MMMM Y") }}</p>
  66.       <a {% if post.museeName != null %} target="_blank" {% endif %}
  67.         href="{% if post.museeName != null %}{{ post.url1 }}{% else %}{{ path('post_detail', {"slug": post.slug}) }}{% endif %}"
  68.         class="articleItem _short _event {% if is_locked is defined and is_locked == true %}_locked{% endif %}">
  69.             <span class="__lock">
  70.                 {{ source('svg/lock.svg') }}
  71.             </span>
  72.         <div class="row">
  73.           <div class="col-auto pr-0">
  74.             <div
  75.               class="__img --event placement{% if post.positionImage.id is defined %}{{ post.positionImage.id }}{% endif %} lozad"
  76.               data-background-image="{% if post.defautFil is defined and post.defautFil is same as(true) %}{{ post.illustrationfilName }}{% elseif post.museeName != null or post.imageUrl %}{{ post.imageUrl }}{% else %}{% if post.illustrationfilName is not null %}
  77.                                {{ asset('upload/images/'~post.illustrationfilName) | imagine_filter('thumb') }}{% else %}{{ post.thumbUrl }}{% endif %}{% endif %}"
  78.             >
  79.               <button class="__button-remove" id="btnRemove{{ post.id }}" data-remove-item="{{ post.id }}"
  80.                       title="Retirer des favoris">
  81.                 <svg aria-hidden="true" focusable="false" data-name="Calque 1"
  82.                      xmlns="http://www.w3.org/2000/svg" viewbox="0 0 283.5 283.5">
  83.                   <path class=""
  84.                         d="M240.9,42.5a140.29,140.29,0,1,0,0,198.4C295.7,186.2,295.7,97.3,240.9,42.5ZM176.5,182.7,141.7,148,107,182.8l-6.3-6.3,34.8-34.8L100.7,107l6.3-6.3,34.8,34.8,34.8-34.8,6.3,6.3L148,141.7l34.8,34.8Z"/>
  85.                 </svg>
  86.                 <span class="sr-only">Retirer des favoris</span>
  87.               </button>
  88.             </div>
  89.           </div>
  90.           <div class="col">
  91.             <h2 class="__title">
  92.               <span>{{ post.title }}</span>
  93.             </h2>
  94.             {% if post.subtitle|length > 0 %}
  95.               <p class="__desc">
  96.                 {{ post.subtitle }}
  97.               </p>
  98.             {% endif %}
  99.             <p class="__date">
  100.               {% if date == date_fin %}
  101.                 Le
  102.                 {{ date|format_datetime(locale='fr', pattern='d MMMM Y') }}
  103.               {% else %}
  104.                 Du
  105.                 {% if date_fin|format_datetime(locale='fr', pattern="Y") == date|format_datetime(locale='fr', pattern="Y") %}
  106.                   {% if date|format_datetime(locale='fr', pattern="M") ==  date_fin|format_datetime(locale='fr', pattern="M") %}
  107.                     {{ date|format_datetime(locale='fr', pattern="d") }}
  108.                   {% else %}
  109.                     {{ date|format_datetime(locale='fr', pattern="d MMMM") }}
  110.                   {% endif %}
  111.                 {% else %}
  112.                   {{ date|format_datetime(locale='fr', pattern="d MMMM Y") }}
  113.                 {% endif %}
  114.                 {# { post.dateDebut|format_datetime('none', 'none', app.request.locale, 'Europe/Paris', 'd MMMM') } #}
  115.                 au
  116.                 {{ date_fin|format_datetime(locale='fr', pattern="d MMMM Y") }}
  117.                 {# { post.dateFin|format_datetime('none', 'none', app.request.locale, 'Europe/Paris','d MMMM Y') } #}
  118.               {% endif %}
  119.             </p>
  120.             {% if post.museeName is not null %}
  121.               {% if post.shortDescription|length > 0 %}
  122.                 <p class="__place">
  123.                   {{ post.shortDescription }}
  124.                 </p>
  125.               {% endif %}
  126.             {% else %}
  127.               {% if post.lieu|length > 0 or post.ville|length > 0 %}
  128.                 <p class="__place">
  129.                   <span class="__lieu">{{ post.lieu }}</span>
  130.                   {% if post.lieu is not null and post.ville is not null %}
  131.                     <span class="separator">|</span>
  132.                   {% endif %}
  133.                   <span class="__ville">{{ post.ville }}</span>
  134.                 </p>
  135.               {% endif %}
  136.             {% endif %}
  137.           </div>
  138.         </div>
  139.       </a>
  140.     </div>
  141.   {% elseif post.type.type == 'folder' %}
  142.     <div class="colArticleItem col-item">
  143.       <p class="sr-only"
  144.          style="position:absolute;left:0;width:100%;height:30px;visibility:hidden;opacity:0;{% if loop.index == 1 %}top:-24px;{% else %}top:0;{% endif %}"
  145.          id="list-item-{{ post.id }}"
  146.          data-date-bar-scroll-point>{{ date|format_datetime(locale='fr', pattern="d MMMM Y") }}</p>
  147.       <a
  148.         href="{{ path('post_detail', {"slug": post.slug}) }}"
  149.         class="articleItem _background {% if is_locked is defined and is_locked == true %}_locked{% endif %}">
  150.             <span class="__lock">
  151.             {{ source('svg/lock.svg') }}
  152.         </span>
  153.         <div
  154.           class="__img placement{% if post.positionImage.id is defined %}{{ post.positionImage.id }}{% endif %} lozad"
  155.           data-background-image="{% if post.defautFil is defined and post.defautFil is same as(true) %}{{ post.illustrationfilName }}{% else %}{{ asset('upload/images/'~post.illustrationfilName) | imagine_filter('thumb') }}{% endif %}"
  156.         ></div>
  157.         <div class="__info-wrapper" style="background-color: {{ post.palettecouleur.getCodeHexa() }};">
  158.           <h2 class="__title">
  159.             <span>{{ post.title }}</span>
  160.           </h2>
  161.           {% if post.subtitle|length > 0 %}
  162.             <p class="__desc">{{ post.subtitle }}</p>
  163.           {% endif %}
  164.         </div>
  165.       </a>
  166.     </div>
  167.   {% elseif post.type.type == 'article' %}
  168.     <div class="colArticleItem col-item">
  169.       <p class="sr-only"
  170.          style="position:absolute;left:0;width:100%;height:30px;visibility:hidden;opacity:0;{% if loop.index == 1 %}top:-24px;{% else %}top:0;{% endif %}"
  171.          id="list-item-{{ post.id }}"
  172.          data-date-bar-scroll-point>{{ date|format_datetime(locale='fr', pattern="d MMMM Y") }}</p>
  173.       <a
  174.         href="{{ path('post_detail', {"slug": post.slug}) }}"
  175.         class="articleItem _article {% if post.getGrandFormat != 1 %}_short{% endif %} {% if is_locked is defined and is_locked == true %}_locked{% endif %}">
  176.           <span class="__lock">
  177.             {{ source('svg/lock.svg') }}
  178.         </span>
  179.         <div class="__inner">
  180.           <div class="__col-img">
  181.             <div
  182.               class="__img placement{% if post.positionImage.id is defined %}{{ post.positionImage.id }}{% endif %} lozad"
  183.               data-background-image="{% if post.defautFil is defined and post.defautFil is same as(true) %}{{ post.illustrationfilName }}{% else %}{{ asset('upload/images/'~post.illustrationfilName) | imagine_filter('thumb') }}{% endif %}"
  184.             >
  185.               <button class="__button-remove" id="btnRemove{{ post.id }}" data-remove-item="{{ post.id }}"
  186.                       title="Retirer des favoris">
  187.                 <svg aria-hidden="true" focusable="false" data-name="Calque 1"
  188.                      xmlns="http://www.w3.org/2000/svg" viewbox="0 0 283.5 283.5">
  189.                   <path class=""
  190.                         d="M240.9,42.5a140.29,140.29,0,1,0,0,198.4C295.7,186.2,295.7,97.3,240.9,42.5ZM176.5,182.7,141.7,148,107,182.8l-6.3-6.3,34.8-34.8L100.7,107l6.3-6.3,34.8,34.8,34.8-34.8,6.3,6.3L148,141.7l34.8,34.8Z"/>
  191.                 </svg>
  192.                 <span class="sr-only">Retirer des favoris</span>
  193.               </button>
  194.             </div>
  195.           </div>
  196.           <div class="__col-info">
  197.             <div class="__info-wrapper">
  198.               <h2 class="__title">
  199.                 <span>{{ post.title }}</span>
  200.               </h2>
  201.               {% if post.shortDescription|length > 0 %}
  202.                 <p class="__desc">
  203.                   {{ post.shortDescription }}
  204.                 </p>
  205.               {% endif %}
  206.             </div>
  207.           </div>
  208.         </div>
  209.       </a>
  210.     </div>
  211.   {% elseif post.type.type == 'pub' %}
  212.     <div class="colArticleItem col-item">
  213.       <p class="sr-only"
  214.          style="position:absolute;left:0;width:100%;height:30px;visibility:hidden;opacity:0;{% if loop.index == 1 %}top:-24px;{% else %}top:0;{% endif %}"
  215.          id="list-item-{{ post.id }}" title="{{ post.subtitle }}"
  216.          data-date-bar-scroll-point>{{ date|format_datetime(locale='fr', pattern="d MMMM Y") }}</p>
  217.       {% if post.widthImageFocusPub > post.heightImageFocusPub %}
  218.         {% set img_padding = (post.heightImageFocusPub/post.widthImageFocusPub)*100 %}
  219.       {% elseif post.widthImageFocusPub < post.heightImageFocusPub %}
  220.         {% set img_padding = (post.widthImageFocusPub/post.heightImageFocusPub)*100 %}
  221.       {% else %}
  222.         {% set img_padding = 100 %}
  223.       {% endif %}
  224.       {% if post.relatedPost1 is not null %}
  225.         <a
  226.           href="{{ path('post_detail', {"slug": post.relatedPost1.slug}) }}"
  227.           class="articleItem _pub {% if false %}_locked{% endif %}" title="{{ post.subtitle }}">
  228.           <span class="__lock">
  229.             {{ source('svg/lock.svg') }}
  230.           </span>
  231.           <div class="__img placement{% if post.positionImage.id is defined %}{{ post.positionImage.id }}{% endif %}"
  232.                style="position:relative;width:100%;padding-bottom:{{ img_padding }}%;">
  233.             <img
  234.               data-src="{% if post.defautFil is defined and post.defautFil is same as(true) %}{{ post.illustrationfilName }}{% else %}{{ asset('upload/images/'~post.illustrationfilName) | imagine_filter('thumb') }}{% endif %}"
  235.               src=""
  236.               alt="{{ post.subtitle }}" class="lozad"
  237.               style="position:absolute;top:0;left:0;height:100%!important;width:100%!important;">
  238.           </div>
  239.         </a>
  240.       {% else %}
  241.         <a href="{{ post.url1 }}" target="_blank"
  242.            class="articleItem _pub {% if false %}_locked{% endif %}"
  243.            title="{{ post.subtitle }}">
  244.           {% if post.illustrationfilName|length > 0 %}
  245.             <div class="__img placement{% if post.positionImage.id is defined %}{{ post.positionImage.id }}{% endif %}"
  246.                  style="position:relative;width:100%;padding-bottom:{{ img_padding }}%;">
  247.               <img
  248.                 data-src="{% if post.defautFil is defined and post.defautFil is same as(true) %}{{ post.illustrationfilName }}{% else %}{{ asset('upload/images/'~post.illustrationfilName) | imagine_filter('thumb') }}{% endif %}"
  249.                 src=""
  250.                 alt="{{ post.subtitle }}" class="lozad"
  251.                 style="position:absolute;top:0;left:0;height:100%!important;width:100%!important;">
  252.             </div>
  253.           {% else %}
  254.             <div class="__img"></div>
  255.           {% endif %}
  256.           {% if post.subtitle|length > 0 %}
  257.             <p class="sr-only">{{ post.subtitle }}</p>
  258.           {% endif %}
  259.         </a>
  260.       {% endif %}
  261.     </div>
  262.   {% elseif post.type.type == 'socialpost' %}
  263.     <div class="col-social-post col-item">
  264.       <p class="sr-only"
  265.          style="position:absolute;left:0;width:100%;height:30px;visibility:hidden;opacity:0;{% if loop.index == 1 %}top:-24px;{% else %}top:0;{% endif %}"
  266.          id="list-item-{{ post.id }}"
  267.          data-date-bar-scroll-point>{{ date|format_datetime(locale='fr', pattern="d MMMM Y") }}</p>
  268.       <a href="{{ post.url1 }}" target="_blank"
  269.          class="socialPostItem {% if false %}_locked{% endif %} {% if post.subtitle == 'Twitter' %} _twitter {% endif %}{% if post.subtitle == 'Facebook' %} _facebook {% endif %}{% if post.subtitle == 'Instagram' %} _instagram {% endif %}{% if post.subtitle == 'Linkedin' %} _linkedin {% endif %}">
  270.         <h2 class="sr-only">
  271.           <span class="sr-only">{{ date|format_datetime(locale='fr', pattern="d MMMM Y") }}</span>
  272.           <span>{{ post.title }}</span>
  273.           <span>@departement59</span>
  274.         </h2>
  275.         <span class="__lock">
  276.           {{ source('svg/lock.svg') }}
  277.         </span>
  278.         <div class="__header">
  279.           {% if post.subtitle == 'Twitter' %}
  280.             <svg alt="Twitter" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"
  281.                  width="20.119" height="16.337"
  282.                  viewbox="0 0 20.119 16.337">
  283.               <g id="twitter" transform="translate(56.9)">
  284.                 <path id="Path_58" data-name="Path 58"
  285.                       d="M-38.834,4.6A11.65,11.65,0,0,1-50.57,16.337a11.666,11.666,0,0,1-6.33-1.859,8.222,8.222,0,0,0,.988.065,8.349,8.349,0,0,0,5.134-1.768,4.123,4.123,0,0,1-3.86-2.859,4.953,4.953,0,0,0,.78.078,4.158,4.158,0,0,0,1.079-.143A4.142,4.142,0,0,1-56.094,5.8V5.745a4.156,4.156,0,0,0,1.872.52,4.125,4.125,0,0,1-1.833-3.431A4.217,4.217,0,0,1-55.5.754,11.638,11.638,0,0,0-47,5.069a3.758,3.758,0,0,1-.1-.936A4.124,4.124,0,0,1-42.98,0a4.141,4.141,0,0,1,3.015,1.3A8.453,8.453,0,0,0-37.34.3a4.142,4.142,0,0,1-1.82,2.287,8.59,8.59,0,0,0,2.378-.65,8.713,8.713,0,0,1-2.054,2.144C-38.847,4.25-38.834,4.432-38.834,4.6Z"
  286.                       fill="#fff"/>
  287.               </g>
  288.             </svg>
  289.             <span class="sr-only">Twitter</span>
  290.           {% endif %}
  291.           {% if post.subtitle == 'Facebook' %}
  292.             <svg alt="Facebook" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"
  293.                  width="11.501" height="21.235"
  294.                  viewbox="0 0 11.501 21.235">
  295.               <g id="facebook" transform="translate(-20.3 -6.4)">
  296.                 <path id="Path_54" data-name="Path 54"
  297.                       d="M30.442,18.4H27.421l-.012,8.739H23.593L23.6,18.4H21.342a.527.527,0,0,1-.53-.53L20.8,15.049a.537.537,0,0,1,.53-.542h2.263v-2.72c0-3.166,1.926-4.887,4.743-4.887h2.311a.547.547,0,0,1,.542.542V9.813a.539.539,0,0,1-.542.542h-1.42c-1.529,0-1.83.734-1.83,1.806V14.52h3.37a.539.539,0,0,1,.53.6l-.325,2.8A.516.516,0,0,1,30.442,18.4Z"
  298.                       transform="translate(0 0)" fill="#fff" stroke="#18509a" stroke-width="1"/>
  299.               </g>
  300.             </svg>
  301.             <span class="sr-only">Facebook</span>
  302.           {% endif %}
  303.           {% if post.subtitle == 'Instagram' %}
  304.             <svg alt="Facebook" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"
  305.                  xmlns:xlink="http://www.w3.org/1999/xlink" width="18.022" height="18" viewbox="0 0 18.022 18">
  306.               <defs>
  307.                 <radialGradient id="radial-gradient" cx="105.069" cy="44.509" r="20.34"
  308.                                 gradienttransform="translate(-0.001 0.001)" gradientunits="userSpaceOnUse">
  309.                   <stop offset="0" stop-color="#ffed75"/>
  310.                   <stop offset="0.31" stop-color="#e87706"/>
  311.                   <stop offset="0.571" stop-color="#dc1417"/>
  312.                   <stop offset="0.828" stop-color="#b14d90"/>
  313.                   <stop offset="1" stop-color="#413b89"/>
  314.                 </radialGradient>
  315.                 <radialGradient id="radial-gradient-2" cx="-0.069" cy="19.376" r="20.363"
  316.                                 gradienttransform="translate(0 0.019)" xlink:href="#radial-gradient"/>
  317.                 <radialGradient id="radial-gradient-3" cx="36.331" cy="55.91" r="20.339"
  318.                                 gradienttransform="matrix(1, 0, 0, 1, 0, 0)" xlink:href="#radial-gradient"/>
  319.               </defs>
  320.               <g id="Instagram" transform="translate(0.3 -3.8)">
  321.                 <g id="Group_43" data-name="Group 43" transform="translate(-0.3 3.8)">
  322.                   <path id="Path_55" data-name="Path 55"
  323.                         d="M118.908,31.9a1.108,1.108,0,1,0,1.108,1.108A1.107,1.107,0,0,0,118.908,31.9Z"
  324.                         transform="translate(-105.093 -28.877)" fill="url(#radial-gradient)"/>
  325.                   <path id="Path_56" data-name="Path 56"
  326.                         d="M12.589,3.8H4.832A5.136,5.136,0,0,0-.3,8.921v7.757A5.129,5.129,0,0,0,4.832,21.8h7.757a5.136,5.136,0,0,0,5.132-5.121V8.921A5.136,5.136,0,0,0,12.589,3.8Zm3.583,12.889a3.582,3.582,0,0,1-3.583,3.583H4.832a3.582,3.582,0,0,1-3.583-3.583V8.921A3.582,3.582,0,0,1,4.832,5.339h7.757a3.582,3.582,0,0,1,3.583,3.583Z"
  327.                         transform="translate(0.3 -3.8)" fill="url(#radial-gradient-2)"/>
  328.                   <path id="Path_57" data-name="Path 57"
  329.                         d="M45.116,44.6a4.616,4.616,0,1,0,4.616,4.616A4.622,4.622,0,0,0,45.116,44.6Zm0,7.682a3.066,3.066,0,1,1,3.077-3.066A3.072,3.072,0,0,1,45.116,52.282Z"
  330.                         transform="translate(-36.11 -40.21)" fill="url(#radial-gradient-3)"/>
  331.                 </g>
  332.               </g>
  333.             </svg>
  334.             <span class="sr-only">Instagram</span>
  335.           {% endif %}
  336.           {% if post.subtitle == 'Linkedin' %}
  337.             <svg alt="Linkedin" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"
  338.                  width="18" height="17.969"
  339.                  viewbox="0 0 18 17.969">
  340.               <g id="Group_56" data-name="Group 56" transform="translate(-469.935 -116.826)">
  341.                 <path id="Path_76" data-name="Path 76"
  342.                       d="M470.232,122.792h3.73v12h-3.73Zm1.866-5.966a2.163,2.163,0,1,1-2.163,2.162,2.164,2.164,0,0,1,2.163-2.162"
  343.                       transform="translate(0 0)" fill="#fff"/>
  344.                 <path id="Path_77" data-name="Path 77"
  345.                       d="M506.394,149.576h3.578v1.64h.05a3.92,3.92,0,0,1,3.53-1.939c3.777,0,4.475,2.486,4.475,5.718v6.583H514.3v-5.837c0-1.392-.026-3.182-1.938-3.182-1.941,0-2.239,1.516-2.239,3.082v5.938h-3.727Z"
  346.                       transform="translate(-30.091 -26.784)" fill="#fff"/>
  347.               </g>
  348.             </svg>
  349.             <span class="sr-only">Linkedin</span>
  350.           {% endif %}
  351.         </div>
  353.         <div class="__body">
  354.           {% if post.defautFil is defined and post.defautFil is same as(true) %}
  355.             <div class="__img-wrapper">
  356.               <div
  357.                 class="__img placement{% if post.getPositionImage.id is defined %}{{ post.getPositionImage.id }}{% endif %} lozad"
  358.                 data-background-image="{{ post.illustrationfilName }}"
  359.                 style='padding-bottom:{{ post.padding }}%;'></div>
  360.             </div>
  361.           {% elseif post.illustrationfilName is defined and post.illustrationfilName != null %}
  362.             <div class="__img-wrapper">
  363.               <div
  364.                 class="__img placement{% if post.getPositionImage.id is defined %}{{ post.getPositionImage.id }}{% endif %} lozad"
  365.                 data-background-image="{{ asset('upload/images/'~post.illustrationfilName) | imagine_filter('thumb') }}"
  366.                 style='padding-bottom:{{ post.padding }}%;'></div>
  367.             </div>
  368.           {% elseif post['image_url']is defined and post.imageUrl != null %}
  369.             <div class="__img-wrapper">
  370.               <div
  371.                 class="__img placement{% if post.getPositionImage.id is defined %}{{ post.getPositionImage.id }}{% endif %} lozad"
  372.                 data-background-image="{{ post.imageUrl }}"
  373.                 style='padding-bottom:{{ post.padding }}%;'></div>
  374.             </div>
  375.           {% endif %}
  376.           <p class="__desc">
  377.             {{ post.shortDescription|raw }}
  378.           </p>
  379.         </div>
  380.       </a>
  381.     </div>
  382.   {% elseif post.type.type == 'sondage' %}
  383.     <div class="col-checkboxes-item col-item">
  384.       <p class="sr-only"
  385.          style="position:absolute;left:0;width:100%;height:30px;visibility:hidden;opacity:0;{% if loop.index == 1 %}top:-24px;{% else %}top:0;{% endif %}"
  386.          id="list-item-{{ post.id }}"
  387.          data-date-bar-scroll-point>{{ date|format_datetime(locale='fr', pattern="d MMMM Y") }}</p>
  388.       <div class="checkboxesContainer"
  389.            id="checkboxesContainer{{ post.id }}">
  390.         <div class="container">
  391.           <h3 class="__title" id="sondageTitle{{ post.id }}">{{ post.title }}</h3>
  392.           <div id="sondage{{ post.id }}" class="d-flex justify-content-center">
  393.             <div data-checkbox-group>
  394.               {% for response in post.reponses %}
  395.                 <div class="form-check">
  396.                   <input class="form-check-input" type="radio" name="sondageRadios{{ post.id }}"
  397.                          id="resp{{ response.id }}" value="{{ response.id }}">
  398.                   <label class="form-check-label" for="resp{{ response.id }}">{{ response.texte }}</label>
  399.                 </div>
  400.                 <script>
  401.                   sondageid = '{{ post.id }}';
  402.                   respid = '{{ response.id }}';
  403.                   $('#resp' + respid).on('click', function () {
  404.                     let $checkboxesContainer = $('#checkboxesContainer' + '{{ post.id }}');
  405.                     let checkboxesContainerInner = $checkboxesContainer[0].querySelector('.container');
  406.                     checkboxesContainerInner.style.opacity = '.1';
  407.                     let $sondage = $('#sondage' + {{ post.id }});
  408.                     let $sondageTitle = $('#sondageTitle' + {{ post.id }});
  409.                     let $loaderSondage = $('#loaderSondage' + {{ post.id }});
  410.                     let heightCheckboxesContainer = $checkboxesContainer.outerHeight();
  411.                     $checkboxesContainer.css('min-height', heightCheckboxesContainer + 'px');
  412.                     $sondage.html('');
  413.                     $sondageTitle.html('Vos réponses :');
  414.                     $loaderSondage.fadeIn();
  415.                     $.ajax({
  416.                       type: 'POST',
  417.                       url: "{{ path('ajax_count_sondage') }}",
  418.                       data: {
  419.                         'sondage_id': '{{ post.id }}',
  420.                         'response_id': '{{ response.id }}'
  421.                       },
  422.                       success: function (data) {
  423.                         $loaderSondage.hide();
  424.                         checkboxesContainerInner.style.opacity = '1';
  425.                         $('#sondage' + data.sondage).removeClass('d-flex justify-content-center');
  426.                         $.each(data.votes, function (index, value) {
  427.                           let html = '<div class="__result"><div class="__text">' + value.texte + ' : <strong>' + value.pourcent + '%</strong></div><div class="__bar"><div class="__inner" style="width:' + value.pourcent + '%;"></div></div></div>';
  428.                           $('#sondage' + data.sondage).append(html);
  429.                         });
  430.                         window.masonryGrid.layout();
  431.                       }
  432.                     });
  433.                   });
  434.                 </script>
  435.               {% endfor %}
  436.             </div>
  437.           </div>
  438.           {#      <div>{{ post.contenu_|raw }}</div> #}
  439.         </div>
  440.         <div class="__loader-container" id="loaderSondage{{ post.id }}" style="display:none;">
  441.           <span class="loader">Chargement en cours</span>
  442.         </div>
  443.       </div>
  444.     </div>
  445.   {% elseif post.type.type == 'intranet' %}
  446.     <div class="colArticleItem col-item">
  447.       <p class="sr-only"
  448.          style="position:absolute;left:0;width:100%;height:30px;visibility:hidden;opacity:0;{% if loop.index == 1 %}top:-24px;{% else %}top:0;{% endif %}"
  449.          id="list-item-{{ post.id }}"
  450.          data-date-bar-scroll-point>{{ date|format_datetime(locale='fr', pattern="d MMMM Y") }}</p>
  451.       <a
  452.         href="{{ path('post_detail', {"slug": post.slug}) }}"
  453.         class="articleItem _article {% if post.getGrandFormat != 1 %}_short{% endif %} _locked">
  454.         <span class="__lock">
  455.             {{ source('svg/lock.svg') }}
  456.         </span>
  457.         <div class="__inner">
  458.           <div class="__col-img">
  459.             <div
  460.               class="__img placement{% if post.positionImage.id is defined %}{{ post.positionImage.id }}{% endif %} lozad"
  461.               data-background-image="{{ asset('img/visuel-intranet.png_5e81dc3807ceb.png') }}">
  462.               <button class="__button-remove" id="btnRemove{{ post.id }}" data-remove-item="{{ post.id }}"
  463.                       title="Retirer des favoris">
  464.                 <svg aria-hidden="true" focusable="false" data-name="Calque 1"
  465.                      xmlns="http://www.w3.org/2000/svg" viewbox="0 0 283.5 283.5">
  466.                   <path class=""
  467.                         d="M240.9,42.5a140.29,140.29,0,1,0,0,198.4C295.7,186.2,295.7,97.3,240.9,42.5ZM176.5,182.7,141.7,148,107,182.8l-6.3-6.3,34.8-34.8L100.7,107l6.3-6.3,34.8,34.8,34.8-34.8,6.3,6.3L148,141.7l34.8,34.8Z"/>
  468.                 </svg>
  469.                 <span class="sr-only">Retirer des favoris</span>
  470.               </button>
  471.             </div>
  472.           </div>
  473.           <div class="__col-info">
  474.             <div class="__info-wrapper">
  475.               <h2 class="__title">
  476.                 <span>{{ post.title }}</span>
  477.               </h2>
  478.               {% if post.shortDescription|length > 0 %}
  479.                 <p class="__desc">
  480.                   {{ post.shortDescription }}
  481.                 </p>
  482.               {% endif %}
  483.             </div>
  484.           </div>
  485.         </div>
  486.       </a>
  487.     </div>
  488.   {% elseif post.type.type == 'quiz' %}
  489.     <div class="col-checkboxes-item col-item">
  490.       <p class="sr-only"
  491.          style="position:absolute;left:0;width:100%;height:30px;visibility:hidden;opacity:0;{% if loop.index == 1 %}top:-24px;{% else %}top:0;{% endif %}"
  492.          id="list-item-{{ post.id }}"
  493.          data-date-bar-scroll-point>{{ date|format_datetime(locale='fr', pattern="d MMMM Y") }}</p>
  494.       {% include 'Nordinfo/Main/parts/quiz_block.html.twig' with {post: post, content_post: '', is_detail: false} only %}
  495.     </div>
  496.   {% endif %}
  497. {% endif %}