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