theme/templates/blocks/block_share_modal/block_share_modal.default.html.twig line 1

Open in your IDE?
  1. {# MODAL DE PARTILHA - mantido #}
  2.   <div class="modal fade" id="shareModal" tabindex="-1" role="dialog" aria-labelledby="shareModalLabel" aria-hidden="true">
  3.     <div class="modal-dialog modal-dialog-centered" role="document">
  4.       <div class="modal-content text-white" style="background-color: #0a2f2f; border-radius: 12px;">
  5.         <div class="modal-header border-0 text-center">
  6.           <h4 class="modal-title pb-0" id="shareModalLabel">Partilhar</h4>
  7.           <button type="button" class="close text-white" data-dismiss="modal" aria-label="Fechar">
  8.             <i class="fa-solid fa-xmark"></i>
  9.           </button>
  10.         </div>
  11.         <div class="modal-body pt-0">
  12.           <p>Espalha a palavra. Partilha Portugal.</p>
  13.           <hr style="border-color: rgba(255, 255, 255, 0.2);">
  14.           <div class="d-flex justify-content-around my-3">
  15.             {% set shareUrl = (app.request.getSchemeAndHttpHost() ~ app.request.requestUri)|url_encode %}
  17.             <a href="https://www.facebook.com/sharer.php?u={{ shareUrl }}"
  18.                 target="_blank" class="text-white text-center">
  19.                 <i class="fa-brands fa-facebook fa-fw"></i>
  20.                 <div>Facebook</div>
  21.             </a>
  23.             <a href="https://twitter.com/intent/tweet?url={{ shareUrl }}"
  24.                 target="_blank" class="text-white text-center">
  25.                 <i class="fa-brands fa-x-twitter fa-fw"></i>
  26.                 <div>X</div>
  27.             </a>
  29.             <a href="https://api.whatsapp.com/send?text={{ shareUrl }}"
  30.                 target="_blank" class="text-white text-center">
  31.                 <i class="fa-brands fa-whatsapp fa-fw"></i>
  32.                 <div>WhatsApp</div>
  33.             </a>
  35.           </div>
  36.           <div class="text-center">
  37.             <button class="btn-primary btn-style-1 mt-2 mx-auto popover-copy-link" onclick="copyToClipboard('{{ app.request.uri }}')" data-toggle="popover" title="Link Copiado!" data-content="O link foi copiado para a área de transferência.">
  38.               <i class="far fa-copy"></i> Copiar Link
  39.             </button>
  40.           </div>
  41.         </div>
  42.       </div>
  43.     </div>
  44.   </div>