diff --git a/Client/src/app/components/balloon/balloon.component.css b/Client/src/app/components/balloon/balloon.component.css index 00e445e..7e07d1e 100644 --- a/Client/src/app/components/balloon/balloon.component.css +++ b/Client/src/app/components/balloon/balloon.component.css @@ -6,6 +6,14 @@ display: none; } +.bold { + font-weight: bold; +} + +.margin-top-space { + margin-top: 20px; +} + .errorMessages{ color: white; background-color: rgb(255,90,90); diff --git a/Client/src/app/components/balloon/balloon.component.html b/Client/src/app/components/balloon/balloon.component.html index cc85f1e..9bcff5c 100644 --- a/Client/src/app/components/balloon/balloon.component.html +++ b/Client/src/app/components/balloon/balloon.component.html @@ -1,9 +1,15 @@

-

- For general questions please complete the form below. If you are a missionary requesting - support please complete the Missionary Questionnaire form by clicking here. +

+ We are so glad you found one of our balloons. We would love to hear from you + and where you found it! +

+

+ Click here to learn more about us. +

+

+ Click here to learn more about Jesus.


@@ -12,13 +18,16 @@ - + + + + - + diff --git a/Client/src/app/components/balloon/balloon.component.ts b/Client/src/app/components/balloon/balloon.component.ts index 3194366..30e1e42 100644 --- a/Client/src/app/components/balloon/balloon.component.ts +++ b/Client/src/app/components/balloon/balloon.component.ts @@ -18,6 +18,7 @@ export class BalloonComponent implements OnInit { public name: string; public email: string; + public location: string; public phone: string; public body: string; public hp: string = "."; @@ -37,20 +38,23 @@ export class BalloonComponent implements OnInit { if (this.name == null || this.name == ""){ this.errorMessages.push("Please enter a name"); } - if (this.email == null || this.email == ""){ - this.errorMessages.push("Please enter an email address"); + if (this.location == null || this.location == ""){ + this.errorMessages.push("Please enter a city and state"); } if (this.body == null || this.body == ""){ this.errorMessages.push("Please enter a message"); } if (this.errorMessages.length > 0){ return; } + const body = `Location of balloon: ${this.location}\n${this.body}`; + const email = this.email || ' '; + this.submitButtonText = "Please Wait..."; this.submitButtonDisabled = true; this.emailService.sendEmail(this.name, this.email, this.phone, - this.body, + body, this.hp) .subscribe( success => {this.emailSuccess();},