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 %}
  16.             <a href="https://www.facebook.com/sharer.php?u={{ shareUrl }}"
  17.                 target="_blank" class="text-white text-center">
  18.                 <i class="fa-brands fa-facebook fa-fw"></i>
  19.                 <div>Facebook</div>
  20.             </a>
  21.             <a href="https://twitter.com/intent/tweet?url={{ shareUrl }}"
  22.                 target="_blank" class="text-white text-center">
  23.                 <i class="fa-brands fa-x-twitter fa-fw"></i>
  24.                 <div>X</div>
  25.             </a>
  26.             <a href="https://api.whatsapp.com/send?text={{ shareUrl }}"
  27.                 target="_blank" class="text-white text-center">
  28.                 <i class="fa-brands fa-whatsapp fa-fw"></i>
  29.                 <div>WhatsApp</div>
  30.             </a>
  31.           </div>
  32.           <div class="text-center">
  33.             <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.">
  34.               <i class="far fa-copy"></i> Copiar Link
  35.             </button>
  36.           </div>
  37.         </div>
  38.       </div>
  39.     </div>
  40.   </div>