@vendasta/store
Version:
Components and data for Store
80 lines • 8.31 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, EventEmitter, Input, Output } from '@angular/core';
export class VaSalespersonDetailsComponent {
constructor() {
this.showGetItNow = true;
this.getItNow = new EventEmitter();
}
/**
* @return {?}
*/
onGetItNowSelected() {
this.getItNow.emit(this.salesperson);
}
/**
* @return {?}
*/
get iconUrl() {
return this.salesperson && this.salesperson.photoUrlSecure ?
this.salesperson.photoUrlSecure :
'https://vbc-frontend.storage-download.googleapis.com/salesperson-details/default_sales_person.jpg';
}
/**
* @return {?}
*/
get name() {
return this.salesperson && this.salesperson.formattedName ?
this.salesperson.formattedName : '';
}
/**
* @return {?}
*/
get title() {
return this.salesperson && this.salesperson.jobTitle ?
this.salesperson.jobTitle : '';
}
/**
* @return {?}
*/
get email() {
return this.salesperson && this.salesperson.email ?
this.salesperson.email : '';
}
/**
* @return {?}
*/
get cityAndState() {
return this.salesperson && this.salesperson.city && this.salesperson.state ?
this.salesperson.city + ', ' + this.salesperson.state : '';
}
}
VaSalespersonDetailsComponent.decorators = [
{ type: Component, args: [{
selector: 'va-salesperson-details',
template: "<div class=\"container\">\n <div class=\"salesperson-contact-info\">\n\n <div class=\"salesperson-image\" *ngIf=\"salesperson\">\n <va-icon [iconUrl]=\"iconUrl\" [diameter]=\"60\"></va-icon>\n </div>\n\n <div>\n <div class=\"salesperson-name\">{{ name }}</div>\n <div>{{ title }}</div>\n <div>{{ cityAndState }}</div>\n <div><a href=\"mailto:{{ email }}\">{{ email }}</a></div>\n </div>\n\n <div *ngIf=\"!salesperson\" class=\"generic-contact\">\n Contact {{ brandName ? \"your \" + brandName : \"a\" }} representative today!\n </div>\n\n <div class=\"pricing\">\n <va-pricing [pricing]=\"packagePricing\" wrapFrequency=\"true\"></va-pricing>\n <div class=\"cta get-it-now-bottom-button\">\n <button mat-button *ngIf=\"salesperson && showGetItNow\" (click)=\"onGetItNowSelected()\" class=\"now-button\">\n Get it Now\n </button>\n </div>\n </div>\n </div>\n</div>\n",
styles: ["a{color:#1e88e5;text-decoration:none}.container{width:100%;margin:0 auto;background-color:#fff;box-shadow:1px 1px 1px 0 rgba(0,0,0,.2)}.salesperson-image{margin-right:20px}.salesperson-contact-info{display:flex;align-items:center;padding:24px;font-size:14px;color:#9e9e9e}@media screen and (max-width:600px){.salesperson-contact-info{flex-direction:column;display:inline-block}}.salesperson-name{font-size:20px;font-weight:700;color:#212121}.generic-contact{margin-left:20px}.pricing{display:flex;align-items:center;flex-grow:1;justify-content:flex-end}.pricing ::ng-deep .price-box{flex-direction:row}.pricing ::ng-deep .price-number{margin-right:4px}@media screen and (min-width:600px){.pricing{padding-left:16px}}.pricing va-pricing{margin-right:20px}.now-button{font-size:14px;color:#fff;background-color:#4caf50}"]
}] }
];
VaSalespersonDetailsComponent.propDecorators = {
salesperson: [{ type: Input }],
packagePricing: [{ type: Input }],
brandName: [{ type: Input }],
showGetItNow: [{ type: Input }],
getItNow: [{ type: Output }]
};
if (false) {
/** @type {?} */
VaSalespersonDetailsComponent.prototype.salesperson;
/** @type {?} */
VaSalespersonDetailsComponent.prototype.packagePricing;
/** @type {?} */
VaSalespersonDetailsComponent.prototype.brandName;
/** @type {?} */
VaSalespersonDetailsComponent.prototype.showGetItNow;
/** @type {?} */
VaSalespersonDetailsComponent.prototype.getItNow;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2FsZXNwZXJzb24tZGV0YWlscy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdmVuZGFzdGEvc3RvcmUvIiwic291cmNlcyI6WyJsaWIvc2FsZXNwZXJzb24tZGV0YWlscy9zYWxlc3BlcnNvbi1kZXRhaWxzLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQVdyRSxNQUFNLE9BQU8sNkJBQTZCO0lBTDFDO1FBU2EsaUJBQVksR0FBRyxJQUFJLENBQUM7UUFDbkIsYUFBUSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUErQjVDLENBQUM7Ozs7SUE3Qkcsa0JBQWtCO1FBQ2hCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUN2QyxDQUFDOzs7O0lBRUQsSUFBSSxPQUFPO1FBQ1AsT0FBTyxJQUFJLENBQUMsV0FBVyxJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsY0FBYyxDQUFDLENBQUM7WUFDNUQsSUFBSSxDQUFDLFdBQVcsQ0FBQyxjQUFjLENBQUMsQ0FBQztZQUM3QixtR0FBbUcsQ0FBQztJQUM1RyxDQUFDOzs7O0lBRUQsSUFBSSxJQUFJO1FBQ0osT0FBTyxJQUFJLENBQUMsV0FBVyxJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxDQUFDLENBQUM7WUFDM0QsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztJQUN4QyxDQUFDOzs7O0lBRUQsSUFBSSxLQUFLO1FBQ0wsT0FBTyxJQUFJLENBQUMsV0FBVyxJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLENBQUM7WUFDdEQsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztJQUNuQyxDQUFDOzs7O0lBRUQsSUFBSSxLQUFLO1FBQ0wsT0FBTyxJQUFJLENBQUMsV0FBVyxJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDbkQsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztJQUNoQyxDQUFDOzs7O0lBRUQsSUFBSSxZQUFZO1FBQ1osT0FBTyxJQUFJLENBQUMsV0FBVyxJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDNUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLEdBQUcsSUFBSSxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7SUFDL0QsQ0FBQzs7O1lBeENKLFNBQVMsU0FBQztnQkFDUCxRQUFRLEVBQUUsd0JBQXdCO2dCQUNsQyxvaUNBQW1EOzthQUV0RDs7OzBCQUVJLEtBQUs7NkJBQ0wsS0FBSzt3QkFDTCxLQUFLOzJCQUNMLEtBQUs7dUJBQ0wsTUFBTTs7OztJQUpQLG9EQUFrQzs7SUFDbEMsdURBQWlDOztJQUNqQyxrREFBMkI7O0lBQzNCLHFEQUE2Qjs7SUFDN0IsaURBQXdDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7UHJpY2luZ30gZnJvbSAnLi4vcHJpY2luZy9wcmljaW5nJztcbmltcG9ydCB7U2FsZXNwZXJzb259IGZyb20gJy4vc2FsZXNwZXJzb24nO1xuXG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAndmEtc2FsZXNwZXJzb24tZGV0YWlscycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3NhbGVzcGVyc29uLWRldGFpbHMuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3NhbGVzcGVyc29uLWRldGFpbHMuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBWYVNhbGVzcGVyc29uRGV0YWlsc0NvbXBvbmVudCB7XG4gICAgQElucHV0KCkgc2FsZXNwZXJzb246IFNhbGVzcGVyc29uO1xuICAgIEBJbnB1dCgpIHBhY2thZ2VQcmljaW5nOiBQcmljaW5nO1xuICAgIEBJbnB1dCgpIGJyYW5kTmFtZTogc3RyaW5nO1xuICAgIEBJbnB1dCgpIHNob3dHZXRJdE5vdyA9IHRydWU7XG4gICAgQE91dHB1dCgpIGdldEl0Tm93ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gICAgb25HZXRJdE5vd1NlbGVjdGVkKCk6IHZvaWQge1xuICAgICAgdGhpcy5nZXRJdE5vdy5lbWl0KHRoaXMuc2FsZXNwZXJzb24pO1xuICAgIH1cblxuICAgIGdldCBpY29uVXJsKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLnNhbGVzcGVyc29uICYmIHRoaXMuc2FsZXNwZXJzb24ucGhvdG9VcmxTZWN1cmUgP1xuICAgICAgICB0aGlzLnNhbGVzcGVyc29uLnBob3RvVXJsU2VjdXJlIDpcbiAgICAgICAgICAgICdodHRwczovL3ZiYy1mcm9udGVuZC5zdG9yYWdlLWRvd25sb2FkLmdvb2dsZWFwaXMuY29tL3NhbGVzcGVyc29uLWRldGFpbHMvZGVmYXVsdF9zYWxlc19wZXJzb24uanBnJztcbiAgICB9XG5cbiAgICBnZXQgbmFtZSgpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy5zYWxlc3BlcnNvbiAmJiB0aGlzLnNhbGVzcGVyc29uLmZvcm1hdHRlZE5hbWUgP1xuICAgICAgICB0aGlzLnNhbGVzcGVyc29uLmZvcm1hdHRlZE5hbWUgOiAnJztcbiAgICB9XG5cbiAgICBnZXQgdGl0bGUoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuc2FsZXNwZXJzb24gJiYgdGhpcy5zYWxlc3BlcnNvbi5qb2JUaXRsZSA/XG4gICAgICAgIHRoaXMuc2FsZXNwZXJzb24uam9iVGl0bGUgOiAnJztcbiAgICB9XG5cbiAgICBnZXQgZW1haWwoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuc2FsZXNwZXJzb24gJiYgdGhpcy5zYWxlc3BlcnNvbi5lbWFpbCA/XG4gICAgICAgIHRoaXMuc2FsZXNwZXJzb24uZW1haWwgOiAnJztcbiAgICB9XG5cbiAgICBnZXQgY2l0eUFuZFN0YXRlKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLnNhbGVzcGVyc29uICYmIHRoaXMuc2FsZXNwZXJzb24uY2l0eSAmJiB0aGlzLnNhbGVzcGVyc29uLnN0YXRlID9cbiAgICAgICAgdGhpcy5zYWxlc3BlcnNvbi5jaXR5ICsgJywgJyArIHRoaXMuc2FsZXNwZXJzb24uc3RhdGUgOiAnJztcbiAgICB9XG59XG4iXX0=