ngx-social-button
Version:
Social login/share buttons for Angular 6, 7, 8
69 lines (68 loc) • 10.9 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';
export class FacebookLoginButton {
/**
* @param {?} socialAuthService
*/
constructor(socialAuthService) {
this.socialAuthService = socialAuthService;
this.socialUser = new EventEmitter();
}
/**
* @return {?}
*/
ngOnInit() {
}
/**
* @return {?}
*/
socialSignIn() {
this.socialAuthService.signIn('facebook', this.scopes).then((userData) => {
console.log("socialSignIn", userData);
this.socialUser.emit(userData);
}).catch(() => {
this.socialUser.emit(null);
});
}
}
FacebookLoginButton.decorators = [
{ type: Component, args: [{
selector: 'facebook-login-button',
template: `
<button [className]="style == 'round' ? 'social-btn facebook ' : 'button btn-block loginBtn --facebook '"
(click)="socialSignIn()" type="button">
{{style == 'round' ? '': text ? text : 'Login with Facebook'}}</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 */
FacebookLoginButton.ctorParameters = () => [
{ type: SocialService }
];
FacebookLoginButton.propDecorators = {
size: [{ type: Input }],
text: [{ type: Input }],
style: [{ type: Input }],
scopes: [{ type: Input }],
socialUser: [{ type: Output }]
};
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFjZWJvb2tMb2dpbkJ1dHRvbi5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25neC1zb2NpYWwtYnV0dG9uLyIsInNvdXJjZXMiOlsibGliL2J1dHRvbnMvZmFjZWJvb2tMb2dpbkJ1dHRvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUM5RSxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sbUJBQW1CLENBQUM7QUFXaEQsTUFBTTs7OztJQVFKLFlBQW9CLGlCQUFnQztRQUFoQyxzQkFBaUIsR0FBakIsaUJBQWlCLENBQWU7MEJBRjdCLElBQUksWUFBWSxFQUFjO0tBRUk7Ozs7SUFFekQsUUFBUTtLQUVQOzs7O0lBRU0sWUFBWTtRQUNqQixJQUFJLENBQUMsaUJBQWlCLENBQUMsTUFBTSxDQUFDLFVBQVUsRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsSUFBSSxDQUN6RCxDQUFDLFFBQW1CLEVBQUUsRUFBRTtZQUN0QixPQUFPLENBQUMsR0FBRyxDQUFDLGNBQWMsRUFBRSxRQUFRLENBQUMsQ0FBQztZQUN2QyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQTtTQUM5QixDQUNGLENBQUMsS0FBSyxDQUFDLEdBQUUsRUFBRTtZQUNSLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1NBQzlCLENBQUMsQ0FBQzs7OztZQS9CTixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLHVCQUF1QjtnQkFDakMsUUFBUSxFQUFFOzs7O0dBSVQ7Z0JBQ0MsTUFBTSxFQUFFLENBQUMsK2hGQUEraEYsQ0FBQzthQUM1aUY7Ozs7WUFWTyxhQUFhOzs7bUJBYWxCLEtBQUs7bUJBQ0wsS0FBSztvQkFDTCxLQUFLO3FCQUNMLEtBQUs7eUJBQ0wsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXJ9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtTb2NpYWxTZXJ2aWNlfSBmcm9tICcuLi9zb2NpYWwuc2VydmljZSc7XG5pbXBvcnQgeyBTb2NpYWxVc2VyIH0gZnJvbSAnLi4vZW50aXRpZXMnO1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZmFjZWJvb2stbG9naW4tYnV0dG9uJyxcbiAgdGVtcGxhdGU6IGBcbiAgICAgIDxidXR0b24gW2NsYXNzTmFtZV09XCJzdHlsZSA9PSAncm91bmQnID8gJ3NvY2lhbC1idG4gZmFjZWJvb2sgJyA6ICdidXR0b24gYnRuLWJsb2NrIGxvZ2luQnRuIC0tZmFjZWJvb2sgJ1wiXG4gICAgICAgICAgICAgIChjbGljayk9XCJzb2NpYWxTaWduSW4oKVwiIHR5cGU9XCJidXR0b25cIj5cbiAgICAgICAgICB7e3N0eWxlID09ICdyb3VuZCcgPyAnJzogdGV4dCA/IHRleHQgOiAnTG9naW4gd2l0aCBGYWNlYm9vayd9fTwvYnV0dG9uPlxuICBgLFxuICAgIHN0eWxlczogW2AuYnV0dG9ue2ZvbnQtZmFtaWx5OkxhdG8sXCJMdWNpZGEgR3JhbmRlXCIsXCJMdWNpZGEgU2FucyBVbmljb2RlXCIsVGFob21hLFNhbnMtU2VyaWY7LXdlYmtpdC1hcHBlYXJhbmNlOm5vbmU7ZGlzcGxheTppbmxpbmUtYmxvY2s7b3V0bGluZTowO2JvcmRlci1yYWRpdXM6M3B4O2JvcmRlcjozcHggc29saWQgdHJhbnNwYXJlbnQ7Y3Vyc29yOnBvaW50ZXI7dGV4dC1vdmVyZmxvdzplbGxpcHNpczt0ZXh0LWRlY29yYXRpb246bm9uZSFpbXBvcnRhbnQ7Zm9udC13ZWlnaHQ6NDAwIWltcG9ydGFudH0ubG9naW5CdG57Ym94LXNpemluZzpib3JkZXItYm94O3Bvc2l0aW9uOnJlbGF0aXZlO21hcmdpbjouMmVtO3BhZGRpbmc6MCAxNXB4IDAgNDZweDtib3JkZXI6bm9uZTt0ZXh0LWFsaWduOmxlZnQ7bGluZS1oZWlnaHQ6MzRweDt3aGl0ZS1zcGFjZTpub3dyYXA7Ym9yZGVyLXJhZGl1czozcHg7Zm9udC1zaXplOjE2cHg7Y29sb3I6I2ZmZn0ubG9naW5CdG46YmVmb3Jle2NvbnRlbnQ6XCJcIjtib3gtc2l6aW5nOmJvcmRlci1ib3g7cG9zaXRpb246YWJzb2x1dGU7dG9wOjA7bGVmdDowO3dpZHRoOjM0cHg7aGVpZ2h0OjEwMCV9LmxvZ2luQnRuOmZvY3Vze291dGxpbmU6MH0ubG9naW5CdG46YWN0aXZle2JveC1zaGFkb3c6aW5zZXQgMCAwIDAgMzJweCByZ2JhKDAsMCwwLC4xKX0uc2hhcmVCdG57Ym94LXNpemluZzpib3JkZXItYm94O3Bvc2l0aW9uOnJlbGF0aXZlO21hcmdpbjouMmVtO3BhZGRpbmc6MCAxNXB4IDAgNDZweDtib3JkZXI6bm9uZTt0ZXh0LWFsaWduOmxlZnQ7bGluZS1oZWlnaHQ6MzRweDt3aGl0ZS1zcGFjZTpub3dyYXA7Ym9yZGVyLXJhZGl1czozcHg7Zm9udC1zaXplOjE2cHg7Y29sb3I6I2ZmZn0uc2hhcmVCdG46YmVmb3Jle2NvbnRlbnQ6XCJcIjtib3gtc2l6aW5nOmJvcmRlci1ib3g7cG9zaXRpb246YWJzb2x1dGU7dG9wOjA7bGVmdDowO3dpZHRoOjM0cHg7aGVpZ2h0OjEwMCV9LnNoYXJlQnRuOmZvY3Vze291dGxpbmU6MH0uc2hhcmVCdG46YWN0aXZle2JveC1zaGFkb3c6aW5zZXQgMCAwIDAgMzJweCByZ2JhKDAsMCwwLC4xKX0uLS1mYWNlYm9va3tiYWNrZ3JvdW5kLWNvbG9yOiM0YzY5YmE7YmFja2dyb3VuZC1pbWFnZTpsaW5lYXItZ3JhZGllbnQoIzRjNjliYSwjM2I1NWEwKTt0ZXh0LXNoYWRvdzowIC0xcHggMCAjMzU0YzhjfS4tLWZhY2Vib29rOmJlZm9yZXtib3JkZXItcmlnaHQ6MXB4IHNvbGlkICMzNjRlOTI7YmFja2dyb3VuZDp1cmwoaHR0cHM6Ly9zMy11cy13ZXN0LTIuYW1hem9uYXdzLmNvbS9zLmNkcG4uaW8vMTQwODIvaWNvbl9mYWNlYm9vay5wbmcpIDZweCA2cHggbm8tcmVwZWF0fS4tLWZhY2Vib29rOmZvY3VzLC4tLWZhY2Vib29rOmhvdmVye2JhY2tncm91bmQtY29sb3I6IzViN2JkNTtiYWNrZ3JvdW5kLWltYWdlOmxpbmVhci1ncmFkaWVudCgjNWI3YmQ1LCM0ODY0YjEpfS4tLWdvb2dsZXtiYWNrZ3JvdW5kOiNkZDRiMzl9Li0tZ29vZ2xlOmJlZm9yZXtib3JkZXItcmlnaHQ6MXB4IHNvbGlkICNiYjNmMzA7YmFja2dyb3VuZDp1cmwoaHR0cHM6Ly9zMy11cy13ZXN0LTIuYW1hem9uYXdzLmNvbS9zLmNkcG4uaW8vMTQwODIvaWNvbl9nb29nbGUucG5nKSA2cHggNnB4IG5vLXJlcGVhdH0uLS1nb29nbGU6Zm9jdXMsLi0tZ29vZ2xlOmhvdmVye2JhY2tncm91bmQ6I2U3NGIzN30uLS1saW5rZWRpbntiYWNrZ3JvdW5kOiMwMDdiYjZ9Li0tbGlua2VkaW46YmVmb3Jle2JvcmRlci1yaWdodDoxcHggc29saWQgIzAwN2JiNjtiYWNrZ3JvdW5kOnVybChodHRwczovL2NvbnRlbnQubGlua2VkaW4uY29tL2NvbnRlbnQvZGFtL2RldmVsb3Blci9nbG9iYWwvZW5fVVMvc2l0ZS9pbWcvc2lnbmluLWJ1dHRvbi5wbmcpIC0zcHggLTNweCBuby1yZXBlYXR9Li0tbGlua2VkaW46Zm9jdXMsLi0tbGlua2VkaW46aG92ZXJ7YmFja2dyb3VuZDpsaW5lYXItZ3JhZGllbnQoIzAwN2JiNiwjNDg2NGIxKX0uc29jaWFsLWJ0bnt3aWR0aDo1MHB4O2hlaWdodDo1MHB4O2JhY2tncm91bmQtc2l6ZTpjb3ZlcjtiYWNrZ3JvdW5kLXJlcGVhdDpuby1yZXBlYXQ7Y3Vyc29yOnBvaW50ZXI7Ym9yZGVyLXJhZGl1czoxMHB4O2JvcmRlcjpub25lfS5zb2NpYWwtYnRuLmZhY2Vib29re2JhY2tncm91bmQtaW1hZ2U6dXJsKGh0dHBzOi8vcmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbS9Kb2hubmllTGkvbmd4LXNvY2lhbC1idXR0b24vbWFzdGVyL2Fzc2V0cy9mYWNlYm9vay5wbmcpfS5zb2NpYWwtYnRuLmdvb2dsZXtiYWNrZ3JvdW5kLWltYWdlOnVybChodHRwczovL3Jhdy5naXRodWJ1c2VyY29udGVudC5jb20vSm9obm5pZUxpL25neC1zb2NpYWwtYnV0dG9uL21hc3Rlci9hc3NldHMvZ29vZ2xlLnBuZyl9LnNvY2lhbC1idG4ubGlua2VkaW57YmFja2dyb3VuZC1pbWFnZTp1cmwoaHR0cHM6Ly9yYXcuZ2l0aHVidXNlcmNvbnRlbnQuY29tL0pvaG5uaWVMaS9uZ3gtc29jaWFsLWJ1dHRvbi9tYXN0ZXIvYXNzZXRzL0xpbmtlZEluLnBuZyl9LnNvY2lhbC1idG4ud2VjaGF0e2JhY2tncm91bmQtaW1hZ2U6dXJsKGh0dHBzOi8vZ2l0aHViLmNvbS9Kb2hubmllTGkvbmd4LXNvY2lhbC1idXR0b24vYmxvYi9tYXN0ZXIvYXNzZXRzL3dlY2hhdC5wbmc/cmF3PXRydWUpfWBdLFxufSlcbmV4cG9ydCBjbGFzcyBGYWNlYm9va0xvZ2luQnV0dG9uIGltcGxlbWVudHMgT25Jbml0IHtcblxuICBASW5wdXQoKSBzaXplOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHRleHQ6IHN0cmluZztcbiAgQElucHV0KCkgc3R5bGU6IHN0cmluZztcbiAgQElucHV0KCkgc2NvcGVzOiBbc3RyaW5nXTtcbiAgQE91dHB1dCgpIHNvY2lhbFVzZXIgPSBuZXcgRXZlbnRFbWl0dGVyPFNvY2lhbFVzZXI+KCk7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBzb2NpYWxBdXRoU2VydmljZTogU29jaWFsU2VydmljZSkgeyB9XG5cbiAgbmdPbkluaXQoKSB7XG5cbiAgfVxuXG4gIHB1YmxpYyBzb2NpYWxTaWduSW4oKSB7ICAgIFxuICAgIHRoaXMuc29jaWFsQXV0aFNlcnZpY2Uuc2lnbkluKCdmYWNlYm9vaycsIHRoaXMuc2NvcGVzKS50aGVuKFxuICAgICAgKHVzZXJEYXRhOlNvY2lhbFVzZXIpID0+IHtcbiAgICAgICAgY29uc29sZS5sb2coXCJzb2NpYWxTaWduSW5cIiwgdXNlckRhdGEpO1xuICAgICAgIHRoaXMuc29jaWFsVXNlci5lbWl0KHVzZXJEYXRhKVxuICAgICAgfVxuICAgICkuY2F0Y2goKCk9PntcbiAgICAgICAgdGhpcy5zb2NpYWxVc2VyLmVtaXQobnVsbCk7XG4gICAgfSk7XG4gIH1cblxufVxuIl19