![\"Pre-Plan](\"/assets/images/logo.jpg\"){kind=logo}
\n\nPets at Peace is here to treat your\n loved\n one\n with care and make this\n process as simple as possible for you. Start by filling out the pre-planning form below.
\n\n\n \n
","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule, FormsModule } from '@angular/forms';\nimport { RouterModule } from '@angular/router';\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\n\nimport { NotFoundComponent } from '@app/authentication/404/not-found.component';\nimport { AuthenticationRoutes } from '@app/authentication/authentication.routing';\nimport { LoginComponent } from '@app/authentication/login/login.component';\nimport { SignupComponent } from '@app/authentication/signup/signup.component';\nimport { SharedModule } from '@app/shared';\n\nimport * as Authentication from './../core/model/authentication.model';\n\n@NgModule({\n imports: [\n FormsModule,\n ReactiveFormsModule,\n CommonModule,\n NgbModule,\n SharedModule,\n RouterModule.forChild(AuthenticationRoutes)\n ],\n declarations: [NotFoundComponent, SignupComponent, LoginComponent]\n})\nexport class AuthenticationModule {}\n","import { Routes } from '@angular/router';\n\nimport { NotFoundComponent } from '@app/authentication/404/not-found.component';\nimport { LoginComponent } from '@app/authentication/login/login.component';\nimport { SignupComponent } from '@app/authentication/signup/signup.component';\n\nexport const AuthenticationRoutes: Routes = [\n// {\n// path: '',\n// children: [\n// {\n// path: '404',\n// component: NotFoundComponent\n// },\n// // {\n// // path: '/',\n// // component: LoginComponent\n// // },\n// {\n// path: 'login',\n// component: LoginComponent\n// },\n// {\n// path: 'signup',\n// component: SignupComponent\n// }\n// ]\n// }\n\n{\n path: '404',\n component: NotFoundComponent\n },\n // {\n // path: '/',\n // component: LoginComponent\n // },\n {\n path: 'login',\n component: LoginComponent\n },\n {\n path: 'signup',\n component: SignupComponent\n }\n\n];\n","import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { Router } from '@angular/router';\nimport { AuthenticationService } from '@app/core';\nimport { finalize } from 'rxjs/operators';\n\nimport { Authentication } from './../../core/model/authentication.model';\n\n@Component({\n selector: 'app-login',\n templateUrl: './login.component.html',\n styleUrls: ['./login.component.css']\n})\nexport class LoginComponent implements OnInit {\n loginForm: FormGroup;\n resetPasswordForm: FormGroup;\n isLoading = false;\n constructor(\n public router: Router,\n private formBuilder: FormBuilder,\n private authenticationService: AuthenticationService\n ) {\n this.createForm();\n }\n\n ngOnInit() {}\n\n login() {\n this.isLoading = true;\n this.authenticationService\n .login(this.loginForm.value)\n .pipe(\n finalize(() => {\n this.loginForm.markAsPristine();\n this.isLoading = false;\n })\n )\n .subscribe(\n (credentials: Authentication.Credentials) => {\n console.log(credentials);\n this.router.navigate(['/'], {\n replaceUrl: true\n });\n },\n (error: any) => {\n console.log(`Login error:`, error);\n }\n );\n }\n\n resetPassword() {\n // TODO: Implement Reset Password\n }\n\n private createForm() {\n this.loginForm = this.formBuilder.group({\n email: ['', [Validators.required]],\n password: ['', Validators.required]\n });\n this.resetPasswordForm = this.formBuilder.group({\n email: ['', [Validators.required, Validators.email]]\n });\n }\n}\n","\n
\n\n \n \n \n
\n Sign In
\n\n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n Forgot\n Password?\n \n \n
\n \n \n \n \n
\n \n
\n \n \n
\n \n Don't have an account?\n \n Sign Up\n \n
\n\n
\n \n
\n Recover Password
\n\n Enter your Email and instructions will be sent to you!\n
\n\n
\n \n
\n \n
\n \n \n Reset \n
\n \n
\n\n \n
\n Dashboard!
\n\n\n","import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'app-button-loading',\n template: `\n\n \n
\n \n `,\n styleUrls: ['./button-loading.scss'],\n})\nexport class ButtonLoadingComponent {\n \n // https://stackoverflow.com/questions/48410996/dynamically-append-component-to-div-in-angular-5\n // https://stackoverflow.com/questions/40060498/angular-2-1-0-create-child-component-on-the-fly-dynamically/40080290#40080290\n _ColorOverride: string = '';\n\n @Input() loading: boolean;\n @Input() ColorOverride: string = '';\n\n constructor() { }\n \n \n \n}","import {\n ComponentRef,\n ComponentFactoryResolver,\n Directive,\n Input,\n OnDestroy,\n ViewContainerRef,\n OnInit\n} from '@angular/core';\n\nimport { ButtonLoadingComponent } from './button-loading.component';\n\n@Directive({\n selector: '[appButtonLoading]'\n})\nexport class ButtonLoadingDirective implements OnDestroy, OnInit {\n /* ======================================================\n This @Input is the same name as the directive! That way there's no second property we need to get the input\n We'll also use .loading on the component for *ngIf - only seem to need @Input for tslint? It seems to work just setting this property\n ====================================================== */\n\n /* ======================================================\n \n ====================================================== */\n\n private _ColorOverride: string = '';\n\n @Input()\n set appButtonLoading(loading: boolean) {\n this.toggleLoader(loading);\n }\n @Input() ColorOverride: string = '';\n\n private componentInstance: ComponentRef\n \n \n {{formateError(errorObject[errorKey],control.errors[errorKey])}}\n \n \n \n {{apiErrorMessage}}\n \n
\n","// start:ng42.barrel\nexport * from './shared.module';\nexport * from './spinner.component';\nexport * from './breadcrumb';\nexport * from './button-loader';\nexport * from './layouts';\nexport * from './layouts/blank';\nexport * from './layouts/full';\n// end:ng42.barrel\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-blank-layout',\n templateUrl: './blank.component.html',\n styleUrls: []\n})\nexport class BlankComponent {}\n","\n\n\n\n \n \n \n
\n\n","// start:ng42.barrel\nexport * from './full.component';\n// end:ng42.barrel\n","// start:ng42.barrel\nexport * from './blank';\nexport * from './full';\n// end:ng42.barrel\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-footer',\n templateUrl: './footer.component.html',\n styleUrls: ['./footer.component.css']\n})\nexport class FooterComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","\n\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-header',\n templateUrl: './header.component.html',\n styleUrls: ['./header.component.css']\n})\nexport class HeaderComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","\n \n \n \n
\n \n \n \n \n \n \n\n \n \n \n\n\n
\n \n \n \n \n
","import { BrowserModule } from '@angular/platform-browser';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { RouterModule } from '@angular/router';\n\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\nimport { ToastrModule } from 'ngx-toastr';\n\nimport { ButtonLoadingModule } from './../modules/button-loading/button-loading.module';\nimport { StripeModule } from './../stripe/stripe.module';\n\nimport { BlankComponent } from '@app/shared/layouts/blank/blank.component';\nimport { BreadcrumbComponent } from '@app/shared/breadcrumb/breadcrumb.component';\nimport { ButtonLoaderComponent } from '@app/shared/button-loader';\nimport { FooterComponent } from './layouts/partials/footer/footer.component';\nimport { FormErrorWrapperComponent } from '@app/shared/form-error-wrapper/form-error-wrapper.component';\nimport { FullComponent } from '@app/shared/layouts/full/full.component';\nimport { HeaderComponent } from './layouts/partials/header/header.component';\nimport { SpinnerComponent } from '@app/shared/spinner.component';\n\n\n@NgModule({\n imports: [\n BrowserModule,\n CommonModule,\n FormsModule,\n RouterModule,\n NgbModule,\n ReactiveFormsModule,\n ToastrModule.forRoot({\n progressBar: true\n }),\n\n ButtonLoadingModule,\n StripeModule,\n ],\n declarations: [\n BlankComponent,\n BreadcrumbComponent,\n ButtonLoaderComponent,\n FooterComponent,\n FormErrorWrapperComponent,\n FullComponent,\n HeaderComponent,\n SpinnerComponent,\n ],\n exports: [\n BlankComponent,\n BreadcrumbComponent,\n ButtonLoaderComponent,\n ButtonLoadingModule,\n FullComponent,\n FormErrorWrapperComponent,\n SpinnerComponent,\n\n StripeModule,\n ],\n entryComponents: [],\n providers: []\n})\nexport class SharedModule { }\n","import {\n Component,\n Input,\n OnDestroy,\n Inject,\n ViewEncapsulation\n} from '@angular/core';\nimport {\n Router,\n NavigationStart,\n NavigationEnd,\n NavigationCancel,\n NavigationError\n} from '@angular/router';\nimport { DOCUMENT } from '@angular/common';\n\n@Component({\n selector: 'app-spinner',\n template: `\n
\nPre-Plan
\nPets at Peace is here to treat your loved one with care and make this process as simple as\n possible for you.
\n\n
`,\n encapsulation: ViewEncapsulation.None\n})\nexport class SpinnerComponent implements OnDestroy {\n public isSpinnerVisible = true;\n\n @Input()\n public backgroundColor = 'rgba(0, 115, 170, 0.69)';\n\n constructor(\n private router: Router,\n @Inject(DOCUMENT) private document: Document\n ) {\n this.router.events.subscribe(\n event => {\n if (event instanceof NavigationStart) {\n this.isSpinnerVisible = true;\n } else if (\n event instanceof NavigationEnd ||\n event instanceof NavigationCancel ||\n event instanceof NavigationError\n ) {\n this.isSpinnerVisible = false;\n }\n },\n () => {\n this.isSpinnerVisible = false;\n }\n );\n }\n\n ngOnDestroy(): void {\n this.isSpinnerVisible = false;\n }\n}\n","import { Component, OnInit, ViewChild, Input, Output, EventEmitter } from '@angular/core';\nimport { FormGroup, FormBuilder, Validators } from '@angular/forms';\nimport { HttpClient } from '@angular/common/http';\nimport { switchMap } from 'rxjs/operators';\nimport { Observable } from 'rxjs';\n\nimport { NoDecimalPipe } from './../../_pipes/no-decimal.pipe';\n\nimport { StripeService, StripeCardComponent } from 'ngx-stripe';\nimport { StripeCardElementOptions, StripeElementsOptions, StripeCardElementChangeEvent, PaymentIntent } from '@stripe/stripe-js';\n\n@Component({\n selector: 'app-stripe-pay-button',\n templateUrl: './stripe-pay-button.component.html',\n styleUrls: ['./stripe-pay-button.component.scss']\n})\nexport class StripePayButtonComponent implements OnInit {\n @Input() charge;\n @Input() clientInfo;\n @Input() id;\n @Output() eventListener = new EventEmitter();\n @ViewChild(StripeCardComponent) card: StripeCardComponent;\n\n public loading = false;\n // private _paymentSuccess: boolean = false;\n\n public cardOptions: StripeCardElementOptions = {\n style: {\n base: {\n // backgroundColor: '#028ee1',\n color: 'white',\n fontWeight: '400',\n fontFamily: '\"Alegreya\", \"Helvetica Neue\", Helvetica, sans-serif',\n fontSize: '18px',\n '::placeholder': {\n color: '#999',\n },\n iconColor: '#fff',\n },\n },\n };\n public elementsOptions: StripeElementsOptions = {\n locale: 'en',\n };\n // private privateKey: string = 'sk_test_51Hjn8wA7zjkr2lYuM1lfesGCKm4cwNY2aDBIL7mYAHPWKSgY5DJegi9fJ9vX4nIAnPIwy8NWVReTt9JIOao7CLT30085a5WrlW'; // TJNevis@gmail.com - sk_test_zJ7MYjtW5rxuhDqY9bXCNjui | rick@harrisfuneralhome.com - sk_test_51Hjn8wA7zjkr2lYuM1lfesGCKm4cwNY2aDBIL7mYAHPWKSgY5DJegi9fJ9vX4nIAnPIwy8NWVReTt9JIOao7CLT30085a5WrlW\n private stripeTest: FormGroup;\n\n\n\n constructor(\n private HttpClient: HttpClient,\n private FormBuilder: FormBuilder,\n private StripeService: StripeService,\n private NoDecimalPipe: NoDecimalPipe,\n ) { }\n\n\n\n public createPaymentIntent(amount: number): Observable\n \n \n
\n \n \n \n\n
","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { NgxStripeModule } from 'ngx-stripe';\n\nimport { ButtonLoadingModule } from './../modules/button-loading/button-loading.module';\n\nimport { StripePayButtonComponent } from './stripe-pay-button/stripe-pay-button.component';\n\n\n\n@NgModule({\n declarations: [\n StripePayButtonComponent,\n ],\n imports: [\n CommonModule,\n\n NgxStripeModule.forRoot('pk_live_51Hjn8wA7zjkr2lYuxvBX5HIRmQLLUsyxbnMXKfwbtvGeOI0lKb3CSp1Y4nZ1ejXHCzsVRe0J6T5y0tTDixFS6Xky00NQf0C7NA'), // TJNevis@gmail.com - pk_test_yaZD3rZ1J0Hg9LFlOmPlbFlQ /. rick@harrisfuneralhome.com - pk_test_51Hjn8wA7zjkr2lYudyP3KGzimCDYR5U7t0w570olFxX5Lh1MvJT8Q68573X8oQ0B17WTnTV8HnlKomSutuZL9sAL00oolHDKg9 - Also in server/app/controllers/payment.js\n\n ButtonLoadingModule,\n ],\n exports: [\n StripePayButtonComponent,\n ],\n})\nexport class StripeModule { }\n","import { formatCurrency } from '@angular/common';\nimport { Component, OnInit } from '@angular/core';\n\nimport { SurveyService } from './../survey.service';\nimport { UtilitiesService } from './../../_services/utilities.service';\n\n@Component({\n selector: 'app-page-survey',\n templateUrl: './page-survey.component.html',\n styleUrls: ['./page-survey.component.scss']\n})\nexport class PageSurveyComponent implements OnInit {\n\n public ClientAnswers: any = {};\n public Finished = false;\n public LoadingSurvey = false;\n public OrderPricingData: any = {};\n public PaymentSuccess = false;\n public QuestionnaireID = '';\n public SelectedProductsServices = {};\n public ShowStripe = false;\n public ShowSurvey = false;\n public SurveyJSON: any = {};\n public Subtotal: number = 0;\n public TotalPriceWithTax: number = 0;\n public TotalTax: number = 0;\n\n constructor(\n private SurveyService: SurveyService,\n private UtilitiesService: UtilitiesService,\n ) { }\n\n\n\n private AddPricesToData(currentPage) {\n /* ======================================================\n Remove any previously set value - really only an issue on\n page 1 with the dynamic cremation pricing\n ====================================================== */\n document.querySelectorAll('.price-placeholder').forEach(e => e.parentNode.removeChild(e));\n\n for (let page = 0; page < this.SurveyJSON.pages.length; page++) {\n\n /* ======================================================\n Let's only do the replacement stuff on the current page because\n we need to use document.querySelector - haven't been able to do the model dynamically\n ====================================================== */\n if (page !== currentPage)\n continue;\n\n for (let q = 0; q < this.SurveyJSON.pages[page].elements.length; q++) {\n const question = this.SurveyJSON.pages[page].elements[q];\n\n /* ======================================================\n Check if there is pricing for this question\n ====================================================== */\n\n if (this.PriceLookup[question.name]) {\n\n for (let c = 0; c < question.choices.length; c++) {\n const questionAnswer = question.choices[c].value;\n const questionPriceInfo = this.PriceLookup[question.name][questionAnswer];\n const hasWeightPricing = (typeof questionPriceInfo === 'object');\n let displayPrice = 0;\n let weightPrices;\n\n if (hasWeightPricing) {\n // Assume we have the pet weight from page 1\n const petWeight = parseFloat(this.ClientAnswers['pets_weight']);\n weightPrices = questionPriceInfo.weightPrices;\n\n for (let i = 0; i < weightPrices.length; i++) {\n let currentPriceParameters = weightPrices[i];\n\n if (petWeight >= currentPriceParameters.minWeight && petWeight <= currentPriceParameters.maxWeight) {\n const productPrice = currentPriceParameters.price;\n displayPrice = productPrice;\n }\n }\n\n } else {\n displayPrice = questionPriceInfo;\n }\n\n // if (displayPrice > 0) { // Included / standard will be $0 - still display that\n\n let priceElement = document.createElement('div');\n priceElement.classList.add('price-placeholder');\n if (typeof displayPrice === 'number') {\n priceElement.innerHTML = formatCurrency(displayPrice, 'EN', '$');\n } else if (typeof displayPrice === 'string') { // When it's not available - show that text\n // Keep the \"Not Available\" text so I can evaluate and get to this block\n const maxAllowedWeight = weightPrices.slice(-2, -1)[0].maxWeight; // Get the second to last array (the one before this \"not available\" option) which will have the maxWeight we want\n priceElement.innerHTML = '' + displayPrice + maxAllowedWeight + ' pounds.';\n document.querySelector('[name=\"' + question.name + '\"] [value=\"' + questionAnswer + '\"]').setAttribute('disabled', 'disabled'); // Visible but not selectable\n // document.querySelector('[name=\"' + question.name + '\"] [value=\"' + questionAnswer + '\"]').parentNode.parentNode.classList.add('d-none'); //div.sv_q_radiogroup > label.custom-control.custom-radio > input[type=\"radio\"] - Hidden\n }\n\n let currentAnswerHTML = document.querySelector('[name=\"' + question.name + '\"] [value=\"' + questionAnswer + '\"]').parentNode;\n currentAnswerHTML.appendChild(priceElement)\n\n // Trying to update the model after it had been \"registered\" didn't work\n // console.log(this.SurveyJSON.pages[page].elements[q].choices[c].text)\n // Append to description\n // this.SurveyJSON.pages[page].elements[q].choices[c].text += 'Credit Card Details
\n \n\n' + formatCurrency(displayPrice, 'EN', '$') + '
'\n // }\n\n }\n\n }\n\n }\n\n }\n }\n\n\n\n // public CalculateMatrixRowTotal(matrixRow, addKeyValues) {\n\n // /* ======================================================\n // We'll get an object like\n // {\n // 'Classic Pet': {\n // Add: ['Add'],\n // Size: 'Small',\n // Quantity: 2,\n // },\n // }\n // ====================================================== */\n\n // Object.keys(matrixRow).forEach(productName => {\n // console.log(productName);\n\n // /* ======================================================\n // Find product name in the lookup table\n // ====================================================== */\n // if (this.PriceLookup[productName]) {\n\n // /* ======================================================\n // addKeyValues are also considered required fields - let's\n // make sure we have them all before we try to add\n // ====================================================== */\n // // for (let i = 0; i < addKeyValues.length; i++) {\n\n // // if (matrixRow[productName].hasOwnProperty(addKeyValues[i]) === false)\n // // return false; // Not ready\n\n // // }\n\n // /* ======================================================\n // Now we know we have all the properties, let's add them\n // ====================================================== */\n // let quantity = 0;\n // let productPrice = 0;\n\n // for (let i = 0; i < addKeyValues.length; i++) {\n // const productSubSelection = matrixRow[productName][addKeyValues[i]];\n\n // if (addKeyValues[i] === 'Quantity') { // Special exception\n // quantity = parseFloat(matrixRow[productName][addKeyValues[i]]);\n // } else {\n // productPrice = this.PriceLookup[productName][addKeyValues[i]][productSubSelection]; // Product sub-selection price (like small, medium, large)\n // console.log(addKeyValues[i])\n // }\n\n // console.log(addKeyValues);\n\n // }\n\n // this.SelectedProductsServices[productName] = quantity * productPrice;\n\n // } else {\n // console.log('Product does not have a price set');\n // return false;\n // }\n\n // });\n\n // }\n\n\n\n // TODO - NOT CALCULATING IF YOU SELECT CREMATION TYPE BEFORE PET WEIGHT\n public CalculateSelectedProducts($event) {\n // if ($event.options.question.getType() !== 'matrixdropdown') {\n\n // Regular - though test checkbox...? or not needed now with matrix?\n /* ======================================================\n Correct the total price for a multi-select option\n This updated total (and others) will be calculated below for TotalPrice\n ====================================================== */\n this.OrderPricingData[$event.options.name] = []; // Reset\n\n if (Array.isArray($event.options.value)) {\n /* ======================================================\n Single price items like keepsakes and memorial items\n ====================================================== */\n this.SelectedProductsServices[$event.options.name] = 0; // Reset\n let totalOptionPrice = 0;\n for (let i = 0; i < $event.options.value.length; i++) {\n const currentItem = $event.options.value[i];\n const currentItemPrice = this.PriceLookup[$event.options.name][$event.options.value[i]];\n totalOptionPrice += parseFloat(currentItemPrice);\n this.OrderPricingData[$event.options.name].push({ item: currentItem, price: currentItemPrice });\n }\n\n this.SelectedProductsServices[$event.options.name] = totalOptionPrice;\n } else if (this.PriceLookup[$event.options.name] && this.PriceLookup[$event.options.name][$event.options.value]) {\n /* ======================================================\n Weight prices like the type of cremation and urn\n ====================================================== */\n\n const selectedProductPricesByWeight = this.PriceLookup[$event.options.name][$event.options.value].weightPrices;\n\n if (selectedProductPricesByWeight) {\n const petWeight = parseFloat(this.ClientAnswers['pets_weight']);\n\n for (let i = 0; i < selectedProductPricesByWeight.length; i++) {\n let currentPriceParameters = selectedProductPricesByWeight[i];\n\n if (petWeight >= currentPriceParameters.minWeight && petWeight <= currentPriceParameters.maxWeight)\n this.SelectedProductsServices[$event.options.name] = currentPriceParameters.price; // this.PriceLookup[$event.options.name][$event.options.value].weightPrices[i].price\n }\n\n this.OrderPricingData[$event.options.name].push({ item: $event.options.value, price: this.SelectedProductsServices[$event.options.name] });\n\n } else {\n // this.SelectedProductsServices[$event.options.name]\n // // Like Memorial Items and Keepsakes / Jewelry?\n // this.SelectedProductsServices[$event.options.name] = this.PriceLookup[$event.options.name][$event.options.value];\n }\n\n }\n\n // } else {\n // // this.CalculateMatrixRowTotal($event.options.value, ['Size', 'Quantity']);\n // }\n }\n\n\n\n public CalculateTotal() {\n this.Subtotal = 0; // Start over\n\n /* ======================================================\n Update / re-evaluate the cremation price\n ====================================================== */\n // if (\n // this.ClientAnswers['type_of_cremation']\n // && this.ClientAnswers['type_of_cremation'] === 'Semi-Private'\n // && this.ClientAnswers['pets_weight']\n // && parseFloat(this.ClientAnswers['pets_weight']) < 3\n // )\n // this.SelectedProductsServices['type_of_cremation'] = 85;\n\n Object.keys(this.SelectedProductsServices).forEach((key) => {\n if (!isNaN(parseFloat(this.SelectedProductsServices[key])))\n this.Subtotal += parseFloat(this.SelectedProductsServices[key]);\n });\n\n // console.log(this.SelectedProductsServices)\n\n if (!isNaN(this.Subtotal)) {\n this.TotalTax = parseFloat((this.Subtotal * 0.08).toFixed(2)); // The method toFixed() converts a number to a string. You have to parse the variables to numbers:\n this.TotalPriceWithTax = parseFloat((this.Subtotal * 1.08).toFixed(2)); // Tax\n }\n\n // console.log('Total price with tax', this.Subtotal, this.TotalPriceWithTax);\n }\n\n\n\n public MicroSurveyEvents($event) {\n\n // console.log($event);\n\n if ($event.survey && $event.survey.data) // Won't have any property when initializing\n this.ClientAnswers = $event.survey.data;\n\n if ($event.eventName === 'ModelCreated') {\n\n setTimeout(() => {\n for (let p = 0; p < this.SurveyJSON.pages.length; p++) {\n\n for (let e = 0; e < this.SurveyJSON.pages[p].elements.length; e++) {\n const question = this.SurveyJSON.pages[p].elements[e];\n if (question.defaultValue)\n $event.model.setValue(question.name, question.defaultValue); // Hard set this - not working out of the box? Maybe because of pretty checkboxes, but I'm not sure...\n }\n }\n })\n }\n\n if ($event.eventName === 'onComplete') {\n this.Finished = true; // Evaluate here (if items selected)\n // console.log($event.survey.data)\n let updatedData: any = this.UtilitiesService.cloneObject($event.survey.data);\n updatedData.completed = true;\n updatedData.current_pricing = this.PriceLookup;\n updatedData.current_pricing.tax = this.TotalTax;\n updatedData.current_pricing.subtotal = this.Subtotal;\n updatedData.current_pricing.totalPriceWithTax = this.TotalPriceWithTax;\n updatedData.order_pricing_data = this.OrderPricingData;\n this.SurveyService.Survey.Save(updatedData).subscribe((response: any) => {\n // console.log(response);\n this.QuestionnaireID = response._id;\n });\n }\n\n\n if ($event.eventName === 'onCurrentPageChanged') {\n // $event.model.setValue('type_of_cremation', 'Semi-Private')\n\n // document.querySelector('input[name=\"type_of_cremation_sq_104\"][value=\"Semi-Private\"]').click()\n\n /* ======================================================\n To save as you page, I need an identifier, so I'd need\n to ask for the pet parent info on the first page and\n use the email address as the identifier for upsert\n ====================================================== */\n // this.SurveyService.Survey.Save($event.survey.data).subscribe(response => {\n // console.log(response);\n // });\n\n // Doing form after completion now\n // if (($event.survey.currentPageNo + 1) === $event.survey.PageCount) // Last page\n // document.getElementById('surveysummary').innerHTML = document.getElementById('summarytemp').innerHTML; // Grab the dynamic text and put it in the position we want it\n\n this.CalculateSelectedProducts($event);\n\n this.AddPricesToData($event.survey.currentPageNo);\n }\n\n if ($event.eventName === 'onValueChanged') {\n\n /* ======================================================\n In the event the client has added the pet weight, let's dynamically\n update the cremation pricing\n ====================================================== */\n if ($event.survey.currentPageNo === 0 && this.ClientAnswers.pets_weight)\n this.AddPricesToData(0);\n\n if ($event.options && $event.options.name) {\n\n this.CalculateSelectedProducts($event);\n\n this.CalculateTotal(); // Either regular or matrix\n\n }\n\n }\n\n // if ($event.eventName === 'onMatrixCellValueChanged') {\n // I couldn't find how to get the product name, like 'Classic Pet'...I could only find \"memorial_items\"\n // this.CalculateMatrixRowTotal($event.options.rowValue, ['Size', 'Quantity']);\n // }\n\n }\n\n\n\n public PriceLookup = {\n\n // Order that questions are asked\n\n type_of_cremation: {\n Communal: {\n weightPrices: [\n {\n maxWeight: 2,\n minWeight: 0,\n price: 55,\n },\n {\n maxWeight: 35,\n minWeight: 3,\n price: 65,\n },\n {\n maxWeight: 200,\n minWeight: 36,\n price: 105,\n },\n ]\n },\n 'Semi-Private': {\n weightPrices: [\n {\n maxWeight: 2,\n minWeight: 0,\n price: 85,\n },\n {\n maxWeight: 35,\n minWeight: 3,\n price: 165,\n },\n {\n maxWeight: 200,\n minWeight: 36,\n price: 215,\n },\n ]\n },\n Private:\n {\n weightPrices: [\n {\n maxWeight: 2,\n minWeight: 0,\n price: 195,\n },\n {\n maxWeight: 35,\n minWeight: 3,\n price: 295,\n },\n {\n maxWeight: 200,\n minWeight: 36,\n price: 395,\n },\n ]\n },\n },\n\n chosen_urn: {\n 'Black Photo Box': {\n weightPrices: [\n {\n maxWeight: 15,\n minWeight: 0,\n price: 45,\n },\n {\n maxWeight: 30,\n minWeight: 16,\n price: 65,\n },\n {\n maxWeight: 75,\n minWeight: 31,\n price: 85,\n },\n {\n maxWeight: 180,\n minWeight: 76,\n price: 95,\n },\n {\n maxWeight: 999,\n minWeight: 61,\n price: 'Not available for pets over the weight of ',\n },\n ]\n },\n 'Ceramic - Blue': {\n weightPrices: [\n {\n maxWeight: 15,\n minWeight: 0,\n price: 55,\n },\n {\n maxWeight: 30,\n minWeight: 16,\n price: 70,\n },\n {\n maxWeight: 60,\n minWeight: 31,\n price: 85,\n },\n {\n maxWeight: 999,\n minWeight: 61,\n price: 'Not available for pets over the weight of ',\n },\n ]\n },\n 'Classic Paw - Slate': {\n weightPrices: [\n {\n maxWeight: 15,\n minWeight: 0,\n price: 60,\n },\n {\n maxWeight: 30,\n minWeight: 16,\n price: 65,\n },\n {\n maxWeight: 75,\n minWeight: 31,\n price: 90,\n },\n {\n maxWeight: 200,\n minWeight: 76,\n price: 135,\n },\n {\n maxWeight: 999,\n minWeight: 201,\n price: 'Not available for pets over the weight of ',\n },\n ]\n },\n 'Laser Engraved Photo Urn': {\n weightPrices: [\n {\n maxWeight: 200,\n minWeight: 0,\n price: 95,\n },\n {\n maxWeight: 999,\n minWeight: 201,\n price: 'Not available for pets over the weight of ',\n },\n ]\n },\n 'Maus - Granite': {\n weightPrices: [\n {\n maxWeight: 30,\n minWeight: 0,\n price: 55,\n },\n {\n maxWeight: 70,\n minWeight: 31,\n price: 60,\n },\n {\n maxWeight: 180,\n minWeight: 71,\n price: 130,\n },\n {\n maxWeight: 999,\n minWeight: 181,\n price: 'Not available for pets over the weight of ',\n },\n ]\n },\n 'Odyssey - Crimson': {\n weightPrices: [\n {\n maxWeight: 15,\n minWeight: 0,\n price: 65,\n },\n {\n maxWeight: 30,\n minWeight: 16,\n price: 75,\n },\n {\n maxWeight: 60,\n minWeight: 31,\n price: 90,\n },\n {\n maxWeight: 999,\n minWeight: 61,\n price: 'Not available for pets over the weight of ',\n },\n ]\n },\n 'Odyssey - Pearl': {\n weightPrices: [\n {\n maxWeight: 15,\n minWeight: 0,\n price: 65,\n },\n {\n maxWeight: 30,\n minWeight: 16,\n price: 75,\n },\n {\n maxWeight: 60,\n minWeight: 31,\n price: 90,\n },\n {\n maxWeight: 999,\n minWeight: 61,\n price: 'Not available for pets over the weight of ',\n },\n ]\n },\n 'Photo Cube - Navy': {\n weightPrices: [\n {\n maxWeight: 15,\n minWeight: 0,\n price: 45,\n },\n {\n maxWeight: 35,\n minWeight: 16,\n price: 65,\n },\n {\n maxWeight: 75,\n minWeight: 36,\n price: 85,\n },\n {\n maxWeight: 999,\n minWeight: 76,\n price: 'Not available for pets over the weight of ',\n },\n ]\n },\n 'Photo Urn - Black': {\n weightPrices: [\n {\n maxWeight: 15,\n minWeight: 0,\n price: 45,\n },\n {\n maxWeight: 30,\n minWeight: 16,\n price: 65,\n },\n {\n maxWeight: 75,\n minWeight: 31,\n price: 85,\n },\n {\n maxWeight: 180,\n minWeight: 76,\n price: 95,\n },\n {\n maxWeight: 999,\n minWeight: 181,\n price: 'Not available for pets over the weight of ',\n },\n ]\n },\n 'Standard (included)': {\n weightPrices: [\n {\n maxWeight: 200,\n minWeight: 0,\n price: 0,\n },\n {\n maxWeight: 999,\n minWeight: 201,\n price: 'Not available for pets over the weight of ',\n },\n ]\n },\n },\n\n memorial_items: {\n 'Clay Paw Print': 26.50,\n 'Fur Clipping': 10,\n 'Rainbow Bridge Candle': 25,\n },\n\n keepsake_options: {\n 'No Keepsakes': 0,\n 'Onyx Paw Print Cylinder': 85,\n 'Stainless Steel Paw Bracelet with Paw Charm': 100,\n 'Stainless Steel Paw Print Dog Tag': 135,\n 'Stainless Steel Paw Prints Keychain': 50,\n 'Stainless Steel Pewter Hinged Paw Pendant': 110,\n 'Sterling Silver Paw Print Heart Pendant': 190,\n },\n\n // final_goodbye: {\n // No: 0,\n // Yes: 50,\n // },\n\n // create_memorial: {\n // No: 0,\n // Yes: 500,\n // },\n\n // 'Classic Pet': {\n\n // Size: {\n // Small: 1,\n // Medium: 2,\n // Large: 3,\n // },\n\n // },\n\n };\n\n\n\n public StripeEvents($event) {\n if ($event && $event.paymentSuccess) {\n this.ShowStripe = !$event.paymentSuccess;\n this.PaymentSuccess = $event.paymentSuccess;\n }\n }\n\n\n\n ngOnInit(): void {\n this.LoadingSurvey = true;\n\n this.SurveyService.PrePlanSurvey.GetJSON().subscribe(response => {\n this.SurveyJSON = response.JSON;\n this.LoadingSurvey = false;\n });\n }\n\n\n\n}\n","\n\n \n\n \n\n \n \n\n Payment Received
\n\n \n\n
","import { NgModule } from '@angular/core';\nimport { Routes, RouterModule } from '@angular/router';\n\nimport { FullComponent } from '@app/shared';\n\nimport { PageSurveyComponent } from './page-survey/page-survey.component';\n\nconst routes: Routes = [\n {\n path: '', // 'preplan',\n component: FullComponent,\n children: [\n {\n path: '',\n component: PageSurveyComponent,\n outlet: 'LayoutRouterOutlet',\n // loadChildren: () =>\n // import('./authentication/authentication.module').then(\n // m => m.AuthenticationModule\n // )\n },\n ]\n },\n];\n\n@NgModule({\n imports: [RouterModule.forChild(routes)],\n exports: [RouterModule]\n})\nexport class SurveyRoutingModule { }","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { SharedModule } from '@app/shared';\nimport { SurveyRoutingModule } from './survey-routing.module';\n\nimport { SurveyComponent } from './survey/survey.component';\nimport { PageSurveyComponent } from './page-survey/page-survey.component';\n\n\n\n@NgModule({\n declarations: [\n SurveyComponent,\n PageSurveyComponent,\n ],\n imports: [\n CommonModule,\n\n SharedModule,\n SurveyRoutingModule,\n ],\n exports: [\n SurveyRoutingModule,\n ]\n})\nexport class SurveyModule { }\n","import { Observable, BehaviorSubject, of } from 'rxjs';\nimport { map } from 'rxjs/operators';\nimport { Injectable } from '@angular/core';\nimport { ActivatedRouteSnapshot, RouterStateSnapshot, CanDeactivate } from '@angular/router';\nimport { HttpClient } from '@angular/common/http';\n\nimport { AnalyticService } from './../_directives/analytic/analytic.service';\n// import { ServerService } from './../../_services/server.service';\n// import { UserService } from './../../_auth/user.service';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class SurveyService implements CanDeactivateTotal\n (with\n tax):\n {{TotalPriceWithTax | currency}}\n
\n\n\n\n
\n\n \n\n \n \n\n
\n\n {{ClientAnswers?.pets_name}}'s Legacy
\n\n\n\n
\n\n \n
\n\n \n \n \n
\n - \n
- You have selected a {{ClientAnswers?.type_of_cremation | lowercase}} cremation. \n
- You have selected the {{ClientAnswers?.chosen_urn | titlecase}} urn. \n\n
- You\n do not wish to order any memorial items. \n 0\">\n
- \n You have ordered a {{m | titlecase}}.\n \n \n
- \n You do not wish\n to order any keepsakes. \n 0\">\n
- \n You have ordered a {{k | titlecase}}.\n \n \n \n
Would you like to process payment now?
\n\n \n \n
\n\n Total:\n {{TotalPriceWithTax | currency}}\n
\nPayment Received
Thank\n you
\n\n \n\nOur thoughts are with you during this difficult time.
Healing Poems of Love and Loss\",\n \"completedHtml\": \"Thank you for your pre-plan submission.
A confirmation has been sent to your e-mail. If you need immediate assistance, please contact us at (585) 544-2041.
\",\n \"completeText\": \"Submit\",\n \"pages\": [\n {\n \"name\": \"page1\",\n \"title\": \"\",\n \"elements\": [\n {\n \"type\": \"html\",\n \"name\": \"question10\",\n \"html\": \"Please tell us about your pet.
\"\n },\n {\n \"type\": \"text\",\n \"name\": \"pets_name\",\n \"title\": \"Pet's Name\",\n \"isRequired\": true\n },\n {\n \"type\": \"dropdown\",\n \"name\": \"type_of_pet\",\n \"startWithNewLine\": false,\n \"title\": \"Type of Pet\",\n \"isRequired\": true,\n \"choices\": [\n \"Cat\",\n \"Dog\",\n \"Bird\",\n \"Other\"\n ]\n },\n {\n \"type\": \"text\",\n \"name\": \"pets_weight\",\n \"title\": \"Pet's Weight (in lbs)\",\n \"isRequired\": true,\n \"inputType\": \"number\"\n },\n {\n \"startWithNewLine\": false,\n \"type\": \"dropdown\",\n \"name\": \"pets_gender\",\n \"title\": \"Pet's Gender\",\n \"choices\": [\n \"Female\",\n \"Male\",\n \"Other\"\n ]\n },\n {\n \"type\": \"radiogroup\",\n \"name\": \"type_of_cremation\",\n \"title\": \"What type of cremation would you like?\",\n // \"defaultValue\": \"Private\",\n \"choices\": [\n {\n \"value\": \"Private\",\n \"text\": \"\"\n },\n {\n \"value\": \"Semi-Private\",\n \"text\": \"\"\n },\n {\n \"value\": \"Communal\",\n \"text\": \"\"\n }\n ],\n \"isRequired\": true,\n \"colCount\": 3\n },\n {\n \"type\": \"html\",\n \"name\": \"question2\",\n \"html\": `Private Cremation
\n- \n
- A true private cremation – Your pet is the ONLY pet in our cremation unit. \n
- You have the option to witness a portion of your pet’s cremation. An appointment is required. \n
- We use a 100% guaranteed ID pet tracking system. Our method is the only one recommended by the Cremation Association of North America. \n
- We guarantee that your pet’s cremated remains will be available within 72 hours of receiving your pet into our care. (Excludes weekends and holidays). \n
- Your pet’s cremated remains are gently placed in a custom embroidered velvet pouch and then returned to you in a beautiful wooden urn. \n
- A cherished ink paw print impression, cremation certificate, and a “Grieving the Lost of Your Pet” guide are included. \n
- \n
- 0-2 lbs: $195 \n
- 3-35 lbs: $295 \n
- 36-200 lbs: $395 \n
Semi-Private Cremation
\n- \n
- Your pet is placed in the cremation unit along with other pets. However, our unique stainless steel dividers ensure that your pet is completely segregated from the others. Pets are NEVER touching. We guarantee you will receive your pet’s cremated remains only. \n
- We use a 100% guaranteed ID pet tracking system. Our method is the only one recommended by the Cremation Association of North America. \n
- We guarantee that your pet’s cremated remains will be available within 72 hours of receiving your pet into our care. (Excludes weekends and holidays). \n
- You’re pet’s cremated remains are gently placed in a custom embroidered velvet pouch and then returned to you in a beautiful wooden urn. \n
- A cherished ink paw print impression, cremation certificate, and a “Grieving the Loss of Your Pet” guide are included. \n
- \n
- 0-2 lbs: $85 \n
- 3-35 lbs: $165 \n
- 36-200 lbs: $215 \n
Communal Cremation
\n- \n
- Communal cremation is the process of cremating multiple pets together without any form of separation. The commingled cremated remains are not returned to the pet owners(s) and will be disposed of in a non-recoverable manner. \n
- Your pet will be transferred from your Veterinary Hospital or home in a timely manner. \n
- Payment in full is required at the time of death. \n
- Once you have selected the cremation option that is best for your pet, it is important to determine the best way to get your pet into our care. \n
- \n
- 0-2 lbs: $55 \n
- 3-35 lbs: $65 \n
- 36-200 lbs: $105 \n
Stainless Steel Paw Bracelet with Paw Charm
\"\n },\n {\n \"value\": \"Stainless Steel Paw Print Dog Tag\",\n \"text\": \" Stainless Steel Paw Print Dog Tag with 24 inch Chain
\"\n },\n {\n \"value\": \"Stainless Steel Paw Prints Keychain\",\n \"text\": \" Stainless Steel Paw Prints Keychain
\"\n },\n {\n \"value\": \"Onyx Paw Print Cylinder\",\n \"text\": \" Onyx Paw Print Cylinder with 19 inch Chain
\"\n },\n {\n \"value\": \"Sterling Silver Paw Print Heart Pendant\",\n \"text\": \" Sterling Silver Paw Print Heart Pendant with 20 inch Chain
\"\n },\n {\n \"value\": \"Stainless Steel Pewter Hinged Paw Pendant\",\n \"text\": \" Stainless Steel Pewter Hinged Paw Pendant with 19 inch Chain
\"\n },\n ],\n \"colCount\": 3\n },\n // {\n // \"type\": \"text\",\n // \"name\": \"keepsake_quantity\",\n // \"title\": \"Keepsake Quantity\",\n // // \"visibleIf\": \"{keepsake_yes_no} = 'Yes'\"\n // }\n ]\n },\n // {\n // \"name\": \"page5\",\n // \"title\": \"Final Goodbye\",\n // \"elements\": [\n // {\n // \"type\": \"radiogroup\",\n // \"name\": \"final_goodbye\",\n // \"title\": \"I would like a final goodbye\",\n // \"choices\": [\n // \"Yes\",\n // \"No\"\n // ],\n // \"colCount\": 2\n // }\n // ],\n // \"description\": \"Many pet parents along with their families want to have a one last final goodbye after the death of their pet. In most families, the death of a pet can be everyone's first experience. We encourage everyone, including other pets, to participate in the final goodbye. It is proven that by having a private goodbye helps many families through grief and with closure. Please know that our staff has been trained in the proper procedures and care techniques to ensure that your pet is groomed and presentable for the final goodbye. Please know that our staff has been trained in the proper procedures and care techniques to ensure that your pet is groomed and presentable for the final goodbye.\"\n // },\n // {\n // \"name\": \"page6\",\n // \"title\": \"Your Pet's Memorial\",\n // \"elements\": [\n // {\n // \"type\": \"radiogroup\",\n // \"name\": \"create_memorial\",\n // \"title\": \"Do you wish to create a memorial of your pet?\",\n // \"choices\": [\n // \"Yes\",\n // \"No\"\n // ],\n // \"colCount\": 2\n // }\n // ],\n // \"description\": \"There are many ways to memorialize & remember your pet when they pass. We offer many different products, such as Laser Photo Urns, Clay Paw Prints, Fur Clippings & Rainbow Bridge Candles etc. We also offer free On line Memorials or Pet Obituaries. Our on line memorials allow you to write your own remembrance and upload photos. This lifetime archive will always be visible on our website, you can even share it on Facebook for family and friends to see it.\"\n // },\n {\n \"name\": \"page7\",\n \"title\": \"Summary\",\n \"elements\": [\n {\n \"type\": \"radiogroup\",\n \"name\": \"time_frame\",\n \"title\": \"Time Frame\",\n \"choices\": [\n \"Contact me to answer any further questions or schedule an appointment.\",\n \"Place my pet's information on file.\"\n ]\n },\n {\n \"type\": \"text\",\n \"name\": \"pet_owner_first_name\",\n \"title\": \"First Name\",\n \"isRequired\": true\n },\n {\n \"type\": \"text\",\n \"name\": \"pet_owner_last_name\",\n \"startWithNewLine\": false,\n \"title\": \"Last Name\",\n \"isRequired\": true\n },\n {\n \"type\": \"text\",\n \"name\": \"pet_owner_email\",\n \"title\": \"Your Email\",\n \"isRequired\": true,\n \"inputType\": \"email\"\n },\n {\n \"type\": \"text\",\n \"name\": \"pet_owner_phone_number\",\n \"startWithNewLine\": false,\n \"title\": \"Your Phone Number\",\n \"isRequired\": true,\n \"inputType\": \"text\",\n \"inputFormat\": \"(999) 999-9999\"\n },\n {\n \"type\": \"text\",\n \"name\": \"address\",\n \"title\": \"Address\",\n \"isRequired\": true\n },\n {\n \"type\": \"text\",\n \"name\": \"city\",\n \"startWithNewLine\": false,\n \"title\": \"City\",\n \"isRequired\": true\n },\n {\n \"type\": \"text\",\n \"name\": \"state\",\n \"title\": \"State\",\n \"isRequired\": true\n },\n {\n \"type\": \"text\",\n \"startWithNewLine\": false,\n \"name\": \"zip\",\n \"title\": \"Zip\",\n \"isRequired\": true\n },\n {\n \"type\": \"html\",\n \"name\": \"question9\",\n \"html\": \"\", // \n // \"html\": \"
\"\n }\n ]\n },\n // {\n // \"name\": \"page8\",\n // \"elements\": [\n // {\n // \"type\": \"html\",\n // \"name\": \"question9\",\n // \"html\": \"\"\n // }\n // ]\n // }\n ]\n }\n\n });\n\n // };\n\n });\n\n },\n\n GetJSONFlattened: (existing?): ObservableSummary
\n \n
","export const environment = {\n env: 'PROD',\n production: true,\n serverBaseUrl: 'https://api.preplan.notifypetsatpeace.com',\n serverUrl: 'https://api.preplan.notifypetsatpeace.com'\n};\n","import { enableProdMode } from '@angular/core';\nimport { platformBrowserDynamic } from '@angular/platform-browser-dynamic';\n\nimport { AppModule } from './app/app.module';\nimport { environment } from './environments/environment';\n\nif (environment.production) {\n enableProdMode();\n if (window) {\n window.console.log = function () { };\n }\n /**\n * To enable PWA Service worker uncomment this code\n */\n if ('serviceWorker' in navigator) {\n window.addEventListener('load', function () {\n navigator.serviceWorker.register('ngsw-worker.js');\n });\n }\n}\n\nplatformBrowserDynamic()\n .bootstrapModule(AppModule)\n .catch((err: any) => console.log(err));\n"],"sourceRoot":"webpack:///"}