ngx-whatsapp-button
Version:
Library to display a whastapp floating contact button on the user page
47 lines • 5.06 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';
export class NgxWhastappButtonComponent {
constructor() {
this.ngx_whatsapp_url = 'https://api.whatsapp.com/send';
}
/**
* @return {?}
*/
ngOnInit() {
// 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 = () => [];
NgxWhastappButtonComponent.propDecorators = {
ngx_whatsapp_phone: [{ type: Input, args: ['ngx_whatsapp_phone',] }],
ngx_whatsapp_text: [{ type: Input, args: ['ngx_whatsapp_text',] }]
};
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LXdoYXRzYXBwLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtd2hhdHNhcHAtYnV0dG9uLyIsInNvdXJjZXMiOlsibGliL25neC13aGF0c2FwcC1idXR0b24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFNaEUsTUFBTTtJQU9KO1FBRlEscUJBQWdCLEdBQUcsK0JBQStCLENBQUU7SUFJNUQsQ0FBQzs7OztJQUVELFFBQVE7UUFDTixrQkFBa0I7UUFDbEIsSUFBSSxDQUFDLGlCQUFpQixHQUFHLFVBQVUsQ0FBQztRQUNwQywyQkFBMkI7UUFDM0IsSUFBSSxDQUFDLGtCQUFrQixHQUFHLENBQUUsSUFBSSxDQUFDLGtCQUFrQixLQUFLLFNBQVMsQ0FBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztRQUNuRyxJQUFJLENBQUMsaUJBQWlCLEdBQUcsQ0FBRSxJQUFJLENBQUMsaUJBQWlCLEtBQUssU0FBUyxDQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO1FBQ2hHLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsVUFBVSxJQUFJLENBQUMsa0JBQWtCLFNBQVMsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7SUFDckgsQ0FBQzs7O1lBdkJELFNBQVMsU0FBQztnQkFDVixRQUFRLEVBQUUsMEJBQTBCO2dCQUNwQyxvUEFBbUQ7O2FBRXBEOzs7O2lDQUVHLEtBQUssU0FBQyxvQkFBb0I7Z0NBQzFCLEtBQUssU0FBQyxtQkFBbUI7Ozs7SUFEMUIsd0RBQXdEOztJQUN4RCx1REFBc0Q7O0lBRXRELHVEQUF5Qjs7SUFDekIsc0RBQTJEOztJQUMzRCwyREFBNkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGZhV2hhdHNhcHAgfSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1icmFuZHMtc3ZnLWljb25zJztcbiBAQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdqanZhLW5neC13aGF0c2FwcC1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vbmd4LXdoYXRzYXBwLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL25neC13aGF0c2FwcC1idXR0b24uY29tcG9uZW50LmNzcyddXG59KVxuZXhwb3J0IGNsYXNzIE5neFdoYXN0YXBwQnV0dG9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgIEBJbnB1dCgnbmd4X3doYXRzYXBwX3Bob25lJykgbmd4X3doYXRzYXBwX3Bob25lOiBzdHJpbmc7XG4gICBASW5wdXQoJ25neF93aGF0c2FwcF90ZXh0Jykgbmd4X3doYXRzYXBwX3RleHQ6IHN0cmluZztcblxuICAgcHVibGljIG5neF93aGF0c2FwcF9pY29uO1xuICAgcHVibGljIG5neF93aGF0c2FwcF91cmwgPSAnaHR0cHM6Ly9hcGkud2hhdHNhcHAuY29tL3NlbmQnIDtcbiAgIHB1YmxpYyBuZ3hfd2hhdHNhcHBfdXJsX2Z1bGw7XG4gIGNvbnN0cnVjdG9yKCkge1xuXG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICAvLyB3ZSBzZXQgdGhlIGljb25cbiAgICB0aGlzLm5neF93aGF0c2FwcF9pY29uID0gZmFXaGF0c2FwcDtcbiAgICAvL3ZlcmlmeSBpZiB3ZSBoYWQgYSBudW1iZXJcbiAgICB0aGlzLm5neF93aGF0c2FwcF9waG9uZSA9ICggdGhpcy5uZ3hfd2hhdHNhcHBfcGhvbmUgIT09IHVuZGVmaW5lZCApID8gdGhpcy5uZ3hfd2hhdHNhcHBfcGhvbmUgOiAnJztcbiAgICB0aGlzLm5neF93aGF0c2FwcF90ZXh0ID0gKCB0aGlzLm5neF93aGF0c2FwcF90ZXh0ICE9PSB1bmRlZmluZWQgKSA/IHRoaXMubmd4X3doYXRzYXBwX3RleHQgOiAnJztcbiAgICB0aGlzLm5neF93aGF0c2FwcF91cmwgPSBgJHt0aGlzLm5neF93aGF0c2FwcF91cmx9P3Bob25lPSR7dGhpcy5uZ3hfd2hhdHNhcHBfcGhvbmV9JnRleHQ9JHt0aGlzLm5neF93aGF0c2FwcF90ZXh0fWA7XG4gIH1cblxufVxuIl19