templates/Nordinfo/Main/parts/article-actions.html.twig line 1

Open in your IDE?
  1. {% if is_pdf|default and is_pdf == 1 %}{% else %}
  2.   <ul
  3.     class="articleActions {% if is_nord_services|default and is_nord_services == true %}--nordServices{% endif %} {% if is_le_nord|default and is_le_nord == true %}--leNord{% endif %}">
  4.     {% if is_event|default and is_event == true %}
  5.       <li>
  6.         <form method="post" action="{{ path('ics_download') }}" id="formAddToCalendar">
  7.           <input type="hidden" name="date_start" value="{{ ics_date_debut }}">
  8.           <input type="hidden" name="date_end" value="{{ ics_date_fin }}">
  9.           <input type="hidden" name="location" value="Nord info">
  10.           <input type="hidden" name="description" value="{{ app.request.uri }}">
  11.           <input type="hidden" name="summary" value="{{ post.title|e }}">
  12.           <input type="hidden" name="url" value="{{ app.request.uri }}">
  13.         </form>
  14.         <a href="#0" data-btn-add-to-calendar>
  15.           <div class="__icon">
  16.             <svg aria-hidden="true" focusable="false" data-name="Calque 1"
  17.                  xmlns="http://www.w3.org/2000/svg" viewbox="0 0 283.5 283.5">
  18.               <g id="Groupe_64" data-name="Groupe 64">
  19.                 <path id="Tracé_81" data-name="Tracé 81" class="cls-1"
  20.                       d="M1.4,51.81a56.36,56.36,0,0,1,4.2-8.1,17.39,17.39,0,0,1,14.7-7.2h7.6c0,3.3-.2,6.5,0,9.6a17.47,17.47,0,0,0,34.9,0c.2-3.1,0-6.2,0-9.4H168.2c0,3.2-.2,6.4,0,9.6A16.74,16.74,0,0,0,178.1,61a16.38,16.38,0,0,0,17.4-1.4A16.94,16.94,0,0,0,203.1,46c.2-3.1,0-6.2,0-9.3a23.47,23.47,0,0,1,20.9,5.4,18.72,18.72,0,0,1,5.5,12.8v67.4a12.13,12.13,0,0,1-.1,1.8H212.1V89.41H19.2c0,.9-.1,1.7-.1,2.6v115.9c0,3.9.2,4,4,4h101v17.5H21.5a18.88,18.88,0,0,1-19.4-14.5,4.05,4.05,0,0,0-.5-.9Z"/>
  21.                 <path id="Tracé_82" data-name="Tracé 82" class="cls-1"
  22.                       d="M204.2,282c-3.2-.7-6.5-1.3-9.8-2.2a70.25,70.25,0,1,1,87-77.7,7.62,7.62,0,0,0,.6,2v15.3a8.8,8.8,0,0,0-.5,1.5,70,70,0,0,1-52.5,59c-3.1.8-6.3,1.4-9.5,2.1Zm7.8-122.7a52.35,52.35,0,1,0,.1,0c-.1.1-.1.1-.1,0Z"/>
  23.                 <path id="Tracé_83" data-name="Tracé 83" class="cls-1"
  24.                       d="M48,1.41a10.87,10.87,0,0,1,6.1,11.4c-.3,10.7-.1,21.3-.1,32a8.76,8.76,0,0,1-17.5.9v-.9c0-10.7.2-21.4-.1-32a11.09,11.09,0,0,1,6.1-11.4Z"/>
  25.                 <path id="Tracé_84" data-name="Tracé 84" class="cls-1"
  26.                       d="M188.3,1.41a10.87,10.87,0,0,1,6.1,11.4c-.3,10.7-.1,21.3-.1,32a8.76,8.76,0,1,1-17.5.9v-.9c0-10.7.2-21.4-.1-32a10.94,10.94,0,0,1,6.1-11.4Z"/>
  27.                 <path id="Tracé_85" data-name="Tracé 85" class="cls-1" d="M71.4,141.61H36.7v-34.7H71.4Z"/>
  28.                 <path id="Tracé_86" data-name="Tracé 86" class="cls-1" d="M124.1,106.81v34.7H89.4v-34.7Z"/>
  29.                 <path id="Tracé_87" data-name="Tracé 87" class="cls-1" d="M141.8,141.61v-34.7h34.8v34.7Z"/>
  30.                 <path id="Tracé_88" data-name="Tracé 88" class="cls-1" d="M36.6,194.11v-34.7H71.3v34.7Z"/>
  31.                 <path id="Tracé_89" data-name="Tracé 89" class="cls-1" d="M124,194.21H89.3v-34.7H124Z"/>
  32.                 <path id="Tracé_90" data-name="Tracé 90" class="cls-1"
  33.                       d="M220.7,220.61v17a8.81,8.81,0,1,1-17.6,1v-18H186.2a8.77,8.77,0,0,1-1.1-17.5h18.1v-16.8a8.83,8.83,0,1,1,17.6-1.4v18.3h17.7a8.86,8.86,0,0,1,8.5,9,8.74,8.74,0,0,1-8.4,8.5C232.7,220.71,226.9,220.61,220.7,220.61Z"/>
  34.               </g>
  35.             </svg>
  36.           </div>
  37.           <div class="__text">
  38.             <span>Ajouter à mon agenda</span>
  39.           </div>
  40.         </a>
  41.       </li>
  42.     {% endif %}
  43.     <li>
  44.       <button type="button"
  45.               data-clipboard-text=""
  46.               title="Copier l’url de la page {{ post_title }}"
  47.               class="share" id="btnShareUrl">
  48.         <span class="__icon">
  49.           <svg aria-hidden="true" focusable="false" data-name="Calque 1" id="Calque_1"
  50.                viewbox="0 0 283.5 283.5" xmlns="http://www.w3.org/2000/svg">
  51.             <path class="cls-1"
  52.                   d="M203.4,190.9a45.29,45.29,0,0,0-23.6,6.6l-55.6-45a48.36,48.36,0,0,0,1.3-10.8,46.56,46.56,0,0,0-1.2-10.6L180,86a45.61,45.61,0,1,0-22.1-39.1,46.4,46.4,0,0,0,1.7,12.4L105,103.6a45.6,45.6,0,1,0-.3,76.4l54.8,44.3a44.93,44.93,0,0,0-1.7,12.2,45.6,45.6,0,1,0,45.6-45.6Z"/>
  53.           </svg>
  54.         </span>
  55.         <span class="__text">
  56.           <span>PARTAGER</span>
  57.         </span>
  58.       </button>
  59.     </li>
  60.     {% if (is_nord_services|default and is_nord_services == true) or (is_le_nord|default and is_le_nord == true) %}{% else %}
  61.       <li>
  62.         <a href="{{ path('signaler') }}?objet=signaler">
  63.           <div class="__icon">
  64.             <svg aria-hidden="true" focusable="false" data-name="Calque 1" id="Calque_1"
  65.                  viewbox="0 0 283.5 283.5" xmlns="http://www.w3.org/2000/svg">
  66.               <path class="cls-1"
  67.                     d="M141.7,1.4A140.54,140.54,0,0,0,1.4,141.7C1.5,219.2,64.3,282,141.7,282A140.28,140.28,0,0,0,282,141.7C282,64.3,219.2,1.5,141.7,1.4ZM48.2,141.7A92.67,92.67,0,0,1,67.9,84.5L182.1,225.9A93.29,93.29,0,0,1,48.2,141.7Zm169.7,54.1L104.9,55.9a93.32,93.32,0,0,1,113,139.9Z"
  68.                     data-name="Tracé 32" id="Tracé_32"/>
  69.             </svg>
  70.           </div>
  71.           <div class="__text">
  72.             <span>SIGNALER</span>
  73.           </div>
  74.         </a>
  75.       </li>
  76.     {% endif %}
  77.     {% if false %}
  78.       <li class="_print">
  79.         <button type="button" aria-live="polite" onclick="window.print()">
  80.         <span class="__icon">
  81.           <span class="loader" aria-hidden="true"></span>
  82.           <svg aria-hidden="true" focusable="false" data-name="Calque 1" id="Calque_1"
  83.                viewbox="0 0 283.5 283.5" xmlns="http://www.w3.org/2000/svg">
  84.             <path class="cls-1"
  85.                   d="M242.7,22.1A21.17,21.17,0,0,0,221.6,1H61.9A21.17,21.17,0,0,0,40.8,22.1V41.2H242.7Z"/>
  86.             <path class="cls-1"
  87.                   d="M260.9,61.8H22.5A21.17,21.17,0,0,0,1.4,82.9V201a21.17,21.17,0,0,0,21.1,21.1H40.8v-.4h.7V267a15.47,15.47,0,0,0,15.4,15.4H226.7A15.47,15.47,0,0,0,242.1,267V222.1h19A21.17,21.17,0,0,0,282.2,201V82.9A21.47,21.47,0,0,0,260.9,61.8ZM222.2,262.5H61.3V162.4H222.2Z"/>
  88.             <rect class="cls-1" height="19.8" width="121.1" x="81.2" y="182.7"/>
  89.             <rect class="cls-1" height="19.8" width="60.6" x="81.2" y="222"/>
  90.           </svg>
  91.         </span>
  92.           <span class="__text">
  93.           <span>IMPRIMER</span>
  94.         </span>
  95.         </button>
  96.       </li>
  97.       <li class="_print">
  98.         <button type="button"
  99.                 data-download-pdf
  100.                 data-download-pdf-filename="{% if is_contact_page_nord_info|default and is_contact_page_nord_info == true %}nord-info{% elseif is_nord_services|default and is_nord_services == true %}nord-services{% elseif is_le_nord|default and is_le_nord == true %}le-nord{% else %}nord-info{% endif %}_{{ post_title }}.pdf"
  101.                 title="Télécharger la version PDF de la page &quot;{{ post_title }} du site du Département du Nord&quot; pour celui de la page &quot;{{ post_title }}&quot;"
  102.                 aria-live="polite">
  103.           <span class="__icon">
  104.             <span class="loader" aria-hidden="true"></span>
  105.             {{ source('svg/icons/icon-pdf.svg') }}
  106.           </span>
  107.           <span class="__text">
  108.             <span class="sr-only">Télécharger l'article au format&nbsp;</span>
  109.             <span>PDF</span>
  110.           </span>
  111.         </button>
  112.       </li>
  113.     {% endif %}
  114.     {% if hide_favorite|default and hide_favorite == true %}{% else %}
  115.       {% if (is_nord_services|default and is_nord_services == true) or (is_le_nord|default and is_le_nord == true) %}{% else %}
  116.         <li>
  117.           <button data-btn-add-to-favorites data-id="{{ post_id }}"
  118.                   class="{% if favorite == true %}_favorite{% endif %} fav"
  119.                   {% if favorite == true %}aria-pressed="true" {% else %}aria-pressed="false"{% endif %}>
  120.                     <span class="__icon">
  121.                       <svg aria-hidden="true" focusable="false" data-name="Calque 1" id="Calque_1"
  122.                            viewbox="0 0 283.5 283.5" xmlns="http://www.w3.org/2000/svg">
  123.                         <path class="cls-1"
  124.                               d="M214.6,271.8l-66.1-47.5a11.56,11.56,0,0,0-13.5,0L68.9,271.8a11.43,11.43,0,0,1-6.7,2.2,11.27,11.27,0,0,1-11.4-11.1,14.87,14.87,0,0,1,.5-3.6l25.4-77.2a11,11,0,0,0-4.1-12.4L6.1,122a11.08,11.08,0,0,1-2.6-15.5,11.28,11.28,0,0,1,9.3-4.7h82a11.55,11.55,0,0,0,10.9-7.7L131,17.3a11.46,11.46,0,0,1,14.6-7.1,11.62,11.62,0,0,1,7.1,7.1l25.2,76.9a11.41,11.41,0,0,0,10.9,7.7h82a11.23,11.23,0,0,1,11.4,10.9,11.07,11.07,0,0,1-4.6,9.3l-66.5,47.8a10.77,10.77,0,0,0-4.1,12.4l25.4,77.2a11.37,11.37,0,0,1-7.4,14.1,13.32,13.32,0,0,1-3.4.5A12.45,12.45,0,0,1,214.6,271.8Z"
  125.                               id="Icon-2"/>
  126.                       </svg>
  127.                     </span>
  128.             <span class="__text">
  129.                     <span>FAVORI</span>
  130.                   </span>
  131.           </button>
  132.         </li>
  133.       {% endif %}
  134.     {% endif %}
  135.   </ul>
  136.   <div id="alertCopiedToClipboard" class="containerAlert" style="display:none;" aria-live="polite">
  137.     <div class="pb-5"></div>
  138.     <div class="alert alert-success mb-0 alertCustom alert-dismissible" role="status">
  139.       <svg aria-hidden="true" focusable="false" id="Layer_1" style="enable-background:new 0 0 93.1 69.5;"
  140.            version="1.1" viewbox="0 0 93.1 69.5" x="0px" xml:space="preserve"
  141.            xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" y="0px">
  142.                   <g>
  143.                     <g>
  144.                       <path d="M93.1,11.8C93.1,12,93,12.2,93,12.4c-0.2,0.8-0.6,1.6-1.2,2.2C73.9,32.4,56.1,50.2,38.2,68.1c-1.8,1.8-4.8,1.8-6.6,0
  145.                                                                                                                                                                                                                                                                                                                                                                                                                                                     C21.6,58,11.5,47.9,1.4,37.8c-1.9-1.9-1.9-4.8,0-6.6C3.6,29,5.8,26.8,8,24.6c1.8-1.8,4.7-1.8,6.6,0c6.7,6.7,13.3,13.3,20,20
  146.                                                                                                                                                                                                                                                                                                                                                                                                                                                     c0.1,0.1,0.2,0.3,0.4,0.5c0.2-0.2,0.3-0.4,0.4-0.6C49.7,30.2,64.1,15.8,78.5,1.5c2-2,4.8-2,6.8,0c2.1,2.1,4.3,4.3,6.4,6.4
  147.                                                                                                                                                                                                                                                                                                                                                                                                                                                     c0.8,0.8,1.2,1.6,1.4,2.7c0,0,0,0.1,0.1,0.1C93.1,11,93.1,11.4,93.1,11.8z"/>
  148.                     </g>
  149.                   </g>
  150.                 </svg>
  151.       <p></p>
  152.       <button style="opacity:1" type="button" class="close" aria-label="Fermer cette notification" id="alertCopiedToClipboardClose"
  153.               title="Fermer cette notification">
  154.         <span aria-hidden="true">&times;</span>
  155.       </button>
  156.     </div>
  157.   </div>
  158.   {% if hide_favorite|default and hide_favorite == true %}{% else %}
  159.     {% if (is_nord_services|default and is_nord_services == true) or (is_le_nord|default and is_le_nord == true) %}{% else %}
  160.       <div id="alertAddedToFavorites" class="containerAlert pt-5" style="display:none;">
  161.         <div class="alert alert-success mb-0 alertCustom alert-dismissible" role="alert">
  162.           <svg aria-hidden="true" focusable="false" id="Layer_1" style="enable-background:new 0 0 93.1 69.5;"
  163.                version="1.1" viewbox="0 0 93.1 69.5" x="0px" xml:space="preserve"
  164.                xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" y="0px">
  165.                   <g>
  166.                     <g>
  167.                       <path d="M93.1,11.8C93.1,12,93,12.2,93,12.4c-0.2,0.8-0.6,1.6-1.2,2.2C73.9,32.4,56.1,50.2,38.2,68.1c-1.8,1.8-4.8,1.8-6.6,0
  168.                                                                                                                                                                                                                                                                                                                                                                                                                                                   C21.6,58,11.5,47.9,1.4,37.8c-1.9-1.9-1.9-4.8,0-6.6C3.6,29,5.8,26.8,8,24.6c1.8-1.8,4.7-1.8,6.6,0c6.7,6.7,13.3,13.3,20,20
  169.                                                                                                                                                                                                                                                                                                                                                                                                                                                   c0.1,0.1,0.2,0.3,0.4,0.5c0.2-0.2,0.3-0.4,0.4-0.6C49.7,30.2,64.1,15.8,78.5,1.5c2-2,4.8-2,6.8,0c2.1,2.1,4.3,4.3,6.4,6.4
  170.                                                                                                                                                                                                                                                                                                                                                                                                                                                   c0.8,0.8,1.2,1.6,1.4,2.7c0,0,0,0.1,0.1,0.1C93.1,11,93.1,11.4,93.1,11.8z"/>
  171.                     </g>
  172.                   </g>
  173.                 </svg>
  174.           <p></p>
  175.           <button type="button" class="close" aria-label="Fermer cette notification" id="alertAddedToFavoritesClose"
  176.                   title="Fermer cette notification">
  177.             <span aria-hidden="true">&times;</span>
  178.           </button>
  179.         </div>
  180.       </div>
  181.     {% endif %}
  182.   {% endif %}
  183.   {{ include('Nordinfo/Main/parts/downloadPdf.js.html.twig') }}
  184.   <script>
  185.     (function() {
  186.       const btnShareUrl = document.getElementById('btnShareUrl');
  187.       if (document.body.contains(btnShareUrl)) {
  188.         btnShareUrl.setAttribute('data-clipboard-text', window.location.href);
  189.       }
  190.     })();
  191.   </script>
  192. {% endif %}