From 1821930f00c67b141b06faef26dbcd31d06564e0 Mon Sep 17 00:00:00 2001
From: Vingle <nic@visuali.st>
Date: Fri, 30 Oct 2020 00:40:55 +0100
Subject: [PATCH] modifies the social media footer and help dialogs to remove
 embed scripts, as described
 https://lab.civicrm.org/dev/user-interface/-/issues/2

---
 .../Form/ContributionPage/Settings.hlp        |  2 +-
 .../CRM/Event/Form/ManageEvent/EventInfo.hlp  |  2 +-
 templates/CRM/common/SocialNetwork.tpl        | 64 ++++++-------------
 3 files changed, 20 insertions(+), 48 deletions(-)

diff --git a/templates/CRM/Contribute/Form/ContributionPage/Settings.hlp b/templates/CRM/Contribute/Form/ContributionPage/Settings.hlp
index cf793eac40..f8f77332c9 100644
--- a/templates/CRM/Contribute/Form/ContributionPage/Settings.hlp
+++ b/templates/CRM/Contribute/Form/ContributionPage/Settings.hlp
@@ -64,6 +64,6 @@
   {ts}Social Sharing{/ts}
 {/htxt}
 {htxt id="id-is_share"}
-<p>{ts}When enabled, links allowing people to share this online contribution page with their social network will be displayed (e.g. Facebook "Like", Google+, and Twitter).{/ts}</p>
+<p>{ts}When enabled, links helping people share this online contribution page with their social network will be displayed (e.g. Facebook, Twitter, LinkedIn and email).{/ts}</p>
 <p>{ts}Social media links will be included on the Contribution Thank-you page, Tell-a-Friend page (if enabled), and in contribution receipt emails.{/ts}</p>
 {/htxt}
diff --git a/templates/CRM/Event/Form/ManageEvent/EventInfo.hlp b/templates/CRM/Event/Form/ManageEvent/EventInfo.hlp
index 550eef61ff..f8b6d96f5c 100644
--- a/templates/CRM/Event/Form/ManageEvent/EventInfo.hlp
+++ b/templates/CRM/Event/Form/ManageEvent/EventInfo.hlp
@@ -106,6 +106,6 @@
   {ts}Social Sharing{/ts}
 {/htxt}
 {htxt id="id-is_share"}
-<p>{ts}When enabled, links allowing people to share this event with their social network will be displayed (e.g. Facebook "Like", Google+, and Twitter).{/ts}</p>
+<p>{ts}When enabled, links helping people share this event with their social network will be displayed (e.g. Facebook, Twitter, LinkedIn and email).{/ts}</p>
 <p>{ts}Social media links will be included on the Event Info page, Thank-you page, Tell-a-Friend page (if enabled), and in event confirmation emails.{/ts}</p>
 {/htxt}
diff --git a/templates/CRM/common/SocialNetwork.tpl b/templates/CRM/common/SocialNetwork.tpl
index a5b786b173..4f04777ed2 100644
--- a/templates/CRM/common/SocialNetwork.tpl
+++ b/templates/CRM/common/SocialNetwork.tpl
@@ -7,56 +7,28 @@
  | and copyright information, see https://civicrm.org/licensing       |
  +--------------------------------------------------------------------+
 *}
-{* Adds social networking buttons (Facebook like, Twitter tweet, Google +1, LinkedIn) to public pages (online contributions, event info) *}
+{* Adds social networking buttons (Facebook, Twitter, LinkedIn, email) to public pages (online contributions, event info) *}
 
