ngx-social-button
Version:
Social login/share buttons for Angular 6, 7, 8
69 lines (68 loc) • 11.1 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 LinkedinLoginButton = /** @class */ (function () {
function LinkedinLoginButton(socialAuthService) {
this.socialAuthService = socialAuthService;
this.socialUser = new EventEmitter();
}
/**
* @return {?}
*/
LinkedinLoginButton.prototype.ngOnInit = /**
* @return {?}
*/
function () {
};
/**
* @return {?}
*/
LinkedinLoginButton.prototype.socialSignIn = /**
* @return {?}
*/
function () {
var _this = this;
this.socialAuthService.signIn('linkedin', this.scopes).then(function (userData) {
_this.socialUser.emit(userData);
}).catch(function () {
_this.socialUser.emit(null);
});
};
LinkedinLoginButton.decorators = [
{ type: Component, args: [{
selector: 'linkedin-login-button',
template: "\n\t\t<button [className]=\"style == 'round' ? 'social-btn linkedin' : 'button btn-block loginBtn --linkedin'\"\n\t\t (click)=\"socialSignIn()\" type=\"button\">\n\t\t\t{{style == 'round' ? '': text ? text : 'Login with LinkedIn'}}\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 */
LinkedinLoginButton.ctorParameters = function () { return [
{ type: SocialService }
]; };
LinkedinLoginButton.propDecorators = {
size: [{ type: Input }],
style: [{ type: Input }],
text: [{ type: Input }],
scopes: [{ type: Input }],
socialUser: [{ type: Output }]
};
return LinkedinLoginButton;
}());
export { LinkedinLoginButton };
if (false) {
/** @type {?} */
LinkedinLoginButton.prototype.size;
/** @type {?} */
LinkedinLoginButton.prototype.style;
/** @type {?} */
LinkedinLoginButton.prototype.text;
/** @type {?} */
LinkedinLoginButton.prototype.scopes;
/** @type {?} */
LinkedinLoginButton.prototype.socialUser;
/** @type {?} */
LinkedinLoginButton.prototype.socialAuthService;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlua2VkaW5Mb2dpbkJ1dHRvbi5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25neC1zb2NpYWwtYnV0dG9uLyIsInNvdXJjZXMiOlsibGliL2J1dHRvbnMvbGlua2VkaW5Mb2dpbkJ1dHRvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUM3RSxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sbUJBQW1CLENBQUM7O0lBcUI1Qyw2QkFBb0IsaUJBQWdDO1FBQWhDLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBZTswQkFGN0IsSUFBSSxZQUFZLEVBQWM7S0FHcEQ7Ozs7SUFFRCxzQ0FBUTs7O0lBQVI7S0FFQzs7OztJQUVNLDBDQUFZOzs7OztRQUNmLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxNQUFNLENBQUMsVUFBVSxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxJQUFJLENBQ3ZELFVBQUMsUUFBUTtZQUNMLEtBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1NBQ2xDLENBQ0osQ0FBQyxLQUFLLENBQUM7WUFDSixLQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUM5QixDQUFDLENBQUM7OztnQkFoQ1YsU0FBUyxTQUFDO29CQUNQLFFBQVEsRUFBRSx1QkFBdUI7b0JBQ2pDLFFBQVEsRUFBRSxzUUFLVCxFQUFFLE1BQU0sRUFBRSxDQUFDLHVpRkFBK2hGLENBQUM7aUJBRS9pRjs7OztnQkFaTyxhQUFhOzs7dUJBZWhCLEtBQUs7d0JBQ0wsS0FBSzt1QkFDTCxLQUFLO3lCQUNMLEtBQUs7NkJBQ0wsTUFBTTs7OEJBcEJYOztTQWNhLG1CQUFtQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1NvY2lhbFNlcnZpY2V9IGZyb20gJy4uL3NvY2lhbC5zZXJ2aWNlJztcbmltcG9ydCB7U29jaWFsVXNlcn0gZnJvbSAnLi4vZW50aXRpZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2xpbmtlZGluLWxvZ2luLWJ1dHRvbicsXG4gICAgdGVtcGxhdGU6IGBcblx0XHQ8YnV0dG9uIFtjbGFzc05hbWVdPVwic3R5bGUgPT0gJ3JvdW5kJyA/ICdzb2NpYWwtYnRuIGxpbmtlZGluJyA6ICdidXR0b24gYnRuLWJsb2NrIGxvZ2luQnRuIC0tbGlua2VkaW4nXCJcblx0XHQgICAgICAgIChjbGljayk9XCJzb2NpYWxTaWduSW4oKVwiIHR5cGU9XCJidXR0b25cIj5cblx0XHRcdHt7c3R5bGUgPT0gJ3JvdW5kJyA/ICcnOiAgdGV4dCA/IHRleHQgOiAnTG9naW4gd2l0aCBMaW5rZWRJbid9fVxuXHRcdDwvYnV0dG9uPlxuICAgIGAsIHN0eWxlczogW2AuYnV0dG9ue2ZvbnQtZmFtaWx5OkxhdG8sXCJMdWNpZGEgR3JhbmRlXCIsXCJMdWNpZGEgU2FucyBVbmljb2RlXCIsVGFob21hLFNhbnMtU2VyaWY7LXdlYmtpdC1hcHBlYXJhbmNlOm5vbmU7ZGlzcGxheTppbmxpbmUtYmxvY2s7b3V0bGluZTowO2JvcmRlci1yYWRpdXM6M3B4O2JvcmRlcjozcHggc29saWQgdHJhbnNwYXJlbnQ7Y3Vyc29yOnBvaW50ZXI7dGV4dC1vdmVyZmxvdzplbGxpcHNpczt0ZXh0LWRlY29yYXRpb246bm9uZSFpbXBvcnRhbnQ7Zm9udC13ZWlnaHQ6NDAwIWltcG9ydGFudH0ubG9naW5CdG57Ym94LXNpemluZzpib3JkZXItYm94O3Bvc2l0aW9uOnJlbGF0aXZlO21hcmdpbjouMmVtO3BhZGRpbmc6MCAxNXB4IDAgNDZweDtib3JkZXI6bm9uZTt0ZXh0LWFsaWduOmxlZnQ7bGluZS1oZWlnaHQ6MzRweDt3aGl0ZS1zcGFjZTpub3dyYXA7Ym9yZGVyLXJhZGl1czozcHg7Zm9udC1zaXplOjE2cHg7Y29sb3I6I2ZmZn0ubG9naW5CdG46YmVmb3Jle2NvbnRlbnQ6XCJcIjtib3gtc2l6aW5nOmJvcmRlci1ib3g7cG9zaXRpb246YWJzb2x1dGU7dG9wOjA7bGVmdDowO3dpZHRoOjM0cHg7aGVpZ2h0OjEwMCV9LmxvZ2luQnRuOmZvY3Vze291dGxpbmU6MH0ubG9naW5CdG46YWN0aXZle2JveC1zaGFkb3c6aW5zZXQgMCAwIDAgMzJweCByZ2JhKDAsMCwwLC4xKX0uc2hhcmVCdG57Ym94LXNpemluZzpib3JkZXItYm94O3Bvc2l0aW9uOnJlbGF0aXZlO21hcmdpbjouMmVtO3BhZGRpbmc6MCAxNXB4IDAgNDZweDtib3JkZXI6bm9uZTt0ZXh0LWFsaWduOmxlZnQ7bGluZS1oZWlnaHQ6MzRweDt3aGl0ZS1zcGFjZTpub3dyYXA7Ym9yZGVyLXJhZGl1czozcHg7Zm9udC1zaXplOjE2cHg7Y29sb3I6I2ZmZn0uc2hhcmVCdG46YmVmb3Jle2NvbnRlbnQ6XCJcIjtib3gtc2l6aW5nOmJvcmRlci1ib3g7cG9zaXRpb246YWJzb2x1dGU7dG9wOjA7bGVmdDowO3dpZHRoOjM0cHg7aGVpZ2h0OjEwMCV9LnNoYXJlQnRuOmZvY3Vze291dGxpbmU6MH0uc2hhcmVCdG46YWN0aXZle2JveC1zaGFkb3c6aW5zZXQgMCAwIDAgMzJweCByZ2JhKDAsMCwwLC4xKX0uLS1mYWNlYm9va3tiYWNrZ3JvdW5kLWNvbG9yOiM0YzY5YmE7YmFja2dyb3VuZC1pbWFnZTpsaW5lYXItZ3JhZGllbnQoIzRjNjliYSwjM2I1NWEwKTt0ZXh0LXNoYWRvdzowIC0xcHggMCAjMzU0YzhjfS4tLWZhY2Vib29rOmJlZm9yZXtib3JkZXItcmlnaHQ6MXB4IHNvbGlkICMzNjRlOTI7YmFja2dyb3VuZDp1cmwoaHR0cHM6Ly9zMy11cy13ZXN0LTIuYW1hem9uYXdzLmNvbS9zLmNkcG4uaW8vMTQwODIvaWNvbl9mYWNlYm9vay5wbmcpIDZweCA2cHggbm8tcmVwZWF0fS4tLWZhY2Vib29rOmZvY3VzLC4tLWZhY2Vib29rOmhvdmVye2JhY2tncm91bmQtY29sb3I6IzViN2JkNTtiYWNrZ3JvdW5kLWltYWdlOmxpbmVhci1ncmFkaWVudCgjNWI3YmQ1LCM0ODY0YjEpfS4tLWdvb2dsZXtiYWNrZ3JvdW5kOiNkZDRiMzl9Li0tZ29vZ2xlOmJlZm9yZXtib3JkZXItcmlnaHQ6MXB4IHNvbGlkICNiYjNmMzA7YmFja2dyb3VuZDp1cmwoaHR0cHM6Ly9zMy11cy13ZXN0LTIuYW1hem9uYXdzLmNvbS9zLmNkcG4uaW8vMTQwODIvaWNvbl9nb29nbGUucG5nKSA2cHggNnB4IG5vLXJlcGVhdH0uLS1nb29nbGU6Zm9jdXMsLi0tZ29vZ2xlOmhvdmVye2JhY2tncm91bmQ6I2U3NGIzN30uLS1saW5rZWRpbntiYWNrZ3JvdW5kOiMwMDdiYjZ9Li0tbGlua2VkaW46YmVmb3Jle2JvcmRlci1yaWdodDoxcHggc29saWQgIzAwN2JiNjtiYWNrZ3JvdW5kOnVybChodHRwczovL2NvbnRlbnQubGlua2VkaW4uY29tL2NvbnRlbnQvZGFtL2RldmVsb3Blci9nbG9iYWwvZW5fVVMvc2l0ZS9pbWcvc2lnbmluLWJ1dHRvbi5wbmcpIC0zcHggLTNweCBuby1yZXBlYXR9Li0tbGlua2VkaW46Zm9jdXMsLi0tbGlua2VkaW46aG92ZXJ7YmFja2dyb3VuZDpsaW5lYXItZ3JhZGllbnQoIzAwN2JiNiwjNDg2NGIxKX0uc29jaWFsLWJ0bnt3aWR0aDo1MHB4O2hlaWdodDo1MHB4O2JhY2tncm91bmQtc2l6ZTpjb3ZlcjtiYWNrZ3JvdW5kLXJlcGVhdDpuby1yZXBlYXQ7Y3Vyc29yOnBvaW50ZXI7Ym9yZGVyLXJhZGl1czoxMHB4O2JvcmRlcjpub25lfS5zb2NpYWwtYnRuLmZhY2Vib29re2JhY2tncm91bmQtaW1hZ2U6dXJsKGh0dHBzOi8vcmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbS9Kb2hubmllTGkvbmd4LXNvY2lhbC1idXR0b24vbWFzdGVyL2Fzc2V0cy9mYWNlYm9vay5wbmcpfS5zb2NpYWwtYnRuLmdvb2dsZXtiYWNrZ3JvdW5kLWltYWdlOnVybChodHRwczovL3Jhdy5naXRodWJ1c2VyY29udGVudC5jb20vSm9obm5pZUxpL25neC1zb2NpYWwtYnV0dG9uL21hc3Rlci9hc3NldHMvZ29vZ2xlLnBuZyl9LnNvY2lhbC1idG4ubGlua2VkaW57YmFja2dyb3VuZC1pbWFnZTp1cmwoaHR0cHM6Ly9yYXcuZ2l0aHVidXNlcmNvbnRlbnQuY29tL0pvaG5uaWVMaS9uZ3gtc29jaWFsLWJ1dHRvbi9tYXN0ZXIvYXNzZXRzL0xpbmtlZEluLnBuZyl9LnNvY2lhbC1idG4ud2VjaGF0e2JhY2tncm91bmQtaW1hZ2U6dXJsKGh0dHBzOi8vZ2l0aHViLmNvbS9Kb2hubmllTGkvbmd4LXNvY2lhbC1idXR0b24vYmxvYi9tYXN0ZXIvYXNzZXRzL3dlY2hhdC5wbmc/cmF3PXRydWUpfWBdLFxuXG59KVxuZXhwb3J0IGNsYXNzIExpbmtlZGluTG9naW5CdXR0b24gaW1wbGVtZW50cyBPbkluaXQge1xuXG4gICAgQElucHV0KCkgc2l6ZTogc3RyaW5nO1xuICAgIEBJbnB1dCgpIHN0eWxlOiBzdHJpbmc7XG4gICAgQElucHV0KCkgdGV4dDogc3RyaW5nO1xuICAgIEBJbnB1dCgpIHNjb3BlczogW3N0cmluZ107XG4gICAgQE91dHB1dCgpIHNvY2lhbFVzZXIgPSBuZXcgRXZlbnRFbWl0dGVyPFNvY2lhbFVzZXI+KCk7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIHNvY2lhbEF1dGhTZXJ2aWNlOiBTb2NpYWxTZXJ2aWNlKSB7XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKSB7XG5cbiAgICB9XG5cbiAgICBwdWJsaWMgc29jaWFsU2lnbkluKCkge1xuICAgICAgICB0aGlzLnNvY2lhbEF1dGhTZXJ2aWNlLnNpZ25JbignbGlua2VkaW4nLCB0aGlzLnNjb3BlcykudGhlbihcbiAgICAgICAgICAgICh1c2VyRGF0YSkgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMuc29jaWFsVXNlci5lbWl0KHVzZXJEYXRhKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgKS5jYXRjaCgoKSA9PiB7XG4gICAgICAgICAgICB0aGlzLnNvY2lhbFVzZXIuZW1pdChudWxsKTtcbiAgICAgICAgfSk7XG4gICAgfVxuXG59XG4iXX0=