Social share code refactor.

modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/Index.cshtml

@@ -122,13 +122,13 @@
                 <div class="docs-link-btns">
                     <div class="float-left">
                         @(L["ShareOn"].Value + " :")
-                        <a href="#" target="_blank" class="share-button twitter" id="TwitterShareLink" title="twitter">
+                        <a href="#" target="_blank" class="share-button twitter" id="TwitterShareLink" title="Twitter">
                             <i class="fa fa-twitter"></i>
                         </a>
-                        <a href="#" target="_blank" class="share-button linkedin" id="LinkedinShareLink" title="linkedin">
+                        <a href="#" target="_blank" class="share-button linkedin" id="LinkedinShareLink" title="LinkedIn">
                             <i class="fa fa-linkedin"></i>
                         </a>
-                        <a href="#" target="_blank" class="share-button email" id="EmailShareLink" title="Send e-mail">
+                        <a href="#" target="_blank" class="share-button email" id="EmailShareLink" title="E-mail">
                             <i class="fa fa-envelope-square"></i>
                         </a>
                     </div>

modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/index.js

@@ -77,42 +77,36 @@
             });
         };
 
+        var initSocialShareLinks = function () {
+            var pageHeader = $(".docs-body").find("h1, h2").first().text();
+
+            var projectName = $('#ProjectName')[0].innerText;
+
+            $('#TwitterShareLink').attr('href',
+                'https://twitter.com/intent/tweet?text=' + encodeURI(pageHeader + " | " + projectName + " | " + window.location.href)
+            );
+
+            $('#LinkedinShareLink').attr('href',
+                'https://www.linkedin.com/shareArticle?'
+                + 'url=' + encodeURI(window.location.href) + '&'
+                + 'mini=true&'
+                + "summary=" + encodeURI(projectName) + '&'
+                + "title=" + encodeURI(pageHeader) + '&'
+                + "source=" + encodeURI($('#GoToMainWebSite').attr('href'))
+            );
+
+            $('#EmailShareLink').attr('href',
+                'mailto:?'
+                + 'body=' + encodeURI('I want you to look at ' + window.location.href) + '&'
+                + "subject=" + encodeURI(pageHeader + ' | ' + projectName) + '&'
+            );
+        };
+
         initNavigationFilter("sidebar-scroll");
 
         initAnchorTags(".docs-page .docs-body");
 
-        var getTitle = function() {
-            var h1Tags = $(document).find('h1');
-            if (h1Tags.length < 1) {
-                return "";
-            }
-            return h1Tags[0].innerText;
-        }
-
-        $('#TwitterShareLink').attr(
-            'href',
-            'https://twitter.com/intent/tweet?text='
-                      + encodeURI(getTitle() +
-                " | " + $('#ProjectName')[0].innerText +
-                " | " + window.location.href)
-        );
-
-        $('#LinkedinShareLink').attr(
-            'href',
-            'https://www.linkedin.com/shareArticle?'
-            + 'url=' + encodeURI(window.location.href) + '&'
-            + 'mini=true&'
-            + "summary=" + encodeURI($('#ProjectName')[0].innerText) + '&'
-            + "title=" + encodeURI(getTitle()) + '&'
-            + "source=" + encodeURI($('#GoToMainWebSite').attr('href'))
-        );
-
-        $('#EmailShareLink').attr(
-            'href',
-            'mailto:?'
-            + 'body=' + encodeURI('I want you to look at ' + window.location.href) + '&'
-            + "subject=" + encodeURI(getTitle() + ' | ' + $('#ProjectName')[0].innerText) + '&'
-        );
+        initSocialShareLinks();
 
     });