index.html

<!doctype html>
<html ng-app="720kb">
<head>
    <link rel="stylesheet" type="text/css"
          href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="http://720kb.github.io/csshelper/assets/ext/src/helper.css">
    <title>Angularjs Socialshare</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body class="center-content" ng-controller="TestController as test">
<div class="separator100"></div>
<div class="line">
    {{test.testValue}}
</div>
<div class="separator100"></div>
<div class="col6 offset-left2">
    <div>
        <button class="btn btn-medium font-bold"
                socialshare
                socialshare-provider="email"
                socialshare-body="Hello! http://720kb.net"
                socialshare-to="test@test.ing"
                socialshare-cc="test@test.ing"
                socialshare-media="https://www.google.it/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png"
                socialshare-subject="Very important email"
                socialshare-popup-height="300"
                socialshare-popup-width="400">
            <i class="fa fa-envelope"></i> Share via Email
        </button>
    </div>
    <div class="separator30"></div>
    <div>
        <button class="btn btn-medium font-bold"
                socialshare
                socialshare-provider="facebook"
                socialshare-type="sharer"
                socialshare-text="720kb"
                socialshare-url="http://720kb.net"
                socialshare-popup-height="300"
                socialshare-popup-width="400"
                socialshare-trigger="click">
            <i class="fa fa-facebook"></i> Share on Facebook (sharer)
        </button>
    </div>
    <div class="separator30"></div>
    <div>
        <button class="btn btn-medium font-bold"
                socialshare
                socialshare-provider="facebook"
                socialshare-type="feed"
                socialshare-via="145634995501895"
                socialshare-media="http://720kb.net/assets/img/720kb-fb.png"
                socialshare-text="720kb"
                socialshare-caption="720kb is enough"
                socialshare-url="http://720kb.net"
                socialshare-redirect-uri="http://localhost"
                socialshare-quote="720kb Angular-Social-Share"
                socialshare-hashtags="#720kb"
                socialshare-popup-height="300"
                socialshare-popup-width="400"
                socialshare-trigger="click">
            <i class="fa fa-facebook"></i> Share on Facebook (feed dialog)
        </button>
      </div>
      <div class="separator30"></div>
      <div>
          <button class="btn btn-medium font-bold"
                  socialshare
                  socialshare-provider="facebook"
                  socialshare-type="share"
                  socialshare-via="145634995501895"
                  socialshare-media="http://720kb.net/assets/img/720kb-fb.png"
                  socialshare-quote="720kb Angular-Social-Share"
                  socialshare-hashtags="#720kb"
                  socialshare-title="720KB"
                  socialshare-mobileiframe = "true"
                  socialshare-caption="720kb is enough"
                  socialshare-url="http://720kb.net"
                  socialshare-popup-height="300"
                  socialshare-popup-width="400"
                  socialshare-trigger="click">
              <i class="fa fa-facebook"></i> Share on Facebook (share dialog)
          </button>
        </div>
        <div class="separator30"></div>
        <div>
            <button class="btn btn-medium font-bold"
                    socialshare
                    socialshare-provider="facebook"
                    socialshare-type="send"
                    socialshare-via="145634995501895"
                    socialshare-url="http://720kb.net"
                    socialshare-redirect-uri="http://localhost"
                    socialshare-popup-height="300"
                    socialshare-popup-width="400"
                    socialshare-trigger="click">
                <i class="fa fa-facebook"></i> Share on Facebook (send dialog)
            </button>
        </div>
        <div class="separator30"></div>
        <div>
            <a class="font-bold"
               socialshare
               socialshare-provider="facebook-messenger"
               socialshare-url="http://720kb.net">
                <i class="fa fa-facebook-messenger"></i> Share on Facebook Messenger (iOs and Android only)
            </a>
            <div class="separator30"></div>
            <div>
                <button class="btn btn-medium font-bold"
                        socialshare
                        socialshare-provider="twitter"
                        socialshare-hashtags="720kb, apps, opensource, development, internet"
                        socialshare-via="twitter"
                        socialshare-text="720kb - test value is: {{test.testValue}}"
                        socialshare-url="http://720kb.net"
                        socialshare-popup-height="300"
                        socialshare-popup-width="400"
                        socialshare-trigger="click">
                    <i class="fa fa-twitter"></i> Share on Twitter
                </button>
                <div class="separator30"></div>
                <button class="btn btn-medium font-bold"
                        socialshare
                        socialshare-provider="twitter">
                    <i class="fa fa-twitter"></i> Share on Twitter BY PROVIDER CONFIG
                </button>
            </div>
            <div class="separator30"></div>
            <div>
                <button class="btn btn-medium font-bold"
                        socialshare
                        socialshare-provider="google"
                        socialshare-url="http://720kb.net"
                        socialshare-popup-height="300"
                        socialshare-popup-width="400"
                        socialshare-trigger="click">
                    <i class="fa fa-google-plus"></i> Share on G+
                </button>
            </div>
            <div class="separator30"></div>
            <div>
                <button class="btn btn-medium font-bold"
                        socialshare
                        socialshare-provider="stumbleupon"
                        socialshare-text="{{test.testValue}}"
                        socialshare-url="http://720kb.net"
                        socialshare-popup-height="300"
                        socialshare-popup-width="400"
                        socialshare-trigger="click">
                    <i class="fa fa-stumbleupon"></i> Share on Stumble
                </button>
            </div>
            <div class="separator30"></div>
            <button class="btn btn-medium font-bold"
                    socialshare
                    socialshare-provider="stumbleupon">
                <i class="fa fa-twitter"></i> Share on stumbleupon BY PROVIDER CONFIG
            </button>
            <div class="separator30"></div>
            <div>
                <button class="btn btn-medium font-bold"
                        socialshare
                        socialshare-provider="reddit"
                        socialshare-text="{{test.testValue}}"
                        socialshare-url="http://720kb.net"
                        socialshare-popup-height="300"
                        socialshare-popup-width="400"
                        socialshare-trigger="click">
                    <i class="fa fa-reddit"></i> Share on Reddit
                </button>
            </div>
            <div class="separator30"></div>
            <div>
                <button class="btn btn-medium font-bold"
                        socialshare
                        socialshare-provider="linkedin"
                        socialshare-text="{{test.testValue}}"
                        socialshare-url="http://720kb.net"
                        socialshare-description="720kb linkedin summary"
                        socialshare-source="720kb"
                        socialshare-popup-height="300"
                        socialshare-popup-width="400"
                        socialshare-trigger="click">
                    <i class="fa fa-linkedin"></i> Share on Linkedin
                </button>
            </div>
            <div class="separator30"></div>
            <div>
                <button class="btn btn-medium font-bold"
                        socialshare
                        socialshare-media="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcTWGNvatNjOUyli3tBacDdAHmienfptFVStj_olGCWmaUXoIGYI"
                        socialshare-provider="pinterest"
                        socialshare-text="720kb"
                        socialshare-url="http://720kb.net"
                        socialshare-popup-height="300"
                        socialshare-popup-width="400"
                        socialshare-trigger="click">
                    <i class="fa fa-pinterest"></i> Share on Pinterest
                </button>
            </div>
            <div class="separator30"></div>
            <div>
                <button class="btn btn-medium font-bold"
                        socialshare
                        socialshare-provider="digg"
                        socialshare-text="720kb"
                        socialshare-url="http://720kb.net"
                        socialshare-popup-height="300"
                        socialshare-popup-width="400"
                        socialshare-trigger="click">
                    <i class="fa fa-digg"></i> Share on Digg
                </button>
            </div>
            <div class="separator30"></div>
            <div>
                <button class="btn btn-medium font-bold"
                        socialshare
                        socialshare-provider="tumblr"
                        socialshare-type="link"
                        socialshare-text="720kb"
                        socialshare-url="http://720kb.net"
                        socialshare-popup-height="300"
                        socialshare-popup-width="540"
                        socialshare-trigger="click">
                    <i class="fa fa-tumblr"></i> Share on Tumblr (link)
                </button>
            </div>
            <div class="separator30"></div>
            <div>
                <button class="btn btn-medium font-bold"
                        socialshare
                        socialshare-provider="tumblr"
                        socialshare-type="photo"
                        socialshare-text="720kb"
                        socialshare-media="http://720kb.net/assets/img/720kb-fb.png"
                        socialshare-popup-height="300"
                        socialshare-popup-width="540"
                        socialshare-trigger="click">
                    <i class="fa fa-tumblr"></i> Share on Tumblr (photo)
                </button>
            </div>
            <div class="separator30"></div>
            <div>
                <button class="btn btn-medium font-bold"
                        socialshare
                        socialshare-provider="delicious"
                        socialshare-text="720kb"
                        socialshare-url="http://720kb.net"
                        socialshare-popup-height="300"
                        socialshare-popup-width="400"
                        socialshare-trigger="click">
                    <i class="fa fa-delicious"></i> Share on Delicious
                </button>
            </div>
            <div class="separator30"></div>
            <div>
                <button class="btn btn-medium font-bold"
                        socialshare
                        socialshare-provider="vk"
                        socialshare-text="720kb"
                        socialshare-url="http://720kb.net"
                        socialshare-popup-height="300"
                        socialshare-popup-width="400"
                        socialshare-trigger="click">
                    <i class="fa fa-vk"></i> Share on Vk
                </button>
            </div>
            <div class="separator30"></div>
            <div>
                <button class="btn btn-medium font-bold"
                        socialshare
                        socialshare-provider="ok"
                        socialshare-text="720kb"
                        socialshare-url="http://720kb.net"
                        socialshare-popup-height="300"
                        socialshare-popup-width="400"
                        socialshare-trigger="click">
                    <i class="fa fa-odnoklassniki"></i> Share on Ok
                </button>
            </div>
            <div class="separator30"></div>
            <div>
                <button class="btn btn-medium font-bold"
                        socialshare
                        socialshare-provider="buffer"
                        socialshare-text="720kb"
                        socialshare-url="http://buffer.com"
                        socialshare-media="https://bufferblog-wpengine.netdna-ssl.com/wp-content/themes/buffer-2016/assets/images/logo.png"
                        socialshare-popup-height="500"
                        socialshare-popup-width="700"
                        socialshare-trigger="click">
                    <i class="fa fa-bars"></i>
                    Share on Buffer
                </button>
            </div>
            <div class="separator30"></div>
            <div>
                <button class="btn btn-medium font-bold"
                        socialshare
                        socialshare-provider="pocket"
                        socialshare-text="720kb"
                        socialshare-url="http://720kb.net"
                        socialshare-popup-height="300"
                        socialshare-popup-width="400"
                        socialshare-trigger="click">
                    <i class="fa fa-get-pocket"></i>
                    Share on Pocket
                </button>
            </div>
            <div class="separator30"></div>
            <div>
                <button class="btn btn-medium font-bold"
                        socialshare
                        socialshare-provider="wordpress"
                        socialshare-text="720kb"
                        socialshare-url="http://720kb.net"
                        socialshare-popup-height="300"
                        socialshare-popup-width="400"
                        socialshare-trigger="click">
                    <i class="fa fa-wordpress"></i>
                    Share on Wordpress
                </button>
            </div>
            <div class="separator30"></div>
            <div>
                <button class="btn btn-medium font-bold"
                        socialshare
                        socialshare-provider="xing"
                        socialshare-url="http://720kb.net"
                        socialshare-follow="https://www.xing.com/news/pages/marketing-werbung-44"
                        socialshare-popup-height="300"
                        socialshare-popup-width="400"
                        socialshare-trigger="click">
                    <i class="fa fa-xing"></i> Share on Xing
                </button>
            </div>
            <div class="separator30"></div>
            <div>
                <button class="btn btn-medium font-bold"
                        socialshare
                        socialshare-provider="flipboard"
                        socialshare-url="http://720kb.net"
                        socialshare-text="720kb"
                        socialshare-popup-height="300"
                        socialshare-popup-width="400"
                        socialshare-trigger="click">
                    <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTdDRUUzMzM4NDZGMTFFNUJBMENDMjlDRDUzNkNBOTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTdDRUUzMzQ4NDZGMTFFNUJBMENDMjlDRDUzNkNBOTciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFN0NFRTMzMTg0NkYxMUU1QkEwQ0MyOUNENTM2Q0E5NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFN0NFRTMzMjg0NkYxMUU1QkEwQ0MyOUNENTM2Q0E5NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Phc0s7MAAAFISURBVHja7FlBaoRAEOwOufg1/yJ49TmevfsCwTf4AMWTJ1FQcaLGhtnMrpBNMuuYapApWge77LKnR1kpRS7bGzlu7wKYeR1cSQeLcvQMuKQldRkJgQAIgAAIgABaiW9bkiTK87xtSddWxQ2XZUlt2xr+A7yNwzBQFEVshcAavO/7W/8kPYngJXgax9HwP8IyxnFsLwOf9+db8AOs+2y9A0rtj1LtJlgk8tV/cP3NPGTAtQz8zzJ6JKGu62g99vJIWsmkIAgoz3PDr++wbBFQewlkkYHgaZpoqemGf8VVVXHTNFiJX1qFztILPV2F0MxdTUK/XoXCMOSiKO5Oquv6NAQeWpZlfxKodQmdfUd22NtgSwkJOSShpzLQ9z2laXr33DzPVgmwtsl26l/TEjfjwxYIgAAIgAAIXIoAOxQ3G60EJPQi+xBgAPSbOleIl6pHAAAAAElFTkSuQmCC"
                         width="18" valign="middle"/>
                    Share on Flipboard
                </button>
            </div>
            <div class="separator30"></div>
            <div>
                <button class="btn btn-medium font-bold"
                        socialshare
                        socialshare-provider="hackernews"
                        socialshare-url="http://720kb.net"
                        socialshare-text="720kb"
                        socialshare-popup-height="300"
                        socialshare-popup-width="400"
                        socialshare-trigger="click">
                    <i class="fa fa-hacker-news"></i> Share on Hacker News
                </button>
            </div>
            <div class="separator30"></div>
            <div>
                <button class="btn btn-medium font-bold"
                        socialshare
                        socialshare-provider="evernote"
                        socialshare-url="http://720kb.net"
                        socialshare-text="720kb"
                        socialshare-popup-height="800"
                        socialshare-popup-width="400"
                        socialshare-trigger="click">
                    <i class="fa fa-hacker-news"></i> Share on Evernote
                </button>
            </div>
            <div class="separator30"></div>
            <div>
                <a class="font-bold"
                   socialshare
                   socialshare-provider="whatsapp"
                   socialshare-url="http://720kb.net"
                   socialshare-text="720kb">
                    <i class="fa fa-whatsapp"></i> Share on Whatsapp (iOs / Android only)
                </a>
            </div>
            <div class="separator30"></div>
            <div>
                <a class="font-bold"
                   socialshare
                   socialshare-provider="sms"
                   socialshare-text="Hello!"
                   socialshare-url="http://720kb.net">
                    <i class="fa fa-comments"></i> Share on sms
                </a>
            </div>

            <div class="separator30"></div>
            <div>
                <button class="btn btn-medium font-bold"
                        socialshare
                        socialshare-provider="telegram"
                        socialshare-url="http://720kb.net"
                        socialshare-text="720kb"
                        socialshare-trigger="click">
                    <i class="fa fa-send"></i> Share on Telegram
                </button>
            </div>
            <div class="separator30"></div>
            <div>
                <a class="font-bold"
                   socialshare
                   socialshare-provider="viber"
                   socialshare-url="http://720kb.net"
                   socialshare-text="720kb">
                    <i class="fa fa-viber"></i> Share on Viber (iOs and Android only)
                </a>
            </div>
            <div class="separator30"></div>
            <div>
                <button class="btn btn-medium font-bold"
                        socialshare
                        socialshare-provider="skype"
                        socialshare-url="http://720kb.net"
                        socialshare-text="720kb"
                        socialshare-popup-height="800"
                        socialshare-popup-width="400"
                        socialshare-trigger="click">
                    <i class="fa fa-skype"></i> Share on Skype
                </button>
            </div>
            <div class="separator30"></div>
            <div class="separator100"></div>
        </div>
        <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.4/angular.min.js"></script>
        <script type="text/javascript"
                src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.4/angular-route.min.js"></script>
        <script type="text/javascript" src="lib/angular-socialshare.js"></script>
        <script type="text/javascript" src="assets/js/index.js"></script>
</body>
</html>