-<div class="crm-section crm-socialnetwork help">
-    <h3 class="nobackground">{ts}Help spread the word{/ts}</h3>
-    <div class="description">
-        {ts}Please help us and let your friends, colleagues and followers know about our page{/ts}{if $title}:
-        <span class="bold"><a href="{$pageURL}">{$title}</a></span>
-        {else}.{/if}
-    </div>
-    <div class="crm-fb-tweet-buttons">
-        {if $emailMode eq true}
-            {*use images for email*}
-            <a href="https://twitter.com/share?url={$url|escape:'url'}&amp;text={$title}" id="crm_tweet">
-                <img title="Twitter Tweet Button" src="{$config->userFrameworkResourceURL|replace:'https://':'http://'}/i/tweet.png" width="55px" height="20px"  alt="Tweet Button">
-            </a>
-            <a href="https://www.facebook.com/plugins/like.php?href={$url}" target="_blank">
-                <img title="Facebook Like Button" src="{$config->userFrameworkResourceURL|replace:'https://':'http://'}/i/fblike.png" alt="Facebook Button" />
-            </a>
-        {else}
-            {*use advanced buttons for pages*}
-            <div class="label">
-                <iframe allowtransparency="true" frameborder="0" scrolling="no"
-                src="https://platform.twitter.com/widgets/tweet_button.html?text={$title}&amp;url={$url|escape:'url'}"
-                style="width:100px; height:20px;">
-                </iframe>
-            </div>
-            <div class="label" style="width:300px;">
-                <iframe src="https://www.facebook.com/plugins/like.php?app_id=240719639306341&amp;href={$url|escape:'url'}&amp;send=false&amp;layout=standard&amp;show_faces=false&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:30px;" allowTransparency="true">
-                </iframe>
-            </div>
-            <div class="label">
-              <script src="https://platform.linkedin.com/in.js" type="text/javascript"></script>
-              <script type="IN/Share" data-url={$url} data-counter="right"></script>
-            </div>
+<div class="crm-section crm-socialnetwork alert alert-success status crm-ok" role="alert">
+    <h2>{ts}Help spread the word{/ts}</h2>
+    <p>{ts}Please help us and let your friends, colleagues and followers know about our page{/ts}{if $title}: <strong><a href="{$pageURL}">{$title}</a></strong>{else}.{/if}</p>
+    {if $emailMode eq true}
+        <a href="https://twitter.com/share?url={$url|escape:'url'}&amp;text={$title}" class="btn btn-default" role="button" target="_blank">{ts}Tweet{/ts}</a>
+        <a href="https://facebook.com/sharer/sharer.php?u={$url|escape:'url'}" target="_blank" class="btn btn-default" role="button">{ts}Share on Facebook{/ts}</a>
+        <a href="ttps://www.linkedin.com/shareArticle?mini=true&amp;url={$url|escape:'url'}&amp;title={$title}" target="_blank" rel="noopener" class="btn btn-default">{ts}Share on LinkedIn{/ts}</a>
+    {else}
+    	<button onclick="window.open('https://twitter.com/share?url={$url|escape:'url'}&amp;text={$title}','_blank')" type="button" class="btn btn-default"><i aria-hidden="true" class="crm-i fa-twitter"></i>&nbsp;&nbsp;{ts}Tweet{/ts}</button>
+        <button onclick="window.open('https://facebook.com/sharer/sharer.php?u={$url|escape:'url'}','_blank')" type="button" class="btn btn-default" role="button"><i aria-hidden="true" class="crm-i fa-facebook"></i>&nbsp;&nbsp;{ts}Share on Facebook{/ts}</button>
+        <button onclick="window.open('https://www.linkedin.com/shareArticle?mini=true&amp;url={$url|escape:'url'}&amp;title={$title}','_blank')" type="button" rel="noopener" class="btn btn-default"><i aria-hidden="true" class="crm-i fa-linkedin"></i>&nbsp;&nbsp;{ts}Share on LinkedIn{/ts}</button>
+        <button onclick="window.open('mailto:?subject={$title}.&amp;body={$url|escape:'url'}','_self')" type="button" rel="noopener" class="btn btn-default"><i aria-hidden="true" class="crm-i fa-envelope"></i>&nbsp;&nbsp;{ts}Email{/ts}</button>
         {/if}
-    </div>
     {if $pageURL}
-      {if $emailMode neq true}
-        <br/>
-      {/if}
-      <br/>
-      <div class="clear"></div>
-      <div>
-        <span class="bold">{ts}You can also share the below link in an email or on your website.{/ts}</span>
+    	{if $emailMode neq true}
         <br/>
-        <a href="{$pageURL}">{$pageURL}</a>
-      </div>
+		{/if}
+    <br/>
+    <p><strong>{ts}You can also share the below link in an email or on your website:{/ts}</strong><br />
+    <a href="{$pageURL}">{$pageURL}</a></p>
     {else}
-      <div class="clear"></div>
     {/if}
 </div>
-
-
-- 
2.25.1