ngx-whatsapp-button
Version:
Library to display a whastapp floating contact button on the user page
52 lines • 5.39 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input } from '@angular/core';
import { faWhatsapp } from '@fortawesome/free-brands-svg-icons';
var NgxWhastappButtonComponent = /** @class */ (function () {
function NgxWhastappButtonComponent() {
this.ngx_whatsapp_url = 'https://api.whatsapp.com/send';
}
/**
* @return {?}
*/
NgxWhastappButtonComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
// we set the icon
this.ngx_whatsapp_icon = faWhatsapp;
//verify if we had a number
this.ngx_whatsapp_phone = (this.ngx_whatsapp_phone !== undefined) ? this.ngx_whatsapp_phone : '';
this.ngx_whatsapp_text = (this.ngx_whatsapp_text !== undefined) ? this.ngx_whatsapp_text : '';
this.ngx_whatsapp_url = this.ngx_whatsapp_url + "?phone=" + this.ngx_whatsapp_phone + "&text=" + this.ngx_whatsapp_text;
};
NgxWhastappButtonComponent.decorators = [
{ type: Component, args: [{
selector: 'jjva-ngx-whatsapp-button',
template: "<a target=\"_blank\" [href]=\"ngx_whatsapp_url\" class=\"ngx-whatsapp-button-float\">\n <div style=\"margin-top:20%;\"><fa-icon class=\" fa-2x ngx-whatsapp-button-my-float\" [icon]=\"ngx_whatsapp_icon\"></fa-icon></div>\n</a>\n",
styles: [".ngx-whatsapp-button-float{position:fixed;width:60px;height:60px;bottom:40px;right:40px;background-color:#25d366;color:#fff;border-radius:50px;text-align:center;box-shadow:2px 2px 3px #999}.ngx-whatsapp-button-my-float{margin-top:22px}"]
}] }
];
NgxWhastappButtonComponent.ctorParameters = function () { return []; };
NgxWhastappButtonComponent.propDecorators = {
ngx_whatsapp_phone: [{ type: Input, args: ['ngx_whatsapp_phone',] }],
ngx_whatsapp_text: [{ type: Input, args: ['ngx_whatsapp_text',] }]
};
return NgxWhastappButtonComponent;
}());
export { NgxWhastappButtonComponent };
if (false) {
/** @type {?} */
NgxWhastappButtonComponent.prototype.ngx_whatsapp_phone;
/** @type {?} */
NgxWhastappButtonComponent.prototype.ngx_whatsapp_text;
/** @type {?} */
NgxWhastappButtonComponent.prototype.ngx_whatsapp_icon;
/** @type {?} */
NgxWhastappButtonComponent.prototype.ngx_whatsapp_url;
/** @type {?} */
NgxWhastappButtonComponent.prototype.ngx_whatsapp_url_full;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LXdoYXRzYXBwLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtd2hhdHNhcHAtYnV0dG9uLyIsInNvdXJjZXMiOlsibGliL25neC13aGF0c2FwcC1idXR0b24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDL0Q7SUFZQztRQUZRLHFCQUFnQixHQUFHLCtCQUErQixDQUFFO0lBSTVELENBQUM7Ozs7SUFFRCw2Q0FBUTs7O0lBQVI7UUFDRSxrQkFBa0I7UUFDbEIsSUFBSSxDQUFDLGlCQUFpQixHQUFHLFVBQVUsQ0FBQztRQUNwQywyQkFBMkI7UUFDM0IsSUFBSSxDQUFDLGtCQUFrQixHQUFHLENBQUUsSUFBSSxDQUFDLGtCQUFrQixLQUFLLFNBQVMsQ0FBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztRQUNuRyxJQUFJLENBQUMsaUJBQWlCLEdBQUcsQ0FBRSxJQUFJLENBQUMsaUJBQWlCLEtBQUssU0FBUyxDQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO1FBQ2hHLElBQUksQ0FBQyxnQkFBZ0IsR0FBTSxJQUFJLENBQUMsZ0JBQWdCLGVBQVUsSUFBSSxDQUFDLGtCQUFrQixjQUFTLElBQUksQ0FBQyxpQkFBbUIsQ0FBQztJQUNySCxDQUFDOztnQkF2QkQsU0FBUyxTQUFDO29CQUNWLFFBQVEsRUFBRSwwQkFBMEI7b0JBQ3BDLG9QQUFtRDs7aUJBRXBEOzs7O3FDQUVHLEtBQUssU0FBQyxvQkFBb0I7b0NBQzFCLEtBQUssU0FBQyxtQkFBbUI7O0lBa0I3QixpQ0FBQztDQUFBLEFBekJBLElBeUJBO1NBcEJZLDBCQUEwQjs7O0lBQ3BDLHdEQUF3RDs7SUFDeEQsdURBQXNEOztJQUV0RCx1REFBeUI7O0lBQ3pCLHNEQUEyRDs7SUFDM0QsMkRBQTZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBmYVdoYXRzYXBwIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZyZWUtYnJhbmRzLXN2Zy1pY29ucyc7XG4gQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnamp2YS1uZ3gtd2hhdHNhcHAtYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL25neC13aGF0c2FwcC1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9uZ3gtd2hhdHNhcHAtYnV0dG9uLmNvbXBvbmVudC5jc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBOZ3hXaGFzdGFwcEJ1dHRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICBASW5wdXQoJ25neF93aGF0c2FwcF9waG9uZScpIG5neF93aGF0c2FwcF9waG9uZTogc3RyaW5nO1xuICAgQElucHV0KCduZ3hfd2hhdHNhcHBfdGV4dCcpIG5neF93aGF0c2FwcF90ZXh0OiBzdHJpbmc7XG5cbiAgIHB1YmxpYyBuZ3hfd2hhdHNhcHBfaWNvbjtcbiAgIHB1YmxpYyBuZ3hfd2hhdHNhcHBfdXJsID0gJ2h0dHBzOi8vYXBpLndoYXRzYXBwLmNvbS9zZW5kJyA7XG4gICBwdWJsaWMgbmd4X3doYXRzYXBwX3VybF9mdWxsO1xuICBjb25zdHJ1Y3RvcigpIHtcblxuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgLy8gd2Ugc2V0IHRoZSBpY29uXG4gICAgdGhpcy5uZ3hfd2hhdHNhcHBfaWNvbiA9IGZhV2hhdHNhcHA7XG4gICAgLy92ZXJpZnkgaWYgd2UgaGFkIGEgbnVtYmVyXG4gICAgdGhpcy5uZ3hfd2hhdHNhcHBfcGhvbmUgPSAoIHRoaXMubmd4X3doYXRzYXBwX3Bob25lICE9PSB1bmRlZmluZWQgKSA/IHRoaXMubmd4X3doYXRzYXBwX3Bob25lIDogJyc7XG4gICAgdGhpcy5uZ3hfd2hhdHNhcHBfdGV4dCA9ICggdGhpcy5uZ3hfd2hhdHNhcHBfdGV4dCAhPT0gdW5kZWZpbmVkICkgPyB0aGlzLm5neF93aGF0c2FwcF90ZXh0IDogJyc7XG4gICAgdGhpcy5uZ3hfd2hhdHNhcHBfdXJsID0gYCR7dGhpcy5uZ3hfd2hhdHNhcHBfdXJsfT9waG9uZT0ke3RoaXMubmd4X3doYXRzYXBwX3Bob25lfSZ0ZXh0PSR7dGhpcy5uZ3hfd2hhdHNhcHBfdGV4dH1gO1xuICB9XG5cbn1cbiJdfQ==