templates/inc/social-share.html.twig line 1

Open in your IDE?
  1. <div class="socials-share"> 
  2.     <div class="row"> 
  3.         <div class="col-auto">
  4.             <p class="pe-20">{{ 'Condividi'|trans }}</p>
  5.         </div>
  6.         <div class="col-auto pe-25">
  7.             <button class="share-button facebook"><i class="fa-brands fa-facebook"></i></button>
  8.         </div>
  9.         <div class="col-auto pe-15">
  10.             <button class="share-button linkedin"><i class="fa-brands fa-linkedin"></i></button>
  11.         </div>
  12.         <div class="col-auto pe-15">
  13.             <button class="share-button pinterest"><i class="fa-brands fa-pinterest"></i></button>
  14.         </div>
  15.         <div class="col-auto pe-15">
  16.             <button class="share-button email"><i class="fa fa-envelope"></i></button>
  17.         </div>
  18.     </div>
  19. </div>
  20. <!--
  21. <script>
  22. /*
  23.     const shareButtons = document.querySelectorAll('.share-button');
  24.     shareButtons.forEach(button => {
  25.         button.addEventListener('click', () => {
  26.         const title = document.title;
  27.         const text = $('meta[name="description"]').attr("content");
  28.         const url = window.location.href;
  29.         const platform = button.classList[1];
  30.         let shareUrl;
  31.         switch (platform) {
  32.             case 'facebook':
  33.             shareUrl = `https://www.facebook.com/sharer.php?u=${encodeURIComponent(url)}`;
  34.             break;
  35.             case 'linkedin':
  36.             shareUrl = `https://www.linkedin.com/sharing/share-offsite/?url=${encodeURIComponent(url)}`;
  37.             break;
  38.             case 'pinterest':
  39.             shareUrl = `http://pinterest.com/pin/create/link/?url=${encodeURIComponent(url)}`;
  40.             break;
  41.             case 'email':
  42.             shareUrl = `mailto:{email_address}?subject=${title}&body=${encodeURIComponent(url)} ${text}`;
  43.             break;
  44.         }
  45.         console.log('title: ', title);
  46.         console.log('text: ', text);
  47.         console.log('url: ', url);
  48.         console.log('platform: ', platform);
  49.         console.log('shareUrl: ', shareUrl);
  50.         window.open(shareUrl, '_blank');
  51.         });
  52.     });
  53.     */
  54. </script>
  55. -->