@vendasta/store
Version:
Components and data for Store
51 lines • 12.4 kB
JavaScript
import { Component, EventEmitter, Input, Output } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@vendasta/uikit";
import * as i2 from "../pricing/pricing.component";
import * as i3 from "@angular/material/button";
import * as i4 from "@angular/common";
export class VaSalespersonDetailsComponent {
constructor() {
this.showGetItNow = true;
this.getItNow = new EventEmitter();
}
onGetItNowSelected() {
this.getItNow.emit(this.salesperson);
}
get iconUrl() {
return this.salesperson && this.salesperson.photoUrlSecure
? this.salesperson.photoUrlSecure
: 'https://vbc-frontend.storage-download.googleapis.com/salesperson-details/default_sales_person.jpg';
}
get name() {
return this.salesperson && this.salesperson.formattedName ? this.salesperson.formattedName : '';
}
get title() {
return this.salesperson && this.salesperson.jobTitle ? this.salesperson.jobTitle : '';
}
get email() {
return this.salesperson && this.salesperson.email ? this.salesperson.email : '';
}
get cityAndState() {
return this.salesperson && this.salesperson.city && this.salesperson.state
? this.salesperson.city + ', ' + this.salesperson.state
: '';
}
}
VaSalespersonDetailsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: VaSalespersonDetailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
VaSalespersonDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: VaSalespersonDetailsComponent, selector: "app-salesperson-details", inputs: { salesperson: "salesperson", packagePricing: "packagePricing", brandName: "brandName", showGetItNow: "showGetItNow" }, outputs: { getItNow: "getItNow" }, ngImport: i0, template: "<div class=\"container\">\n <div class=\"salesperson-contact-info\">\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>\n <a href=\"mailto:{{ email }}\">{{ email }}</a>\n </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 <app-pricing\n [pricing]=\"packagePricing\"\n wrapFrequency=\"true\"\n ></app-pricing>\n <div class=\"cta get-it-now-bottom-button\">\n <button\n mat-button\n *ngIf=\"salesperson && showGetItNow\"\n (click)=\"onGetItNowSelected()\"\n class=\"now-button\"\n >\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 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 app-pricing{margin-right:20px}.now-button{font-size:14px;color:#fff;background-color:#4caf50}\n"], components: [{ type: i1.IconComponent, selector: "va-icon", inputs: ["iconUrl", "name", "diameter", "backgroundColor", "borderColor", "fontColor"] }, { type: i2.VaPricingComponent, selector: "app-pricing" }, { type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: VaSalespersonDetailsComponent, decorators: [{
type: Component,
args: [{ selector: 'app-salesperson-details', template: "<div class=\"container\">\n <div class=\"salesperson-contact-info\">\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>\n <a href=\"mailto:{{ email }}\">{{ email }}</a>\n </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 <app-pricing\n [pricing]=\"packagePricing\"\n wrapFrequency=\"true\"\n ></app-pricing>\n <div class=\"cta get-it-now-bottom-button\">\n <button\n mat-button\n *ngIf=\"salesperson && showGetItNow\"\n (click)=\"onGetItNowSelected()\"\n class=\"now-button\"\n >\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 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 app-pricing{margin-right:20px}.now-button{font-size:14px;color:#fff;background-color:#4caf50}\n"] }]
}], propDecorators: { salesperson: [{
type: Input
}], packagePricing: [{
type: Input
}], brandName: [{
type: Input
}], showGetItNow: [{
type: Input
}], getItNow: [{
type: Output
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2FsZXNwZXJzb24tZGV0YWlscy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N0b3JlL3NyYy9saWIvc2FsZXNwZXJzb24tZGV0YWlscy9zYWxlc3BlcnNvbi1kZXRhaWxzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3RvcmUvc3JjL2xpYi9zYWxlc3BlcnNvbi1kZXRhaWxzL3NhbGVzcGVyc29uLWRldGFpbHMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBVXZFLE1BQU0sT0FBTyw2QkFBNkI7SUFMMUM7UUFTVyxpQkFBWSxHQUFHLElBQUksQ0FBQztRQUNuQixhQUFRLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztLQTZCekM7SUEzQkMsa0JBQWtCO1FBQ2hCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUN2QyxDQUFDO0lBRUQsSUFBSSxPQUFPO1FBQ1QsT0FBTyxJQUFJLENBQUMsV0FBVyxJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsY0FBYztZQUN4RCxDQUFDLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxjQUFjO1lBQ2pDLENBQUMsQ0FBQyxtR0FBbUcsQ0FBQztJQUMxRyxDQUFDO0lBRUQsSUFBSSxJQUFJO1FBQ04sT0FBTyxJQUFJLENBQUMsV0FBVyxJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO0lBQ2xHLENBQUM7SUFFRCxJQUFJLEtBQUs7UUFDUCxPQUFPLElBQUksQ0FBQyxXQUFXLElBQUksSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7SUFDeEYsQ0FBQztJQUVELElBQUksS0FBSztRQUNQLE9BQU8sSUFBSSxDQUFDLFdBQVcsSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztJQUNsRixDQUFDO0lBRUQsSUFBSSxZQUFZO1FBQ2QsT0FBTyxJQUFJLENBQUMsV0FBVyxJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSztZQUN4RSxDQUFDLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLEdBQUcsSUFBSSxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSztZQUN2RCxDQUFDLENBQUMsRUFBRSxDQUFDO0lBQ1QsQ0FBQzs7MEhBakNVLDZCQUE2Qjs4R0FBN0IsNkJBQTZCLGtPQ1YxQywraENBcUNBOzJGRDNCYSw2QkFBNkI7a0JBTHpDLFNBQVM7K0JBQ0UseUJBQXlCOzhCQUsxQixXQUFXO3NCQUFuQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNJLFFBQVE7c0JBQWpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBQcmljaW5nIH0gZnJvbSAnLi4vcHJpY2luZy9wcmljaW5nJztcbmltcG9ydCB7IFNhbGVzcGVyc29uIH0gZnJvbSAnLi9zYWxlc3BlcnNvbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1zYWxlc3BlcnNvbi1kZXRhaWxzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NhbGVzcGVyc29uLWRldGFpbHMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zYWxlc3BlcnNvbi1kZXRhaWxzLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFZhU2FsZXNwZXJzb25EZXRhaWxzQ29tcG9uZW50IHtcbiAgQElucHV0KCkgc2FsZXNwZXJzb246IFNhbGVzcGVyc29uO1xuICBASW5wdXQoKSBwYWNrYWdlUHJpY2luZzogUHJpY2luZztcbiAgQElucHV0KCkgYnJhbmROYW1lOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHNob3dHZXRJdE5vdyA9IHRydWU7XG4gIEBPdXRwdXQoKSBnZXRJdE5vdyA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBvbkdldEl0Tm93U2VsZWN0ZWQoKTogdm9pZCB7XG4gICAgdGhpcy5nZXRJdE5vdy5lbWl0KHRoaXMuc2FsZXNwZXJzb24pO1xuICB9XG5cbiAgZ2V0IGljb25VcmwoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5zYWxlc3BlcnNvbiAmJiB0aGlzLnNhbGVzcGVyc29uLnBob3RvVXJsU2VjdXJlXG4gICAgICA/IHRoaXMuc2FsZXNwZXJzb24ucGhvdG9VcmxTZWN1cmVcbiAgICAgIDogJ2h0dHBzOi8vdmJjLWZyb250ZW5kLnN0b3JhZ2UtZG93bmxvYWQuZ29vZ2xlYXBpcy5jb20vc2FsZXNwZXJzb24tZGV0YWlscy9kZWZhdWx0X3NhbGVzX3BlcnNvbi5qcGcnO1xuICB9XG5cbiAgZ2V0IG5hbWUoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5zYWxlc3BlcnNvbiAmJiB0aGlzLnNhbGVzcGVyc29uLmZvcm1hdHRlZE5hbWUgPyB0aGlzLnNhbGVzcGVyc29uLmZvcm1hdHRlZE5hbWUgOiAnJztcbiAgfVxuXG4gIGdldCB0aXRsZSgpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLnNhbGVzcGVyc29uICYmIHRoaXMuc2FsZXNwZXJzb24uam9iVGl0bGUgPyB0aGlzLnNhbGVzcGVyc29uLmpvYlRpdGxlIDogJyc7XG4gIH1cblxuICBnZXQgZW1haWwoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5zYWxlc3BlcnNvbiAmJiB0aGlzLnNhbGVzcGVyc29uLmVtYWlsID8gdGhpcy5zYWxlc3BlcnNvbi5lbWFpbCA6ICcnO1xuICB9XG5cbiAgZ2V0IGNpdHlBbmRTdGF0ZSgpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLnNhbGVzcGVyc29uICYmIHRoaXMuc2FsZXNwZXJzb24uY2l0eSAmJiB0aGlzLnNhbGVzcGVyc29uLnN0YXRlXG4gICAgICA/IHRoaXMuc2FsZXNwZXJzb24uY2l0eSArICcsICcgKyB0aGlzLnNhbGVzcGVyc29uLnN0YXRlXG4gICAgICA6ICcnO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCI+XG4gIDxkaXYgY2xhc3M9XCJzYWxlc3BlcnNvbi1jb250YWN0LWluZm9cIj5cbiAgICA8ZGl2IGNsYXNzPVwic2FsZXNwZXJzb24taW1hZ2VcIiAqbmdJZj1cInNhbGVzcGVyc29uXCI+XG4gICAgICA8dmEtaWNvbiBbaWNvblVybF09XCJpY29uVXJsXCIgW2RpYW1ldGVyXT1cIjYwXCI+PC92YS1pY29uPlxuICAgIDwvZGl2PlxuXG4gICAgPGRpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJzYWxlc3BlcnNvbi1uYW1lXCI+e3sgbmFtZSB9fTwvZGl2PlxuICAgICAgPGRpdj57eyB0aXRsZSB9fTwvZGl2PlxuICAgICAgPGRpdj57eyBjaXR5QW5kU3RhdGUgfX08L2Rpdj5cbiAgICAgIDxkaXY+XG4gICAgICAgIDxhIGhyZWY9XCJtYWlsdG86e3sgZW1haWwgfX1cIj57eyBlbWFpbCB9fTwvYT5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuXG4gICAgPGRpdiAqbmdJZj1cIiFzYWxlc3BlcnNvblwiIGNsYXNzPVwiZ2VuZXJpYy1jb250YWN0XCI+XG4gICAgICBDb250YWN0IHt7IGJyYW5kTmFtZSA/ICd5b3VyICcgKyBicmFuZE5hbWUgOiAnYScgfX0gcmVwcmVzZW50YXRpdmUgdG9kYXkhXG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2IGNsYXNzPVwicHJpY2luZ1wiPlxuICAgICAgPGFwcC1wcmljaW5nXG4gICAgICAgIFtwcmljaW5nXT1cInBhY2thZ2VQcmljaW5nXCJcbiAgICAgICAgd3JhcEZyZXF1ZW5jeT1cInRydWVcIlxuICAgICAgPjwvYXBwLXByaWNpbmc+XG4gICAgICA8ZGl2IGNsYXNzPVwiY3RhIGdldC1pdC1ub3ctYm90dG9tLWJ1dHRvblwiPlxuICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgbWF0LWJ1dHRvblxuICAgICAgICAgICpuZ0lmPVwic2FsZXNwZXJzb24gJiYgc2hvd0dldEl0Tm93XCJcbiAgICAgICAgICAoY2xpY2spPVwib25HZXRJdE5vd1NlbGVjdGVkKClcIlxuICAgICAgICAgIGNsYXNzPVwibm93LWJ1dHRvblwiXG4gICAgICAgID5cbiAgICAgICAgICBHZXQgaXQgTm93XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=