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

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