ngx-social-button
Version:
Social login/share buttons for Angular 6, 7, 8
72 lines (71 loc) • 11.6 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
*/
import { Component, Input, Output, EventEmitter, Inject } from '@angular/core';
import { DOCUMENT } from '@angular/common';
import { SocialService } from '../social.service';
export class FacebookSharingButton {
/**
* @param {?} socialAuthService
* @param {?} document
*/
constructor(socialAuthService, document) {
this.socialAuthService = socialAuthService;
this.document = document;
this.share = null;
this.response = new EventEmitter();
}
/**
* @return {?}
*/
ngOnInit() {
}
/**
* @return {?}
*/
sharing() {
console.log(this.document.location.href);
if (!this.share) {
this.share = { href: this.document.location.href };
}
else if (!this.share.href) {
this.share.href = this.document.location.href;
}
this.socialAuthService.facebookSharing(this.share).then(() => {
this.response.emit(true);
}).catch((err) => {
this.response.emit(false);
});
}
}
FacebookSharingButton.decorators = [
{ type: Component, args: [{
selector: 'facebook-share-button',
template: `
<button class="button btn-block loginBtn --facebook"
(click)="sharing()" type="button">Share</button>
`,
styles: [`.button{font-family:Lato,"Lucida Grande","Lucida Sans Unicode",Tahoma,Sans-Serif;-webkit-appearance:none;display:inline-block;outline:0;border-radius:3px;border:3px solid transparent;cursor:pointer;text-overflow:ellipsis;text-decoration:none!important;font-weight:400!important}.loginBtn{box-sizing:border-box;position:relative;margin:.2em;padding:0 15px 0 46px;border:none;text-align:left;line-height:34px;white-space:nowrap;border-radius:3px;font-size:16px;color:#fff}.loginBtn:before{content:"";box-sizing:border-box;position:absolute;top:0;left:0;width:34px;height:100%}.loginBtn:focus{outline:0}.loginBtn:active{box-shadow:inset 0 0 0 32px rgba(0,0,0,.1)}.shareBtn{box-sizing:border-box;position:relative;margin:.2em;padding:0 15px 0 46px;border:none;text-align:left;line-height:34px;white-space:nowrap;border-radius:3px;font-size:16px;color:#fff}.shareBtn:before{content:"";box-sizing:border-box;position:absolute;top:0;left:0;width:34px;height:100%}.shareBtn:focus{outline:0}.shareBtn:active{box-shadow:inset 0 0 0 32px rgba(0,0,0,.1)}.--facebook{background-color:#4c69ba;background-image:linear-gradient(#4c69ba,#3b55a0);text-shadow:0 -1px 0 #354c8c}.--facebook:before{border-right:1px solid #364e92;background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_facebook.png) 6px 6px no-repeat}.--facebook:focus,.--facebook:hover{background-color:#5b7bd5;background-image:linear-gradient(#5b7bd5,#4864b1)}.--google{background:#dd4b39}.--google:before{border-right:1px solid #bb3f30;background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_google.png) 6px 6px no-repeat}.--google:focus,.--google:hover{background:#e74b37}.--linkedin{background:#007bb6}.--linkedin:before{border-right:1px solid #007bb6;background:url(https://content.linkedin.com/content/dam/developer/global/en_US/site/img/signin-button.png) -3px -3px no-repeat}.--linkedin:focus,.--linkedin:hover{background:linear-gradient(#007bb6,#4864b1)}.social-btn{width:50px;height:50px;background-size:cover;background-repeat:no-repeat;cursor:pointer;border-radius:10px;border:none}.social-btn.facebook{background-image:url(https://raw.githubusercontent.com/JohnnieLi/ngx-social-button/master/assets/facebook.png)}.social-btn.google{background-image:url(https://raw.githubusercontent.com/JohnnieLi/ngx-social-button/master/assets/google.png)}.social-btn.linkedin{background-image:url(https://raw.githubusercontent.com/JohnnieLi/ngx-social-button/master/assets/LinkedIn.png)}.social-btn.wechat{background-image:url(https://github.com/JohnnieLi/ngx-social-button/blob/master/assets/wechat.png?raw=true)}`],
},] },
];
/** @nocollapse */
FacebookSharingButton.ctorParameters = () => [
{ type: SocialService },
{ type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] }] }
];
FacebookSharingButton.propDecorators = {
share: [{ type: Input }],
response: [{ type: Output }]
};
if (false) {
/** @type {?} */
FacebookSharingButton.prototype.share;
/** @type {?} */
FacebookSharingButton.prototype.response;
/** @type {?} */
FacebookSharingButton.prototype.socialAuthService;
/** @type {?} */
FacebookSharingButton.prototype.document;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFjZWJvb2tTaGFyaW5nQnV0dG9uLmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmd4LXNvY2lhbC1idXR0b24vIiwic291cmNlcyI6WyJsaWIvYnV0dG9ucy9mYWNlYm9va1NoYXJpbmdCdXR0b24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQVUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3JGLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUV6QyxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sbUJBQW1CLENBQUM7QUFVaEQsTUFBTTs7Ozs7SUFLRixZQUFvQixpQkFBZ0MsRUFDekIsUUFBYTtRQURwQixzQkFBaUIsR0FBakIsaUJBQWlCLENBQWU7UUFDekIsYUFBUSxHQUFSLFFBQVEsQ0FBSztxQkFKbEIsSUFBSTt3QkFDTCxJQUFJLFlBQVksRUFBVztLQUdIOzs7O0lBRTdDLFFBQVE7S0FFUDs7OztJQUVNLE9BQU87UUFDVixPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3pDLEVBQUUsQ0FBQSxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFBLENBQUM7WUFDWixJQUFJLENBQUMsS0FBSyxHQUFHLEVBQUMsSUFBSSxFQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLElBQUksRUFBQyxDQUFBO1NBQ2xEO1FBQUEsSUFBSSxDQUFDLEVBQUUsQ0FBQSxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQSxDQUFDO1lBQ3ZCLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQTtTQUNoRDtRQUNELElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFFLEVBQUU7WUFDeEQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDNUIsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLEdBQUcsRUFBQyxFQUFFO1lBQ1osSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDN0IsQ0FBQyxDQUFDOzs7O1lBL0JWLFNBQVMsU0FBQztnQkFDUCxRQUFRLEVBQUUsdUJBQXVCO2dCQUNqQyxRQUFRLEVBQUU7OztHQUdYO2dCQUNDLE1BQU0sRUFBRSxDQUFDLCtoRkFBK2hGLENBQUM7YUFDNWlGOzs7O1lBVE8sYUFBYTs0Q0FnQmYsTUFBTSxTQUFDLFFBQVE7OztvQkFKaEIsS0FBSzt1QkFDTCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBJbmplY3R9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtET0NVTUVOVH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuaW1wb3J0IHtTb2NpYWxTZXJ2aWNlfSBmcm9tICcuLi9zb2NpYWwuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZmFjZWJvb2stc2hhcmUtYnV0dG9uJyxcbiAgICB0ZW1wbGF0ZTogYFxuICAgICAgPGJ1dHRvbiBjbGFzcz1cImJ1dHRvbiBidG4tYmxvY2sgbG9naW5CdG4gLS1mYWNlYm9va1wiIFxuICAgICAgICAgICAgICAoY2xpY2spPVwic2hhcmluZygpXCIgdHlwZT1cImJ1dHRvblwiPlNoYXJlPC9idXR0b24+XG4gIGAsXG4gICAgc3R5bGVzOiBbYC5idXR0b257Zm9udC1mYW1pbHk6TGF0byxcIkx1Y2lkYSBHcmFuZGVcIixcIkx1Y2lkYSBTYW5zIFVuaWNvZGVcIixUYWhvbWEsU2Fucy1TZXJpZjstd2Via2l0LWFwcGVhcmFuY2U6bm9uZTtkaXNwbGF5OmlubGluZS1ibG9jaztvdXRsaW5lOjA7Ym9yZGVyLXJhZGl1czozcHg7Ym9yZGVyOjNweCBzb2xpZCB0cmFuc3BhcmVudDtjdXJzb3I6cG9pbnRlcjt0ZXh0LW92ZXJmbG93OmVsbGlwc2lzO3RleHQtZGVjb3JhdGlvbjpub25lIWltcG9ydGFudDtmb250LXdlaWdodDo0MDAhaW1wb3J0YW50fS5sb2dpbkJ0bntib3gtc2l6aW5nOmJvcmRlci1ib3g7cG9zaXRpb246cmVsYXRpdmU7bWFyZ2luOi4yZW07cGFkZGluZzowIDE1cHggMCA0NnB4O2JvcmRlcjpub25lO3RleHQtYWxpZ246bGVmdDtsaW5lLWhlaWdodDozNHB4O3doaXRlLXNwYWNlOm5vd3JhcDtib3JkZXItcmFkaXVzOjNweDtmb250LXNpemU6MTZweDtjb2xvcjojZmZmfS5sb2dpbkJ0bjpiZWZvcmV7Y29udGVudDpcIlwiO2JveC1zaXppbmc6Ym9yZGVyLWJveDtwb3NpdGlvbjphYnNvbHV0ZTt0b3A6MDtsZWZ0OjA7d2lkdGg6MzRweDtoZWlnaHQ6MTAwJX0ubG9naW5CdG46Zm9jdXN7b3V0bGluZTowfS5sb2dpbkJ0bjphY3RpdmV7Ym94LXNoYWRvdzppbnNldCAwIDAgMCAzMnB4IHJnYmEoMCwwLDAsLjEpfS5zaGFyZUJ0bntib3gtc2l6aW5nOmJvcmRlci1ib3g7cG9zaXRpb246cmVsYXRpdmU7bWFyZ2luOi4yZW07cGFkZGluZzowIDE1cHggMCA0NnB4O2JvcmRlcjpub25lO3RleHQtYWxpZ246bGVmdDtsaW5lLWhlaWdodDozNHB4O3doaXRlLXNwYWNlOm5vd3JhcDtib3JkZXItcmFkaXVzOjNweDtmb250LXNpemU6MTZweDtjb2xvcjojZmZmfS5zaGFyZUJ0bjpiZWZvcmV7Y29udGVudDpcIlwiO2JveC1zaXppbmc6Ym9yZGVyLWJveDtwb3NpdGlvbjphYnNvbHV0ZTt0b3A6MDtsZWZ0OjA7d2lkdGg6MzRweDtoZWlnaHQ6MTAwJX0uc2hhcmVCdG46Zm9jdXN7b3V0bGluZTowfS5zaGFyZUJ0bjphY3RpdmV7Ym94LXNoYWRvdzppbnNldCAwIDAgMCAzMnB4IHJnYmEoMCwwLDAsLjEpfS4tLWZhY2Vib29re2JhY2tncm91bmQtY29sb3I6IzRjNjliYTtiYWNrZ3JvdW5kLWltYWdlOmxpbmVhci1ncmFkaWVudCgjNGM2OWJhLCMzYjU1YTApO3RleHQtc2hhZG93OjAgLTFweCAwICMzNTRjOGN9Li0tZmFjZWJvb2s6YmVmb3Jle2JvcmRlci1yaWdodDoxcHggc29saWQgIzM2NGU5MjtiYWNrZ3JvdW5kOnVybChodHRwczovL3MzLXVzLXdlc3QtMi5hbWF6b25hd3MuY29tL3MuY2Rwbi5pby8xNDA4Mi9pY29uX2ZhY2Vib29rLnBuZykgNnB4IDZweCBuby1yZXBlYXR9Li0tZmFjZWJvb2s6Zm9jdXMsLi0tZmFjZWJvb2s6aG92ZXJ7YmFja2dyb3VuZC1jb2xvcjojNWI3YmQ1O2JhY2tncm91bmQtaW1hZ2U6bGluZWFyLWdyYWRpZW50KCM1YjdiZDUsIzQ4NjRiMSl9Li0tZ29vZ2xle2JhY2tncm91bmQ6I2RkNGIzOX0uLS1nb29nbGU6YmVmb3Jle2JvcmRlci1yaWdodDoxcHggc29saWQgI2JiM2YzMDtiYWNrZ3JvdW5kOnVybChodHRwczovL3MzLXVzLXdlc3QtMi5hbWF6b25hd3MuY29tL3MuY2Rwbi5pby8xNDA4Mi9pY29uX2dvb2dsZS5wbmcpIDZweCA2cHggbm8tcmVwZWF0fS4tLWdvb2dsZTpmb2N1cywuLS1nb29nbGU6aG92ZXJ7YmFja2dyb3VuZDojZTc0YjM3fS4tLWxpbmtlZGlue2JhY2tncm91bmQ6IzAwN2JiNn0uLS1saW5rZWRpbjpiZWZvcmV7Ym9yZGVyLXJpZ2h0OjFweCBzb2xpZCAjMDA3YmI2O2JhY2tncm91bmQ6dXJsKGh0dHBzOi8vY29udGVudC5saW5rZWRpbi5jb20vY29udGVudC9kYW0vZGV2ZWxvcGVyL2dsb2JhbC9lbl9VUy9zaXRlL2ltZy9zaWduaW4tYnV0dG9uLnBuZykgLTNweCAtM3B4IG5vLXJlcGVhdH0uLS1saW5rZWRpbjpmb2N1cywuLS1saW5rZWRpbjpob3ZlcntiYWNrZ3JvdW5kOmxpbmVhci1ncmFkaWVudCgjMDA3YmI2LCM0ODY0YjEpfS5zb2NpYWwtYnRue3dpZHRoOjUwcHg7aGVpZ2h0OjUwcHg7YmFja2dyb3VuZC1zaXplOmNvdmVyO2JhY2tncm91bmQtcmVwZWF0Om5vLXJlcGVhdDtjdXJzb3I6cG9pbnRlcjtib3JkZXItcmFkaXVzOjEwcHg7Ym9yZGVyOm5vbmV9LnNvY2lhbC1idG4uZmFjZWJvb2t7YmFja2dyb3VuZC1pbWFnZTp1cmwoaHR0cHM6Ly9yYXcuZ2l0aHVidXNlcmNvbnRlbnQuY29tL0pvaG5uaWVMaS9uZ3gtc29jaWFsLWJ1dHRvbi9tYXN0ZXIvYXNzZXRzL2ZhY2Vib29rLnBuZyl9LnNvY2lhbC1idG4uZ29vZ2xle2JhY2tncm91bmQtaW1hZ2U6dXJsKGh0dHBzOi8vcmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbS9Kb2hubmllTGkvbmd4LXNvY2lhbC1idXR0b24vbWFzdGVyL2Fzc2V0cy9nb29nbGUucG5nKX0uc29jaWFsLWJ0bi5saW5rZWRpbntiYWNrZ3JvdW5kLWltYWdlOnVybChodHRwczovL3Jhdy5naXRodWJ1c2VyY29udGVudC5jb20vSm9obm5pZUxpL25neC1zb2NpYWwtYnV0dG9uL21hc3Rlci9hc3NldHMvTGlua2VkSW4ucG5nKX0uc29jaWFsLWJ0bi53ZWNoYXR7YmFja2dyb3VuZC1pbWFnZTp1cmwoaHR0cHM6Ly9naXRodWIuY29tL0pvaG5uaWVMaS9uZ3gtc29jaWFsLWJ1dHRvbi9ibG9iL21hc3Rlci9hc3NldHMvd2VjaGF0LnBuZz9yYXc9dHJ1ZSl9YF0sXG59KVxuZXhwb3J0IGNsYXNzIEZhY2Vib29rU2hhcmluZ0J1dHRvbiBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgICBASW5wdXQoKSBzaGFyZTogYW55ID0gbnVsbDtcbiAgICBAT3V0cHV0KCkgcmVzcG9uc2UgPSBuZXcgRXZlbnRFbWl0dGVyPEJvb2xlYW4+KCk7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIHNvY2lhbEF1dGhTZXJ2aWNlOiBTb2NpYWxTZXJ2aWNlLFxuICAgICBASW5qZWN0KERPQ1VNRU5UKSBwcml2YXRlIGRvY3VtZW50OiBhbnkpIHsgfVxuXG4gICAgbmdPbkluaXQoKSB7XG5cbiAgICB9XG5cbiAgICBwdWJsaWMgc2hhcmluZygpIHtcbiAgICAgICAgY29uc29sZS5sb2codGhpcy5kb2N1bWVudC5sb2NhdGlvbi5ocmVmKTtcbiAgICAgICAgaWYoIXRoaXMuc2hhcmUpe1xuICAgICAgICAgICAgdGhpcy5zaGFyZSA9IHtocmVmOnRoaXMuZG9jdW1lbnQubG9jYXRpb24uaHJlZn1cbiAgICAgICAgfWVsc2UgaWYoIXRoaXMuc2hhcmUuaHJlZil7XG4gICAgICAgICAgICB0aGlzLnNoYXJlLmhyZWYgPSB0aGlzLmRvY3VtZW50LmxvY2F0aW9uLmhyZWZcbiAgICAgICAgfVxuICAgICAgICB0aGlzLnNvY2lhbEF1dGhTZXJ2aWNlLmZhY2Vib29rU2hhcmluZyh0aGlzLnNoYXJlKS50aGVuKCgpPT57XG4gICAgICAgICAgICB0aGlzLnJlc3BvbnNlLmVtaXQodHJ1ZSk7XG4gICAgICAgIH0pLmNhdGNoKChlcnIpPT57XG4gICAgICAgICAgICB0aGlzLnJlc3BvbnNlLmVtaXQoZmFsc2UpO1xuICAgICAgICB9KTtcbiAgICB9XG5cbn1cbiJdfQ==