templates/Nordinfo/Main/parts/item_list_related_folder.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.               {{ post.str_date }}
  101.             </p>
  102.             {% if post.museeName is not null %}
  103.               {% if post.shortDescription|length > 0 %}
  104.                 <p class="__place">
  105.                   {{ post.shortDescription }}
  106.                 </p>
  107.               {% endif %}
  108.             {% else %}
  109.               {% if post.lieu|length > 0 or post.ville|length > 0 %}
  110.                 <p class="__place">
  111.                   <span class="__lieu">{{ post.lieu }}</span>
  112.                   {% if post.lieu is not null and post.ville is not null %}
  113.                     <span class="separator">|</span>
  114.                   {% endif %}
  115.                   <span class="__ville">{{ post.ville }}</span>
  116.                 </p>
  117.               {% endif %}
  118.             {% endif %}
  119.           </div>
  120.         </div>
  121.       </a>
  122.     </div>
  123.   {% elseif post.type.type == 'folder' %}
  124.     <div class="colArticleItem col-item">
  125.       <p class="sr-only"
  126.          style="position:absolute;left:0;width:100%;height:30px;visibility:hidden;opacity:0;{% if loop.index == 1 %}top:-24px;{% else %}top:0;{% endif %}"
  127.          id="list-item-{{ post.id }}"
  128.          data-date-bar-scroll-point>{{ date|format_datetime(locale='fr', pattern="d MMMM Y") }}</p>
  129.       <a
  130.         href="{{ path('post_detail', {"slug": post.slug}) }}"
  131.         class="articleItem _background {% if is_locked is defined and is_locked == true %}_locked{% endif %}">
  132.             <span class="__lock">
  133.             {{ source('svg/lock.svg') }}
  134.         </span>
  135.         <div
  136.           class="__img placement{% if post.positionImage.id is defined %}{{ post.positionImage.id }}{% endif %} lozad"
  137.           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 %}"
  138.         ></div>
  139.         <div class="__info-wrapper" style="background-color: {{ post.palettecouleur.getCodeHexa() }};">
  140.           <h2 class="__title">
  141.             <span>{{ post.title }}</span>
  142.           </h2>
  143.           {% if post.subtitle|length > 0 %}
  144.             <p class="__desc">{{ post.subtitle }}</p>
  145.           {% endif %}
  146.         </div>
  147.       </a>
  148.     </div>
  149.   {% elseif post.type.type == 'article' %}
  150.     <div class="colArticleItem col-item">
  151.       <p class="sr-only"
  152.          style="position:absolute;left:0;width:100%;height:30px;visibility:hidden;opacity:0;{% if loop.index == 1 %}top:-24px;{% else %}top:0;{% endif %}"
  153.          id="list-item-{{ post.id }}"
  154.          data-date-bar-scroll-point>{{ date|format_datetime(locale='fr', pattern="d MMMM Y") }}</p>
  155.       <a
  156.         href="{{ path('post_detail', {"slug": post.slug}) }}"
  157.         class="articleItem _article {% if post.getGrandFormat != 1 %}_short{% endif %} {% if is_locked is defined and is_locked == true %}_locked{% endif %}">
  158.           <span class="__lock">
  159.             {{ source('svg/lock.svg') }}
  160.         </span>
  161.         <div class="__inner">
  162.           <div class="__col-img">
  163.             <div
  164.               class="__img placement{% if post.positionImage.id is defined %}{{ post.positionImage.id }}{% endif %} lozad"
  165.               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 %}"
  166.             >
  167.               <button class="__button-remove" id="btnRemove{{ post.id }}" data-remove-item="{{ post.id }}"
  168.                       title="Retirer des favoris">
  169.                 <svg aria-hidden="true" focusable="false" data-name="Calque 1"
  170.                      xmlns="http://www.w3.org/2000/svg" viewbox="0 0 283.5 283.5">
  171.                   <path class=""
  172.                         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"/>
  173.                 </svg>
  174.                 <span class="sr-only">Retirer des favoris</span>
  175.               </button>
  176.             </div>
  177.           </div>
  178.           <div class="__col-info">
  179.             <div class="__info-wrapper">
  180.               <h2 class="__title">
  181.                 <span>{{ post.title }}</span>
  182.               </h2>
  183.               {% if post.shortDescription|length > 0 %}
  184.                 <p class="__desc">
  185.                   {{ post.shortDescription }}
  186.                 </p>
  187.               {% endif %}
  188.             </div>
  189.           </div>
  190.         </div>
  191.       </a>
  192.     </div>
  193.   {% elseif post.type.type == 'pub' %}
  194.     <div class="colArticleItem col-item">
  195.       <p class="sr-only"
  196.          style="position:absolute;left:0;width:100%;height:30px;visibility:hidden;opacity:0;{% if loop.index == 1 %}top:-24px;{% else %}top:0;{% endif %}"
  197.          id="list-item-{{ post.id }}" title="{{ post.subtitle }}"
  198.          data-date-bar-scroll-point>{{ date|format_datetime(locale='fr', pattern="d MMMM Y") }}</p>
  199.       {% if post.widthImageFocusPub > post.heightImageFocusPub %}
  200.         {% set img_padding = (post.heightImageFocusPub/post.widthImageFocusPub)*100 %}
  201.       {% elseif post.widthImageFocusPub < post.heightImageFocusPub %}
  202.         {% set img_padding = (post.widthImageFocusPub/post.heightImageFocusPub)*100 %}
  203.       {% else %}
  204.         {% set img_padding = 100 %}
  205.       {% endif %}
  206.       {% if post.relatedPost1 is not null %}
  207.         <a
  208.           href="{{ path('post_detail', {"slug": post.relatedPost1.slug}) }}"
  209.           class="articleItem _pub {% if false %}_locked{% endif %}" title="{{ post.subtitle }}">
  210.             <span class="__lock">
  211.                 {{ source('svg/lock.svg') }}
  212.             </span>
  213.           <div class="__img placement{% if post.positionImage.id is defined %}{{ post.positionImage.id }}{% endif %}"
  214.                style="position:relative;width:100%;padding-bottom:{{ img_padding }}%;">
  215.             <img 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 %}" src=""
  216.                  alt="{{ post.subtitle }}" class="lozad"
  217.                  style="position:absolute;top:0;left:0;height:100%!important;width:100%!important;">
  218.           </div>
  219.         </a>
  220.       {% else %}
  221.         <a href="{{ post.url1 }}" target="_blank"
  222.            class="articleItem _pub {% if false %}_locked{% endif %}"
  223.            title="{{ post.subtitle }}">
  224.           {% if post.illustrationfilName|length > 0 %}
  225.             <div class="__img placement{% if post.positionImage.id is defined %}{{ post.positionImage.id }}{% endif %}"
  226.                  style="position:relative;width:100%;padding-bottom:{{ img_padding }}%;">
  227.               <img 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 %}" src=""
  228.                    alt="{{ post.subtitle }}" class="lozad"
  229.                    style="position:absolute;top:0;left:0;height:100%!important;width:100%!important;">
  230.             </div>
  231.           {% else %}
  232.             <div class="__img"></div>
  233.           {% endif %}
  234.           {% if post.subtitle|length > 0 %}
  235.             <p class="sr-only">{{ post.subtitle }}</p>
  236.           {% endif %}
  237.         </a>
  238.       {% endif %}
  239.     </div>
  240.   {% elseif post.type.type == 'socialpost' %}
  241.     <div class="col-social-post col-item">
  242.       <p class="sr-only"
  243.          style="position:absolute;left:0;width:100%;height:30px;visibility:hidden;opacity:0;{% if loop.index == 1 %}top:-24px;{% else %}top:0;{% endif %}"
  244.          id="list-item-{{ post.id }}"
  245.          data-date-bar-scroll-point>{{ date|format_datetime(locale='fr', pattern="d MMMM Y") }}</p>
  246.       <a href="{{ post.url1 }}" target="_blank"
  247.          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 %}">
  248.         <h2 class="sr-only">
  249.           <span class="sr-only">{{ date|format_datetime(locale='fr', pattern="d MMMM Y") }}</span>
  250.           <span>{{ post.title }}</span>
  251.           <span>@departement59</span>
  252.         </h2>
  253.         <span class="__lock">
  254.           {{ source('svg/lock.svg') }}
  255.         </span>
  256.         <div class="__header">
  257.           {% if post.subtitle == 'Twitter' %}
  258.             <svg alt="Twitter" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"
  259.                  width="20.119" height="16.337"
  260.                  viewbox="0 0 20.119 16.337">
  261.               <g id="twitter" transform="translate(56.9)">
  262.                 <path id="Path_58" data-name="Path 58"
  263.                       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"
  264.                       fill="#fff"/>
  265.               </g>
  266.             </svg>
  267.             <span class="sr-only">Twitter</span>
  268.           {% endif %}
  269.           {% if post.subtitle == 'Facebook' %}
  270.             <svg alt="Facebook" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"
  271.                  width="11.501" height="21.235"
  272.                  viewbox="0 0 11.501 21.235">
  273.               <g id="facebook" transform="translate(-20.3 -6.4)">
  274.                 <path id="Path_54" data-name="Path 54"
  275.                       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"
  276.                       transform="translate(0 0)" fill="#fff" stroke="#18509a" stroke-width="1"/>
  277.               </g>
  278.             </svg>
  279.             <span class="sr-only">Facebook</span>
  280.           {% endif %}
  281.           {% if post.subtitle == 'Instagram' %}
  282.             <svg alt="Facebook" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"
  283.                  xmlns:xlink="http://www.w3.org/1999/xlink" width="18.022" height="18" viewbox="0 0 18.022 18">
  284.               <defs>
  285.                 <radialGradient id="radial-gradient" cx="105.069" cy="44.509" r="20.34"
  286.                                 gradienttransform="translate(-0.001 0.001)" gradientunits="userSpaceOnUse">
  287.                   <stop offset="0" stop-color="#ffed75"/>
  288.                   <stop offset="0.31" stop-color="#e87706"/>
  289.                   <stop offset="0.571" stop-color="#dc1417"/>
  290.                   <stop offset="0.828" stop-color="#b14d90"/>
  291.                   <stop offset="1" stop-color="#413b89"/>
  292.                 </radialGradient>
  293.                 <radialGradient id="radial-gradient-2" cx="-0.069" cy="19.376" r="20.363"
  294.                                 gradienttransform="translate(0 0.019)" xlink:href="#radial-gradient"/>
  295.                 <radialGradient id="radial-gradient-3" cx="36.331" cy="55.91" r="20.339"
  296.                                 gradienttransform="matrix(1, 0, 0, 1, 0, 0)" xlink:href="#radial-gradient"/>
  297.               </defs>
  298.               <g id="Instagram" transform="translate(0.3 -3.8)">
  299.                 <g id="Group_43" data-name="Group 43" transform="translate(-0.3 3.8)">
  300.                   <path id="Path_55" data-name="Path 55"
  301.                         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"
  302.                         transform="translate(-105.093 -28.877)" fill="url(#radial-gradient)"/>
  303.                   <path id="Path_56" data-name="Path 56"
  304.                         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"
  305.                         transform="translate(0.3 -3.8)" fill="url(#radial-gradient-2)"/>
  306.                   <path id="Path_57" data-name="Path 57"
  307.                         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"
  308.                         transform="translate(-36.11 -40.21)" fill="url(#radial-gradient-3)"/>
  309.                 </g>
  310.               </g>
  311.             </svg>
  312.             <span class="sr-only">Instagram</span>
  313.           {% endif %}
  314.           {% if post.subtitle == 'Linkedin' %}
  315.             <svg alt="Linkedin" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"
  316.                  width="18" height="17.969"
  317.                  viewbox="0 0 18 17.969">
  318.               <g id="Group_56" data-name="Group 56" transform="translate(-469.935 -116.826)">
  319.                 <path id="Path_76" data-name="Path 76"
  320.                       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"
  321.                       transform="translate(0 0)" fill="#fff"/>
  322.                 <path id="Path_77" data-name="Path 77"
  323.                       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"
  324.                       transform="translate(-30.091 -26.784)" fill="#fff"/>
  325.               </g>
  326.             </svg>
  327.             <span class="sr-only">Linkedin</span>
  328.           {% endif %}
  329.         </div>
  331.         <div class="__body">
  332.           {% if post.defautFil is defined and post.defautFil is same as(true) %}
  333.             <div class="__img-wrapper">
  334.               <div
  335.                 class="__img placement{% if post.getPositionImage.id is defined %}{{ post.getPositionImage.id}}{% endif %} lozad"
  336.                 data-background-image="{{post.illustrationfilName}}"
  337.                 style='padding-bottom:{{ post.padding }}%;'></div>
  338.             </div>
  339.           {% elseif post.illustrationfilName is defined and post.illustrationfilName != null %}
  340.             <div class="__img-wrapper">
  341.               <div
  342.                 class="__img placement{% if post.getPositionImage.id is defined %}{{ post.getPositionImage.id}}{% endif %} lozad"
  343.                 data-background-image="{{ asset('upload/images/'~post.illustrationfilName) | imagine_filter('thumb') }}"
  344.                 style='padding-bottom:{{ post.padding }}%;'></div>
  345.             </div>
  346.           {% elseif post['image_url']is defined and post.imageUrl != null %}
  347.             <div class="__img-wrapper">
  348.               <div
  349.                 class="__img placement{% if post.getPositionImage.id is defined %}{{ post.getPositionImage.id}}{% endif %} lozad"
  350.                 data-background-image="{{ post.imageUrl }}"
  351.                 style='padding-bottom:{{ post.padding }}%;'></div>
  352.             </div>
  353.           {% endif %}
  354.           <p class="__desc">
  355.             {{ post.shortDescription|raw }}
  356.           </p>
  357.         </div>
  358.       </a>
  359.     </div>
  360.   {% elseif post.type.type == 'sondage' %}
  361.     <div class="col-checkboxes-item col-item">
  362.       <p class="sr-only"
  363.          style="position:absolute;left:0;width:100%;height:30px;visibility:hidden;opacity:0;{% if loop.index == 1 %}top:-24px;{% else %}top:0;{% endif %}"
  364.          id="list-item-{{ post.id }}"
  365.          data-date-bar-scroll-point>{{ date|format_datetime(locale='fr', pattern="d MMMM Y") }}</p>
  366.       <div class="checkboxesContainer"
  367.            id="checkboxesContainer{{ post.id }}">
  368.         <div class="container">
  369.           <h3 class="__title" id="sondageTitle{{ post.id }}">{{ post.title }}</h3>
  370.           <div id="sondage{{ post.id }}" class="d-flex justify-content-center">
  371.             <div data-checkbox-group>
  372.               {% for response in post.reponses %}
  373.                 <div class="form-check">
  374.                   <input class="form-check-input" type="radio" name="sondageRadios{{ post.id }}"
  375.                          id="resp{{ response.id }}" value="{{ response.id }}">
  376.                   <label class="form-check-label" for="resp{{ response.id }}">{{ response.texte }}</label>
  377.                 </div>
  378.                 <script>
  379.                   sondageid = '{{ post.id }}';
  380.                   respid = '{{ response.id }}';
  381.                   $('#resp' + respid).on('click', function () {
  382.                     let $checkboxesContainer = $('#checkboxesContainer' + '{{ post.id }}');
  383.                     let checkboxesContainerInner = $checkboxesContainer[0].querySelector('.container');
  384.                     checkboxesContainerInner.style.opacity = '.1';
  385.                     let $sondage = $('#sondage' + {{ post.id }});
  386.                     let $sondageTitle = $('#sondageTitle' + {{ post.id }});
  387.                     let $loaderSondage = $('#loaderSondage' + {{ post.id }});
  388.                     let heightCheckboxesContainer = $checkboxesContainer.outerHeight();
  389.                     $checkboxesContainer.css('min-height', heightCheckboxesContainer + 'px');
  390.                     $sondage.html('');
  391.                     $sondageTitle.html('Vos réponses :');
  392.                     $loaderSondage.fadeIn();
  393.                     $.ajax({
  394.                       type: 'POST',
  395.                       url: "{{ path('ajax_count_sondage') }}",
  396.                       data: {
  397.                         'sondage_id': '{{ post.id }}',
  398.                         'response_id': '{{ response.id }}'
  399.                       },
  400.                       success: function (data) {
  401.                         $loaderSondage.hide();
  402.                         checkboxesContainerInner.style.opacity = '1';
  403.                         $('#sondage' + data.sondage).removeClass('d-flex justify-content-center');
  404.                         $.each(data.votes, function (index, value) {
  405.                           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>';
  406.                           $('#sondage' + data.sondage).append(html);
  407.                         });
  408.                         window.masonryGrid.layout();
  409.                       }
  410.                     });
  411.                   });
  412.                 </script>
  413.               {% endfor %}
  414.             </div>
  415.           </div>
  416.           {#      <div>{{ post.contenu_|raw }}</div> #}
  417.         </div>
  418.         <div class="__loader-container" id="loaderSondage{{ post.id }}" style="display:none;">
  419.           <span class="loader">Chargement en cours</span>
  420.         </div>
  421.       </div>
  422.     </div>
  423.   {% elseif post.type.type == 'intranet' %}
  424.     <div class="colArticleItem col-item">
  425.       <p class="sr-only"
  426.          style="position:absolute;left:0;width:100%;height:30px;visibility:hidden;opacity:0;{% if loop.index == 1 %}top:-24px;{% else %}top:0;{% endif %}"
  427.          id="list-item-{{ post.id }}"
  428.          data-date-bar-scroll-point>{{ date|format_datetime(locale='fr', pattern="d MMMM Y") }}</p>
  429.       <a
  430.         href="{{ path('post_detail', {"slug": post.slug}) }}"
  431.         class="articleItem _article {% if post.getGrandFormat != 1 %}_short{% endif %} _locked">
  432.         <span class="__lock">
  433.             {{ source('svg/lock.svg') }}
  434.         </span>
  435.         <div class="__inner">
  436.           <div class="__col-img">
  437.             <div
  438.               class="__img placement{% if post.positionImage.id is defined %}{{ post.positionImage.id }}{% endif %} lozad"
  439.               data-background-image="{{ asset('img/visuel-intranet.png_5e81dc3807ceb.png') }}">
  440.               <button class="__button-remove" id="btnRemove{{ post.id }}" data-remove-item="{{ post.id }}"
  441.                       title="Retirer des favoris">
  442.                 <svg aria-hidden="true" focusable="false" data-name="Calque 1"
  443.                      xmlns="http://www.w3.org/2000/svg" viewbox="0 0 283.5 283.5">
  444.                   <path class=""
  445.                         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"/>
  446.                 </svg>
  447.                 <span class="sr-only">Retirer des favoris</span>
  448.               </button>
  449.             </div>
  450.           </div>
  451.           <div class="__col-info">
  452.             <div class="__info-wrapper">
  453.               <h2 class="__title">
  454.                 <span>{{ post.title }}</span>
  455.               </h2>
  456.               {% if post.shortDescription|length > 0 %}
  457.                 <p class="__desc">
  458.                   {{ post.shortDescription }}
  459.                 </p>
  460.               {% endif %}
  461.             </div>
  462.           </div>
  463.         </div>
  464.       </a>
  465.     </div>
  466.   {% elseif post.type.type == 'quiz' %}
  467.     <div class="col-checkboxes-item col-item">
  468.       <p class="sr-only"
  469.          style="position:absolute;left:0;width:100%;height:30px;visibility:hidden;opacity:0;{% if loop.index == 1 %}top:-24px;{% else %}top:0;{% endif %}"
  470.          id="list-item-{{ post.id }}"
  471.          data-date-bar-scroll-point>{{ date|format_datetime(locale='fr', pattern="d MMMM Y") }}</p>
  472.       {% include 'Nordinfo/Main/parts/quiz_block.html.twig' with {post: post, content_post: '', is_detail: false} only %}
  473.     </div>
  474.   {% endif %}
  475. {% endif %}