ngx-social-button
Version:
Social login/share buttons for Angular 6, 7, 8
71 lines (70 loc) • 11.3 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
*/
import { Component, Input, Output, EventEmitter } from '@angular/core';
import { SocialService } from '../social.service';
var FacebookLoginButton = /** @class */ (function () {
function FacebookLoginButton(socialAuthService) {
this.socialAuthService = socialAuthService;
this.socialUser = new EventEmitter();
}
/**
* @return {?}
*/
FacebookLoginButton.prototype.ngOnInit = /**
* @return {?}
*/
function () {
};
/**
* @return {?}
*/
FacebookLoginButton.prototype.socialSignIn = /**
* @return {?}
*/
function () {
var _this = this;
this.socialAuthService.signIn('facebook', this.scopes).then(function (userData) {
console.log("socialSignIn", userData);
_this.socialUser.emit(userData);
}).catch(function () {
_this.socialUser.emit(null);
});
};
FacebookLoginButton.decorators = [
{ type: Component, args: [{
selector: 'facebook-login-button',
template: "\n <button [className]=\"style == 'round' ? 'social-btn facebook ' : 'button btn-block loginBtn --facebook '\"\n (click)=\"socialSignIn()\" type=\"button\">\n {{style == 'round' ? '': text ? text : 'Login with Facebook'}}</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 */
FacebookLoginButton.ctorParameters = function () { return [
{ type: SocialService }
]; };
FacebookLoginButton.propDecorators = {
size: [{ type: Input }],
text: [{ type: Input }],
style: [{ type: Input }],
scopes: [{ type: Input }],
socialUser: [{ type: Output }]
};
return FacebookLoginButton;
}());
export { FacebookLoginButton };
if (false) {
/** @type {?} */
FacebookLoginButton.prototype.size;
/** @type {?} */
FacebookLoginButton.prototype.text;
/** @type {?} */
FacebookLoginButton.prototype.style;
/** @type {?} */
FacebookLoginButton.prototype.scopes;
/** @type {?} */
FacebookLoginButton.prototype.socialUser;
/** @type {?} */
FacebookLoginButton.prototype.socialAuthService;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFjZWJvb2tMb2dpbkJ1dHRvbi5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25neC1zb2NpYWwtYnV0dG9uLyIsInNvdXJjZXMiOlsibGliL2J1dHRvbnMvZmFjZWJvb2tMb2dpbkJ1dHRvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUM5RSxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sbUJBQW1CLENBQUM7O0lBbUI5Qyw2QkFBb0IsaUJBQWdDO1FBQWhDLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBZTswQkFGN0IsSUFBSSxZQUFZLEVBQWM7S0FFSTs7OztJQUV6RCxzQ0FBUTs7O0lBQVI7S0FFQzs7OztJQUVNLDBDQUFZOzs7OztRQUNqQixJQUFJLENBQUMsaUJBQWlCLENBQUMsTUFBTSxDQUFDLFVBQVUsRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsSUFBSSxDQUN6RCxVQUFDLFFBQW1CO1lBQ2xCLE9BQU8sQ0FBQyxHQUFHLENBQUMsY0FBYyxFQUFFLFFBQVEsQ0FBQyxDQUFDO1lBQ3ZDLEtBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFBO1NBQzlCLENBQ0YsQ0FBQyxLQUFLLENBQUM7WUFDSixLQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUM5QixDQUFDLENBQUM7OztnQkEvQk4sU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSx1QkFBdUI7b0JBQ2pDLFFBQVEsRUFBRSx1UUFJVDtvQkFDQyxNQUFNLEVBQUUsQ0FBQyx1aUZBQStoRixDQUFDO2lCQUM1aUY7Ozs7Z0JBVk8sYUFBYTs7O3VCQWFsQixLQUFLO3VCQUNMLEtBQUs7d0JBQ0wsS0FBSzt5QkFDTCxLQUFLOzZCQUNMLE1BQU07OzhCQWxCVDs7U0FZYSxtQkFBbUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7U29jaWFsU2VydmljZX0gZnJvbSAnLi4vc29jaWFsLnNlcnZpY2UnO1xuaW1wb3J0IHsgU29jaWFsVXNlciB9IGZyb20gJy4uL2VudGl0aWVzJztcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ZhY2Vib29rLWxvZ2luLWJ1dHRvbicsXG4gIHRlbXBsYXRlOiBgXG4gICAgICA8YnV0dG9uIFtjbGFzc05hbWVdPVwic3R5bGUgPT0gJ3JvdW5kJyA/ICdzb2NpYWwtYnRuIGZhY2Vib29rICcgOiAnYnV0dG9uIGJ0bi1ibG9jayBsb2dpbkJ0biAtLWZhY2Vib29rICdcIlxuICAgICAgICAgICAgICAoY2xpY2spPVwic29jaWFsU2lnbkluKClcIiB0eXBlPVwiYnV0dG9uXCI+XG4gICAgICAgICAge3tzdHlsZSA9PSAncm91bmQnID8gJyc6IHRleHQgPyB0ZXh0IDogJ0xvZ2luIHdpdGggRmFjZWJvb2snfX08L2J1dHRvbj5cbiAgYCxcbiAgICBzdHlsZXM6IFtgLmJ1dHRvbntmb250LWZhbWlseTpMYXRvLFwiTHVjaWRhIEdyYW5kZVwiLFwiTHVjaWRhIFNhbnMgVW5pY29kZVwiLFRhaG9tYSxTYW5zLVNlcmlmOy13ZWJraXQtYXBwZWFyYW5jZTpub25lO2Rpc3BsYXk6aW5saW5lLWJsb2NrO291dGxpbmU6MDtib3JkZXItcmFkaXVzOjNweDtib3JkZXI6M3B4IHNvbGlkIHRyYW5zcGFyZW50O2N1cnNvcjpwb2ludGVyO3RleHQtb3ZlcmZsb3c6ZWxsaXBzaXM7dGV4dC1kZWNvcmF0aW9uOm5vbmUhaW1wb3J0YW50O2ZvbnQtd2VpZ2h0OjQwMCFpbXBvcnRhbnR9LmxvZ2luQnRue2JveC1zaXppbmc6Ym9yZGVyLWJveDtwb3NpdGlvbjpyZWxhdGl2ZTttYXJnaW46LjJlbTtwYWRkaW5nOjAgMTVweCAwIDQ2cHg7Ym9yZGVyOm5vbmU7dGV4dC1hbGlnbjpsZWZ0O2xpbmUtaGVpZ2h0OjM0cHg7d2hpdGUtc3BhY2U6bm93cmFwO2JvcmRlci1yYWRpdXM6M3B4O2ZvbnQtc2l6ZToxNnB4O2NvbG9yOiNmZmZ9LmxvZ2luQnRuOmJlZm9yZXtjb250ZW50OlwiXCI7Ym94LXNpemluZzpib3JkZXItYm94O3Bvc2l0aW9uOmFic29sdXRlO3RvcDowO2xlZnQ6MDt3aWR0aDozNHB4O2hlaWdodDoxMDAlfS5sb2dpbkJ0bjpmb2N1c3tvdXRsaW5lOjB9LmxvZ2luQnRuOmFjdGl2ZXtib3gtc2hhZG93Omluc2V0IDAgMCAwIDMycHggcmdiYSgwLDAsMCwuMSl9LnNoYXJlQnRue2JveC1zaXppbmc6Ym9yZGVyLWJveDtwb3NpdGlvbjpyZWxhdGl2ZTttYXJnaW46LjJlbTtwYWRkaW5nOjAgMTVweCAwIDQ2cHg7Ym9yZGVyOm5vbmU7dGV4dC1hbGlnbjpsZWZ0O2xpbmUtaGVpZ2h0OjM0cHg7d2hpdGUtc3BhY2U6bm93cmFwO2JvcmRlci1yYWRpdXM6M3B4O2ZvbnQtc2l6ZToxNnB4O2NvbG9yOiNmZmZ9LnNoYXJlQnRuOmJlZm9yZXtjb250ZW50OlwiXCI7Ym94LXNpemluZzpib3JkZXItYm94O3Bvc2l0aW9uOmFic29sdXRlO3RvcDowO2xlZnQ6MDt3aWR0aDozNHB4O2hlaWdodDoxMDAlfS5zaGFyZUJ0bjpmb2N1c3tvdXRsaW5lOjB9LnNoYXJlQnRuOmFjdGl2ZXtib3gtc2hhZG93Omluc2V0IDAgMCAwIDMycHggcmdiYSgwLDAsMCwuMSl9Li0tZmFjZWJvb2t7YmFja2dyb3VuZC1jb2xvcjojNGM2OWJhO2JhY2tncm91bmQtaW1hZ2U6bGluZWFyLWdyYWRpZW50KCM0YzY5YmEsIzNiNTVhMCk7dGV4dC1zaGFkb3c6MCAtMXB4IDAgIzM1NGM4Y30uLS1mYWNlYm9vazpiZWZvcmV7Ym9yZGVyLXJpZ2h0OjFweCBzb2xpZCAjMzY0ZTkyO2JhY2tncm91bmQ6dXJsKGh0dHBzOi8vczMtdXMtd2VzdC0yLmFtYXpvbmF3cy5jb20vcy5jZHBuLmlvLzE0MDgyL2ljb25fZmFjZWJvb2sucG5nKSA2cHggNnB4IG5vLXJlcGVhdH0uLS1mYWNlYm9vazpmb2N1cywuLS1mYWNlYm9vazpob3ZlcntiYWNrZ3JvdW5kLWNvbG9yOiM1YjdiZDU7YmFja2dyb3VuZC1pbWFnZTpsaW5lYXItZ3JhZGllbnQoIzViN2JkNSwjNDg2NGIxKX0uLS1nb29nbGV7YmFja2dyb3VuZDojZGQ0YjM5fS4tLWdvb2dsZTpiZWZvcmV7Ym9yZGVyLXJpZ2h0OjFweCBzb2xpZCAjYmIzZjMwO2JhY2tncm91bmQ6dXJsKGh0dHBzOi8vczMtdXMtd2VzdC0yLmFtYXpvbmF3cy5jb20vcy5jZHBuLmlvLzE0MDgyL2ljb25fZ29vZ2xlLnBuZykgNnB4IDZweCBuby1yZXBlYXR9Li0tZ29vZ2xlOmZvY3VzLC4tLWdvb2dsZTpob3ZlcntiYWNrZ3JvdW5kOiNlNzRiMzd9Li0tbGlua2VkaW57YmFja2dyb3VuZDojMDA3YmI2fS4tLWxpbmtlZGluOmJlZm9yZXtib3JkZXItcmlnaHQ6MXB4IHNvbGlkICMwMDdiYjY7YmFja2dyb3VuZDp1cmwoaHR0cHM6Ly9jb250ZW50LmxpbmtlZGluLmNvbS9jb250ZW50L2RhbS9kZXZlbG9wZXIvZ2xvYmFsL2VuX1VTL3NpdGUvaW1nL3NpZ25pbi1idXR0b24ucG5nKSAtM3B4IC0zcHggbm8tcmVwZWF0fS4tLWxpbmtlZGluOmZvY3VzLC4tLWxpbmtlZGluOmhvdmVye2JhY2tncm91bmQ6bGluZWFyLWdyYWRpZW50KCMwMDdiYjYsIzQ4NjRiMSl9LnNvY2lhbC1idG57d2lkdGg6NTBweDtoZWlnaHQ6NTBweDtiYWNrZ3JvdW5kLXNpemU6Y292ZXI7YmFja2dyb3VuZC1yZXBlYXQ6bm8tcmVwZWF0O2N1cnNvcjpwb2ludGVyO2JvcmRlci1yYWRpdXM6MTBweDtib3JkZXI6bm9uZX0uc29jaWFsLWJ0bi5mYWNlYm9va3tiYWNrZ3JvdW5kLWltYWdlOnVybChodHRwczovL3Jhdy5naXRodWJ1c2VyY29udGVudC5jb20vSm9obm5pZUxpL25neC1zb2NpYWwtYnV0dG9uL21hc3Rlci9hc3NldHMvZmFjZWJvb2sucG5nKX0uc29jaWFsLWJ0bi5nb29nbGV7YmFja2dyb3VuZC1pbWFnZTp1cmwoaHR0cHM6Ly9yYXcuZ2l0aHVidXNlcmNvbnRlbnQuY29tL0pvaG5uaWVMaS9uZ3gtc29jaWFsLWJ1dHRvbi9tYXN0ZXIvYXNzZXRzL2dvb2dsZS5wbmcpfS5zb2NpYWwtYnRuLmxpbmtlZGlue2JhY2tncm91bmQtaW1hZ2U6dXJsKGh0dHBzOi8vcmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbS9Kb2hubmllTGkvbmd4LXNvY2lhbC1idXR0b24vbWFzdGVyL2Fzc2V0cy9MaW5rZWRJbi5wbmcpfS5zb2NpYWwtYnRuLndlY2hhdHtiYWNrZ3JvdW5kLWltYWdlOnVybChodHRwczovL2dpdGh1Yi5jb20vSm9obm5pZUxpL25neC1zb2NpYWwtYnV0dG9uL2Jsb2IvbWFzdGVyL2Fzc2V0cy93ZWNoYXQucG5nP3Jhdz10cnVlKX1gXSxcbn0pXG5leHBvcnQgY2xhc3MgRmFjZWJvb2tMb2dpbkJ1dHRvbiBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgQElucHV0KCkgc2l6ZTogc3RyaW5nO1xuICBASW5wdXQoKSB0ZXh0OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHN0eWxlOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHNjb3BlczogW3N0cmluZ107XG4gIEBPdXRwdXQoKSBzb2NpYWxVc2VyID0gbmV3IEV2ZW50RW1pdHRlcjxTb2NpYWxVc2VyPigpO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgc29jaWFsQXV0aFNlcnZpY2U6IFNvY2lhbFNlcnZpY2UpIHsgfVxuXG4gIG5nT25Jbml0KCkge1xuXG4gIH1cblxuICBwdWJsaWMgc29jaWFsU2lnbkluKCkgeyAgICBcbiAgICB0aGlzLnNvY2lhbEF1dGhTZXJ2aWNlLnNpZ25JbignZmFjZWJvb2snLCB0aGlzLnNjb3BlcykudGhlbihcbiAgICAgICh1c2VyRGF0YTpTb2NpYWxVc2VyKSA9PiB7XG4gICAgICAgIGNvbnNvbGUubG9nKFwic29jaWFsU2lnbkluXCIsIHVzZXJEYXRhKTtcbiAgICAgICB0aGlzLnNvY2lhbFVzZXIuZW1pdCh1c2VyRGF0YSlcbiAgICAgIH1cbiAgICApLmNhdGNoKCgpPT57XG4gICAgICAgIHRoaXMuc29jaWFsVXNlci5lbWl0KG51bGwpO1xuICAgIH0pO1xuICB9XG5cbn1cbiJdfQ==