ngx-social-button
Version:
Social login/share buttons for Angular 6, 7, 8
74 lines (73 loc) • 11.9 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';
var FacebookSharingButton = /** @class */ (function () {
function FacebookSharingButton(socialAuthService, document) {
this.socialAuthService = socialAuthService;
this.document = document;
this.share = null;
this.response = new EventEmitter();
}
/**
* @return {?}
*/
FacebookSharingButton.prototype.ngOnInit = /**
* @return {?}
*/
function () {
};
/**
* @return {?}
*/
FacebookSharingButton.prototype.sharing = /**
* @return {?}
*/
function () {
var _this = this;
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(function () {
_this.response.emit(true);
}).catch(function (err) {
_this.response.emit(false);
});
};
FacebookSharingButton.decorators = [
{ type: Component, args: [{
selector: 'facebook-share-button',
template: "\n <button class=\"button btn-block loginBtn --facebook\" \n (click)=\"sharing()\" type=\"button\">Share</button>\n ",
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 = function () { return [
{ type: SocialService },
{ type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] }] }
]; };
FacebookSharingButton.propDecorators = {
share: [{ type: Input }],
response: [{ type: Output }]
};
return FacebookSharingButton;
}());
export { FacebookSharingButton };
if (false) {
/** @type {?} */
FacebookSharingButton.prototype.share;
/** @type {?} */
FacebookSharingButton.prototype.response;
/** @type {?} */
FacebookSharingButton.prototype.socialAuthService;
/** @type {?} */
FacebookSharingButton.prototype.document;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFjZWJvb2tTaGFyaW5nQnV0dG9uLmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmd4LXNvY2lhbC1idXR0b24vIiwic291cmNlcyI6WyJsaWIvYnV0dG9ucy9mYWNlYm9va1NoYXJpbmdCdXR0b24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQVUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3JGLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUV6QyxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sbUJBQW1CLENBQUM7O0lBZTVDLCtCQUFvQixpQkFBZ0MsRUFDekIsUUFBYTtRQURwQixzQkFBaUIsR0FBakIsaUJBQWlCLENBQWU7UUFDekIsYUFBUSxHQUFSLFFBQVEsQ0FBSztxQkFKbEIsSUFBSTt3QkFDTCxJQUFJLFlBQVksRUFBVztLQUdIOzs7O0lBRTdDLHdDQUFROzs7SUFBUjtLQUVDOzs7O0lBRU0sdUNBQU87Ozs7O1FBQ1YsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN6QyxFQUFFLENBQUEsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQSxDQUFDO1lBQ1osSUFBSSxDQUFDLEtBQUssR0FBRyxFQUFDLElBQUksRUFBQyxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUMsQ0FBQTtTQUNsRDtRQUFBLElBQUksQ0FBQyxFQUFFLENBQUEsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUEsQ0FBQztZQUN2QixJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUE7U0FDaEQ7UUFDRCxJQUFJLENBQUMsaUJBQWlCLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxJQUFJLENBQUM7WUFDcEQsS0FBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDNUIsQ0FBQyxDQUFDLEtBQUssQ0FBQyxVQUFDLEdBQUc7WUFDVCxLQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUM3QixDQUFDLENBQUM7OztnQkEvQlYsU0FBUyxTQUFDO29CQUNQLFFBQVEsRUFBRSx1QkFBdUI7b0JBQ2pDLFFBQVEsRUFBRSx5SUFHWDtvQkFDQyxNQUFNLEVBQUUsQ0FBQyx1aUZBQStoRixDQUFDO2lCQUM1aUY7Ozs7Z0JBVE8sYUFBYTtnREFnQmYsTUFBTSxTQUFDLFFBQVE7Ozt3QkFKaEIsS0FBSzsyQkFDTCxNQUFNOztnQ0FoQlg7O1NBYWEscUJBQXFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBJbmplY3R9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtET0NVTUVOVH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuaW1wb3J0IHtTb2NpYWxTZXJ2aWNlfSBmcm9tICcuLi9zb2NpYWwuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZmFjZWJvb2stc2hhcmUtYnV0dG9uJyxcbiAgICB0ZW1wbGF0ZTogYFxuICAgICAgPGJ1dHRvbiBjbGFzcz1cImJ1dHRvbiBidG4tYmxvY2sgbG9naW5CdG4gLS1mYWNlYm9va1wiIFxuICAgICAgICAgICAgICAoY2xpY2spPVwic2hhcmluZygpXCIgdHlwZT1cImJ1dHRvblwiPlNoYXJlPC9idXR0b24+XG4gIGAsXG4gICAgc3R5bGVzOiBbYC5idXR0b257Zm9udC1mYW1pbHk6TGF0byxcIkx1Y2lkYSBHcmFuZGVcIixcIkx1Y2lkYSBTYW5zIFVuaWNvZGVcIixUYWhvbWEsU2Fucy1TZXJpZjstd2Via2l0LWFwcGVhcmFuY2U6bm9uZTtkaXNwbGF5OmlubGluZS1ibG9jaztvdXRsaW5lOjA7Ym9yZGVyLXJhZGl1czozcHg7Ym9yZGVyOjNweCBzb2xpZCB0cmFuc3BhcmVudDtjdXJzb3I6cG9pbnRlcjt0ZXh0LW92ZXJmbG93OmVsbGlwc2lzO3RleHQtZGVjb3JhdGlvbjpub25lIWltcG9ydGFudDtmb250LXdlaWdodDo0MDAhaW1wb3J0YW50fS5sb2dpbkJ0bntib3gtc2l6aW5nOmJvcmRlci1ib3g7cG9zaXRpb246cmVsYXRpdmU7bWFyZ2luOi4yZW07cGFkZGluZzowIDE1cHggMCA0NnB4O2JvcmRlcjpub25lO3RleHQtYWxpZ246bGVmdDtsaW5lLWhlaWdodDozNHB4O3doaXRlLXNwYWNlOm5vd3JhcDtib3JkZXItcmFkaXVzOjNweDtmb250LXNpemU6MTZweDtjb2xvcjojZmZmfS5sb2dpbkJ0bjpiZWZvcmV7Y29udGVudDpcIlwiO2JveC1zaXppbmc6Ym9yZGVyLWJveDtwb3NpdGlvbjphYnNvbHV0ZTt0b3A6MDtsZWZ0OjA7d2lkdGg6MzRweDtoZWlnaHQ6MTAwJX0ubG9naW5CdG46Zm9jdXN7b3V0bGluZTowfS5sb2dpbkJ0bjphY3RpdmV7Ym94LXNoYWRvdzppbnNldCAwIDAgMCAzMnB4IHJnYmEoMCwwLDAsLjEpfS5zaGFyZUJ0bntib3gtc2l6aW5nOmJvcmRlci1ib3g7cG9zaXRpb246cmVsYXRpdmU7bWFyZ2luOi4yZW07cGFkZGluZzowIDE1cHggMCA0NnB4O2JvcmRlcjpub25lO3RleHQtYWxpZ246bGVmdDtsaW5lLWhlaWdodDozNHB4O3doaXRlLXNwYWNlOm5vd3JhcDtib3JkZXItcmFkaXVzOjNweDtmb250LXNpemU6MTZweDtjb2xvcjojZmZmfS5zaGFyZUJ0bjpiZWZvcmV7Y29udGVudDpcIlwiO2JveC1zaXppbmc6Ym9yZGVyLWJveDtwb3NpdGlvbjphYnNvbHV0ZTt0b3A6MDtsZWZ0OjA7d2lkdGg6MzRweDtoZWlnaHQ6MTAwJX0uc2hhcmVCdG46Zm9jdXN7b3V0bGluZTowfS5zaGFyZUJ0bjphY3RpdmV7Ym94LXNoYWRvdzppbnNldCAwIDAgMCAzMnB4IHJnYmEoMCwwLDAsLjEpfS4tLWZhY2Vib29re2JhY2tncm91bmQtY29sb3I6IzRjNjliYTtiYWNrZ3JvdW5kLWltYWdlOmxpbmVhci1ncmFkaWVudCgjNGM2OWJhLCMzYjU1YTApO3RleHQtc2hhZG93OjAgLTFweCAwICMzNTRjOGN9Li0tZmFjZWJvb2s6YmVmb3Jle2JvcmRlci1yaWdodDoxcHggc29saWQgIzM2NGU5MjtiYWNrZ3JvdW5kOnVybChodHRwczovL3MzLXVzLXdlc3QtMi5hbWF6b25hd3MuY29tL3MuY2Rwbi5pby8xNDA4Mi9pY29uX2ZhY2Vib29rLnBuZykgNnB4IDZweCBuby1yZXBlYXR9Li0tZmFjZWJvb2s6Zm9jdXMsLi0tZmFjZWJvb2s6aG92ZXJ7YmFja2dyb3VuZC1jb2xvcjojNWI3YmQ1O2JhY2tncm91bmQtaW1hZ2U6bGluZWFyLWdyYWRpZW50KCM1YjdiZDUsIzQ4NjRiMSl9Li0tZ29vZ2xle2JhY2tncm91bmQ6I2RkNGIzOX0uLS1nb29nbGU6YmVmb3Jle2JvcmRlci1yaWdodDoxcHggc29saWQgI2JiM2YzMDtiYWNrZ3JvdW5kOnVybChodHRwczovL3MzLXVzLXdlc3QtMi5hbWF6b25hd3MuY29tL3MuY2Rwbi5pby8xNDA4Mi9pY29uX2dvb2dsZS5wbmcpIDZweCA2cHggbm8tcmVwZWF0fS4tLWdvb2dsZTpmb2N1cywuLS1nb29nbGU6aG92ZXJ7YmFja2dyb3VuZDojZTc0YjM3fS4tLWxpbmtlZGlue2JhY2tncm91bmQ6IzAwN2JiNn0uLS1saW5rZWRpbjpiZWZvcmV7Ym9yZGVyLXJpZ2h0OjFweCBzb2xpZCAjMDA3YmI2O2JhY2tncm91bmQ6dXJsKGh0dHBzOi8vY29udGVudC5saW5rZWRpbi5jb20vY29udGVudC9kYW0vZGV2ZWxvcGVyL2dsb2JhbC9lbl9VUy9zaXRlL2ltZy9zaWduaW4tYnV0dG9uLnBuZykgLTNweCAtM3B4IG5vLXJlcGVhdH0uLS1saW5rZWRpbjpmb2N1cywuLS1saW5rZWRpbjpob3ZlcntiYWNrZ3JvdW5kOmxpbmVhci1ncmFkaWVudCgjMDA3YmI2LCM0ODY0YjEpfS5zb2NpYWwtYnRue3dpZHRoOjUwcHg7aGVpZ2h0OjUwcHg7YmFja2dyb3VuZC1zaXplOmNvdmVyO2JhY2tncm91bmQtcmVwZWF0Om5vLXJlcGVhdDtjdXJzb3I6cG9pbnRlcjtib3JkZXItcmFkaXVzOjEwcHg7Ym9yZGVyOm5vbmV9LnNvY2lhbC1idG4uZmFjZWJvb2t7YmFja2dyb3VuZC1pbWFnZTp1cmwoaHR0cHM6Ly9yYXcuZ2l0aHVidXNlcmNvbnRlbnQuY29tL0pvaG5uaWVMaS9uZ3gtc29jaWFsLWJ1dHRvbi9tYXN0ZXIvYXNzZXRzL2ZhY2Vib29rLnBuZyl9LnNvY2lhbC1idG4uZ29vZ2xle2JhY2tncm91bmQtaW1hZ2U6dXJsKGh0dHBzOi8vcmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbS9Kb2hubmllTGkvbmd4LXNvY2lhbC1idXR0b24vbWFzdGVyL2Fzc2V0cy9nb29nbGUucG5nKX0uc29jaWFsLWJ0bi5saW5rZWRpbntiYWNrZ3JvdW5kLWltYWdlOnVybChodHRwczovL3Jhdy5naXRodWJ1c2VyY29udGVudC5jb20vSm9obm5pZUxpL25neC1zb2NpYWwtYnV0dG9uL21hc3Rlci9hc3NldHMvTGlua2VkSW4ucG5nKX0uc29jaWFsLWJ0bi53ZWNoYXR7YmFja2dyb3VuZC1pbWFnZTp1cmwoaHR0cHM6Ly9naXRodWIuY29tL0pvaG5uaWVMaS9uZ3gtc29jaWFsLWJ1dHRvbi9ibG9iL21hc3Rlci9hc3NldHMvd2VjaGF0LnBuZz9yYXc9dHJ1ZSl9YF0sXG59KVxuZXhwb3J0IGNsYXNzIEZhY2Vib29rU2hhcmluZ0J1dHRvbiBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgICBASW5wdXQoKSBzaGFyZTogYW55ID0gbnVsbDtcbiAgICBAT3V0cHV0KCkgcmVzcG9uc2UgPSBuZXcgRXZlbnRFbWl0dGVyPEJvb2xlYW4+KCk7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIHNvY2lhbEF1dGhTZXJ2aWNlOiBTb2NpYWxTZXJ2aWNlLFxuICAgICBASW5qZWN0KERPQ1VNRU5UKSBwcml2YXRlIGRvY3VtZW50OiBhbnkpIHsgfVxuXG4gICAgbmdPbkluaXQoKSB7XG5cbiAgICB9XG5cbiAgICBwdWJsaWMgc2hhcmluZygpIHtcbiAgICAgICAgY29uc29sZS5sb2codGhpcy5kb2N1bWVudC5sb2NhdGlvbi5ocmVmKTtcbiAgICAgICAgaWYoIXRoaXMuc2hhcmUpe1xuICAgICAgICAgICAgdGhpcy5zaGFyZSA9IHtocmVmOnRoaXMuZG9jdW1lbnQubG9jYXRpb24uaHJlZn1cbiAgICAgICAgfWVsc2UgaWYoIXRoaXMuc2hhcmUuaHJlZil7XG4gICAgICAgICAgICB0aGlzLnNoYXJlLmhyZWYgPSB0aGlzLmRvY3VtZW50LmxvY2F0aW9uLmhyZWZcbiAgICAgICAgfVxuICAgICAgICB0aGlzLnNvY2lhbEF1dGhTZXJ2aWNlLmZhY2Vib29rU2hhcmluZyh0aGlzLnNoYXJlKS50aGVuKCgpPT57XG4gICAgICAgICAgICB0aGlzLnJlc3BvbnNlLmVtaXQodHJ1ZSk7XG4gICAgICAgIH0pLmNhdGNoKChlcnIpPT57XG4gICAgICAgICAgICB0aGlzLnJlc3BvbnNlLmVtaXQoZmFsc2UpO1xuICAgICAgICB9KTtcbiAgICB9XG5cbn1cbiJdfQ==