blogging social media share

modules/blogging/src/Volo.Blogging.Domain.Shared/Volo/Blogging/Localization/Resources/en.json

@@ -42,6 +42,7 @@
     "CreationTime": "Creation Time",
     "Description": "Description",
     "Blogs": "Blogs",
-    "Tags": "Tags"
+    "Tags": "Tags",
+    "ShareOn": "Share on"
   }
 }

modules/blogging/src/Volo.Blogging.Domain.Shared/Volo/Blogging/Localization/Resources/tr.json

@@ -42,6 +42,7 @@
     "CreationTime": "Oluşturulma zamanı",
     "Description": "Açıklama",
     "Blogs": "Bloglar",
-    "Tags": "Etiketler"
+    "Tags": "Etiketler",
+    "ShareOn": "Paylaş"
   }
 }

modules/blogging/src/Volo.Blogging.Web/Pages/Blogs/Posts/Detail.cshtml

@@ -32,7 +32,7 @@
                     <div class="hero-articles">
                         <div class="hero-content">
                             <h1 class="mb-3">
-                                <a asp-page="./Detail" asp-route-postUrl="@Model.Post.Url" asp-route-blogShortName="@Model.BlogShortName">@Model.Post.Title</a>
+                                <a asp-page="./Detail" asp-route-postUrl="@Model.Post.Url" asp-route-blogShortName="@Model.BlogShortName" id="PostTitle">@Model.Post.Title</a>
                             </h1>
 
                             <div class="article-owner">
@@ -84,7 +84,7 @@
                 </section>
             </div>
         </div>
-
+        
         <div class="row">
             <div class="col-md-8 col-lg-8 mx-auto">
                 <section class="post-content">
@@ -94,9 +94,22 @@
                 </section>
             </div>
         </div>
-
+    
         <div class="row">
             <div class="col-md-8 col-lg-8 mx-auto">
+            <hr />
+                <div class="mb-2 mt-1">
+                    @(L["ShareOn"].Value + " :")
+                    <a href="#" target="_blank" class="mr-2" id="TwitterShareLink" title="Twitter">
+                        Twitter <i class="fa fa-twitter"></i>
+                    </a>
+                    <a href="#" target="_blank" class="mr-2" id="LinkedinShareLink" title="LinkedIn">
+                        Linkedin <i class="fa fa-linkedin"></i>
+                    </a>
+                    <a href="#" target="_blank" class="mr-2" id="EmailShareLink" title="E-mail">
+                        E-mail <i class="fa fa-envelope-square"></i>
+                    </a>
+                </div>
                 @if (Model.Post.Tags.Count > 0)
                 {
                     <div class="tags">
@@ -317,3 +330,4 @@
         </div>
     </div>
 </div>
+<p id="BlogFullName" name="@Model.Blog.Name" hidden></p>

modules/blogging/src/Volo.Blogging.Web/Pages/Blogs/Posts/detail.js

@@ -2,6 +2,34 @@
 
     var l = abp.localization.getResource('Blogging');
 
+    var initSocialShareLinks = function () {
+
+        var re = new RegExp(/^.*\//);
+        var rootUrl = re.exec(window.location.href);
+
+        var pageHeader = $("#PostTitle").text();
+        var blogName = $('#BlogFullName').attr('name');
+
+        $('#TwitterShareLink').attr('href',
+            'https://twitter.com/intent/tweet?text=' + encodeURI(pageHeader + " | " + blogName + " | " + window.location.href)
+        );
+
+        $('#LinkedinShareLink').attr('href',
+            'https://www.linkedin.com/shareArticle?'
+            + 'url=' + encodeURI(window.location.href) + '&'
+            + 'mini=true&'
+            + "summary=" + encodeURI(blogName) + '&'
+            + "title=" + encodeURI(pageHeader) + '&'
+            + "source=" + encodeURI(rootUrl)
+        );
+
+        $('#EmailShareLink').attr('href',
+            'mailto:?'
+            + 'body=' + encodeURI('I want you to look at ' + window.location.href) + '&'
+            + "subject=" + encodeURI(pageHeader + ' | ' + blogName) + '&'
+        );
+    };
+
     $('div .replyForm').hide();
 
     $('div .editForm').hide();
@@ -135,7 +163,8 @@
         }, 500);
     }
 
-
     $(".post-content a[href^='http']").attr('target', '_blank');
 
+    initSocialShareLinks();
+
 })(jQuery);