Angular / Typescript Social Share - Social Media Sharing without all the bulk from social media sdks.

social-share.html

<ul>
	<li>
		<a (click)="social('facebook')"><i class="fa fa-facebook"></i></a>
	</li>
	<li>
		<a (click)="social('pinterest')"><i class="fa fa-pinterest"></i></a>
	</li>
	<li>
		<a (click)="social('twitter')"><i class="fa fa-twitter"></i></a>
	</li>
</ul>

social-share.ts

var image = '';
var name = '';
var hashtags = '';
var url = '';
var fbid = '';

social(a) {
  
    let pinterest = 'http://pinterest.com/pin/create/button/?url='+ this.url +'&media='+ this.image +'&description='+ this.name;
    let facebook = 'https://facebook.com/dialog/share?app_id='+ this.fbid +'href='+ this.url +'&redirect_uri='+ this.url;
    let twitter = 'http://twitter.com/share?text='+ this.name +'&url='+ this.url +'&hashtags='+ this.hashtags;

    let b = '';

    if(a === 'pinterest') {
      b = pinterest;
    }
    if(a === 'twitter') {
      b = twitter;
    }
    if(a === 'facebook') {
      b = facebook;
    }

    let params = `width=600,height=400,left=100,top=100`;

    window.open(b, a, params)

  }