making the mission trip form forward based on last answers
This commit is contained in:
parent
d34828cf1d
commit
be221e2eec
|
|
@ -1558,6 +1558,10 @@ select {
|
|||
top: 0px;
|
||||
}
|
||||
|
||||
.right-0 {
|
||||
right: 0px;
|
||||
}
|
||||
|
||||
.top-20 {
|
||||
top: 5rem;
|
||||
}
|
||||
|
|
@ -1566,10 +1570,6 @@ select {
|
|||
z-index: 30;
|
||||
}
|
||||
|
||||
.z-50 {
|
||||
z-index: 50;
|
||||
}
|
||||
|
||||
.z-10 {
|
||||
z-index: 10;
|
||||
}
|
||||
|
|
@ -1727,6 +1727,10 @@ select {
|
|||
margin-bottom: 3rem;
|
||||
}
|
||||
|
||||
.mb-5 {
|
||||
margin-bottom: 1.25rem;
|
||||
}
|
||||
|
||||
.mr-2 {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
|
@ -1767,14 +1771,18 @@ select {
|
|||
margin-top: 0.5rem;
|
||||
}
|
||||
|
||||
.mb-5 {
|
||||
margin-bottom: 1.25rem;
|
||||
}
|
||||
|
||||
.\!mb-9 {
|
||||
margin-bottom: 2.25rem !important;
|
||||
}
|
||||
|
||||
.ml-auto {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.mr-auto {
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.mb-\[2px\] {
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
|
@ -1847,8 +1855,24 @@ select {
|
|||
height: 2rem;
|
||||
}
|
||||
|
||||
.h-\[300px\] {
|
||||
height: 300px;
|
||||
.h-\[120px\] {
|
||||
height: 120px;
|
||||
}
|
||||
|
||||
.h-\[100px\] {
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
.h-\[150px\] {
|
||||
height: 150px;
|
||||
}
|
||||
|
||||
.h-\[800px\] {
|
||||
height: 800px;
|
||||
}
|
||||
|
||||
.h-\[1000px\] {
|
||||
height: 1000px;
|
||||
}
|
||||
|
||||
.max-h-\[5rem\] {
|
||||
|
|
@ -1859,6 +1883,10 @@ select {
|
|||
min-height: 0px;
|
||||
}
|
||||
|
||||
.min-h-\[148px\] {
|
||||
min-height: 148px;
|
||||
}
|
||||
|
||||
.w-12 {
|
||||
width: 3rem;
|
||||
}
|
||||
|
|
@ -1891,6 +1919,10 @@ select {
|
|||
min-width: 0px;
|
||||
}
|
||||
|
||||
.min-w-full {
|
||||
min-width: 100%;
|
||||
}
|
||||
|
||||
.min-w-\[1\.8rem\] {
|
||||
min-width: 1.8rem;
|
||||
}
|
||||
|
|
@ -1923,10 +1955,18 @@ select {
|
|||
max-width: 36rem;
|
||||
}
|
||||
|
||||
.max-w-\[1600px\] {
|
||||
max-width: 1600px;
|
||||
}
|
||||
|
||||
.max-w-3xl {
|
||||
max-width: 48rem;
|
||||
}
|
||||
|
||||
.max-w-\[64rem\] {
|
||||
max-width: 64rem;
|
||||
}
|
||||
|
||||
.flex-1 {
|
||||
flex: 1 1 0%;
|
||||
}
|
||||
|
|
@ -1955,6 +1995,10 @@ select {
|
|||
flex-basis: 50%;
|
||||
}
|
||||
|
||||
.basis-1\/3 {
|
||||
flex-basis: 33.333333%;
|
||||
}
|
||||
|
||||
.-translate-y-8 {
|
||||
--tw-translate-y: -2rem;
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
|
|
@ -2010,6 +2054,10 @@ select {
|
|||
gap: 3rem;
|
||||
}
|
||||
|
||||
.gap-8 {
|
||||
gap: 2rem;
|
||||
}
|
||||
|
||||
.space-y-10 > :not([hidden]) ~ :not([hidden]) {
|
||||
--tw-space-y-reverse: 0;
|
||||
margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
|
|
@ -2225,6 +2273,10 @@ select {
|
|||
--tw-gradient-to: rgba(var(--color-secondary-700), 1);
|
||||
}
|
||||
|
||||
.to-neutral {
|
||||
--tw-gradient-to: rgba(var(--color-neutral), 1);
|
||||
}
|
||||
|
||||
.object-cover {
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
|
|
@ -2325,6 +2377,11 @@ select {
|
|||
padding-right: 0.5rem;
|
||||
}
|
||||
|
||||
.py-4 {
|
||||
padding-top: 1rem;
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
|
||||
.py-\[1px\] {
|
||||
padding-top: 1px;
|
||||
padding-bottom: 1px;
|
||||
|
|
@ -2360,6 +2417,22 @@ select {
|
|||
padding-left: 1rem;
|
||||
}
|
||||
|
||||
.pl-8 {
|
||||
padding-left: 2rem;
|
||||
}
|
||||
|
||||
.pr-8 {
|
||||
padding-right: 2rem;
|
||||
}
|
||||
|
||||
.pt-4 {
|
||||
padding-top: 1rem;
|
||||
}
|
||||
|
||||
.pb-2 {
|
||||
padding-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.pl-2 {
|
||||
padding-left: 0.5rem;
|
||||
}
|
||||
|
|
@ -2368,8 +2441,12 @@ select {
|
|||
padding-bottom: 1rem;
|
||||
}
|
||||
|
||||
.pt-4 {
|
||||
padding-top: 1rem;
|
||||
.pl-\[24px\] {
|
||||
padding-left: 24px;
|
||||
}
|
||||
|
||||
.pr-\[24px\] {
|
||||
padding-right: 24px;
|
||||
}
|
||||
|
||||
.text-center {
|
||||
|
|
@ -2551,6 +2628,11 @@ select {
|
|||
color: rgba(var(--color-neutral), var(--tw-text-opacity)) !important;
|
||||
}
|
||||
|
||||
.text-primary-800 {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgba(var(--color-primary-800), var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.\!no-underline {
|
||||
text-decoration-line: none !important;
|
||||
}
|
||||
|
|
@ -2581,6 +2663,14 @@ select {
|
|||
opacity: 0;
|
||||
}
|
||||
|
||||
.opacity-30 {
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
.opacity-70 {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.mix-blend-normal {
|
||||
mix-blend-mode: normal;
|
||||
}
|
||||
|
|
@ -2595,6 +2685,12 @@ select {
|
|||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
|
||||
.shadow-2xl {
|
||||
--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
|
||||
--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
|
||||
.shadow-lg {
|
||||
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
||||
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
|
||||
|
|
@ -2613,6 +2709,12 @@ select {
|
|||
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
||||
}
|
||||
|
||||
.backdrop-blur-2xl {
|
||||
--tw-backdrop-blur: blur(40px);
|
||||
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
||||
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
||||
}
|
||||
|
||||
.transition-opacity {
|
||||
transition-property: opacity;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
|
|
@ -3293,6 +3395,13 @@ body:has(#menu-controller:checked) {
|
|||
background-position:center;
|
||||
}
|
||||
|
||||
.thumbnail_card {
|
||||
height: 250px;
|
||||
background-repeat:no-repeat;
|
||||
background-size:cover;
|
||||
background-position:center;
|
||||
}
|
||||
|
||||
.single_hero_basic {
|
||||
background-repeat:no-repeat;
|
||||
background-size:cover;
|
||||
|
|
@ -3323,6 +3432,14 @@ body:has(#menu-controller:checked) {
|
|||
box-shadow: 5px 5px 20px 1px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.anchor {
|
||||
display: block;
|
||||
position: relative;
|
||||
top: -100px;
|
||||
height: 0px;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
@media (min-width: 640px) {
|
||||
.thumbnail {
|
||||
min-width: 100%;
|
||||
|
|
@ -3782,6 +3899,10 @@ body:has(#menu-controller:checked) {
|
|||
--tw-gradient-to: rgba(var(--color-secondary-800), 1);
|
||||
}
|
||||
|
||||
.dark .dark\:to-neutral-800 {
|
||||
--tw-gradient-to: rgba(var(--color-neutral-800), 1);
|
||||
}
|
||||
|
||||
.dark .dark\:prose-invert {
|
||||
--tw-prose-body: var(--tw-prose-invert-body);
|
||||
--tw-prose-headings: var(--tw-prose-invert-headings);
|
||||
|
|
@ -3854,6 +3975,15 @@ body:has(#menu-controller:checked) {
|
|||
color: rgba(var(--color-neutral-100), var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.dark .dark\:text-primary-200 {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgba(var(--color-primary-200), var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.dark .dark\:opacity-60 {
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.dark .dark\:mix-blend-multiply {
|
||||
mix-blend-mode: multiply;
|
||||
}
|
||||
|
|
@ -4016,6 +4146,10 @@ body:has(#menu-controller:checked) {
|
|||
height: 18rem;
|
||||
}
|
||||
|
||||
.md\:h-\[200px\] {
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
.md\:h-56 {
|
||||
height: 14rem;
|
||||
}
|
||||
|
|
@ -4032,6 +4166,10 @@ body:has(#menu-controller:checked) {
|
|||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.md\:grid-cols-1 {
|
||||
grid-template-columns: repeat(1, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.md\:justify-start {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
|
@ -4145,6 +4283,10 @@ body:has(#menu-controller:checked) {
|
|||
grid-template-columns: repeat(4, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.lg\:grid-cols-3 {
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.lg\:grid-cols-2 {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
}
|
||||
|
|
@ -4200,3 +4342,9 @@ body:has(#menu-controller:checked) {
|
|||
width: 25%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1536px) {
|
||||
.\32xl\:w-1\/5 {
|
||||
width: 20%;
|
||||
}
|
||||
}
|
||||
|
|
@ -7,12 +7,37 @@ sharingLinks: false
|
|||
---
|
||||
Here are the [parent](/mt-parent-form), [teacher](/mt-teacher-form), and [church-related](/mt-church-form) references forms! Please click the appropriate one for them!
|
||||
|
||||
## Mission Trip Options
|
||||
This year we have three options for mission trip!
|
||||
|
||||
### Miriam's Hope - May 22-27 - 8th Grade and above
|
||||
This trip is designed for students who are ready for the challenge of leaving their personal desires behind as they follow Jesus and help meet the needs of others through the ministry of Miriam’s Hope in Oberlin, KS. Their mission is to confront the foster care epidemic in a Christian way through providing the support and resources needed to empower families to stay together and keep kids out of the foster care system. Our team will be working with the leaders of Miriam’s Hope to help them develop their 20-acre property just outside of Oberlin so they can accomplish their mission. Our work may include helping remodel
|
||||
residence buildings and/or working on outside projects around the property to help them get the ministry up and running.
|
||||
|
||||
Requirements for this team are a flexible attitude and a willingness to do hands-on labor. For more information about Miriam’s Hope and their current projects, check out their [website](https://miriamshope.com) and their [Facebook page](https://www.facebook.com/Miriams-Hope-462195593976293).
|
||||
|
||||
- Estimated Support Goal of $350-$450
|
||||
|
||||
### Cary, Mississippi - May 31 - June 12 - Highschool only
|
||||
This trip is designed for students who have a desire to be used by Jesus to draw others into a relationship with Him and they will be trained to go with the Gospel as His ambassadors. Students will engage with the needs of people living in poverty in the Mississippi Delta as they work in partnership with two ministries: Cary Christian Center in Cary, MS, and Serenity on the Bayou (Emmanuel Community Center) in Anguilla, MS. Both ministries focus on coming alongside people to help break the cycle of poverty through relationships. Working with the Cary Christian Center we will assist them in meeting the physical needs of individuals in Cary and surrounding communities. Projects may involve painting, shingling, minor construction, or serving the needs of the Center itself. The work through "Serenity on the Bayou" will provide opportunities for "face-to-face" involvement with the children of the Delta region. Projects may involve teaching Bible classes, tutoring students with specific educational needs and planning activities for the area's children. Students on this trip will experience the challenges and endurance needed by an apostle to serve as Jesus's ambassadors in a different cultural setting.
|
||||
|
||||
Requirements for this team are a willingness and desire to share the gospel of Jesus verbally, relationally, and through physical work. Here is more information about the [Cary Christian Center](https://carychristiancenter.org) and [Serenity on the Bayou](https://emmanuelcommunitycenter.org).
|
||||
|
||||
- Estimated Support Goal of $900-$1000
|
||||
|
||||
### Denver, CO/North Platte, NE - June 2-9 - Highschool only
|
||||
This trip is designed for students who are ready for the challenge of leaving their personal desires behind as they follow Jesus and help meet the needs of others through ministries in the Denver, CO and North Platte, NE areas. Serving options in the Denver area may include working with a ministry that serves low-income families and refugees. For the North Platte, NE portion of the trip we will be working with a couple of ministries that God led us to during last year’s SPLASH 3.0 mission trip. Deborah’s Legacy’s mission is to provide rent-free housing, support, and education opportunities for women faced with homelessness and offer a Christ-centered restoration program for women healing from addiction and crisis living. Homestead Refuge, located in the sandhills near North Platte, was founded by Betty Remus and she is renovating an old farmhouse to provide female victims of sex trafficking with a safe place to heal and learn how to live again. We will be assisting Betty with projects in and around the house as she prepares to fulfill the mission God has given her to bring hope and healing to girls rescued out of the sex trade.
|
||||
|
||||
Requirements for this team will be a flexible attitude, a willingness to do hands-on labor, and a desire to learn how to vocalize your faith by praying for others and telling your personal faith story. Here is more information about [Deborah’s Legacy](https://deborahslegacy.org) and [Homestead Refuge](https://homesteadrefuge.org).
|
||||
|
||||
- Estimated Support Goal of $600-$700
|
||||
|
||||
## Mission Trip Agreement
|
||||
> We cannot accept your application if you can't agree to the following.
|
||||
|
||||
- I agree to obey all rules and guidelines that TFC Connection and other associated ministries establish, realizing they have my best interest and welfare in mind. I will trust their judgment and obey them. **The staff have the right to confront me if they see a problem in my attitude or in my obeying the rules.**
|
||||
- I agree to participate in the support raising part of this project. Even though I may have the finances to pay my own way, I will send out a minimum of 10 letters to people who would be interested in this project. **I will also respect the deadlines to get my letters in the mail and realize this may lead to my dismissal from a trip if I haven’t done my part.**
|
||||
- I realize I am expected to do my share of the work on the projects and I will be willing to do what is asked of me.
|
||||
- I will work at making this mission trip a priority, even if other conflicts come up, I will work to still go on this trip.
|
||||
- I agree to participate in the support raising part of this project. Even though I may have the finances to pay my own way, I will send out a _**minimum of 10 letters**_ to people who would be interested in this project. **I will also respect the deadlines to get my letters in the mail and realize this may lead to my dismissal from a trip if I haven’t done my part.**
|
||||
- I acknowledge that I am expected to do my share of the work on the mission trip and I will be willing to do what is asked of me with an "I'd be glad to" attitude.
|
||||
- **I will work at making this mission trip a priority!** even if other events come up after I am accepted on a mission trip, I will commit to still go on this trip.
|
||||
|
||||
{{< mt-form >}}
|
||||
|
|
|
|||
13
content/mt-health-form.md
Normal file
13
content/mt-health-form.md
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
---
|
||||
title: "Mission Trip Health Form"
|
||||
date: 2022-12-31T14:27:16-06:00
|
||||
omit_header_text: true
|
||||
layout: simple
|
||||
sharingLinks: false
|
||||
---
|
||||
|
||||
> You will need to fill out this health form in order to finish your mission trip application.
|
||||
|
||||
Since our health forms are only active from May to May even if you have finished the health form previously, you need to do so again in order to be eligible for mission trip since they are during May and June.
|
||||
|
||||
{{< health-form >}}
|
||||
|
|
@ -1,129 +1,135 @@
|
|||
{{ $formClasses := "bg-neutral-500 text-neutral-50 placeholder-neutral-300 focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 focus:ring-offset-transparent m-2 p-3 rounded-lg hover:bg-neutral-500 checked:text-neutral-500" }}
|
||||
|
||||
<script>
|
||||
function submitForm(e) {
|
||||
e.preventDefault();
|
||||
const form = document.getElementById('form');
|
||||
const data = new FormData(form);
|
||||
function submitForm(e) {
|
||||
e.preventDefault();
|
||||
const form = document.getElementById('form');
|
||||
const data = new FormData(form);
|
||||
|
||||
console.log(data.get("birthdate"));
|
||||
const birthdate = new Date(data.get("birthdate"));
|
||||
const age = calculate_age(birthdate);
|
||||
data.append("age", age);
|
||||
console.log(data.get("birthdate"));
|
||||
const birthdate = new Date(data.get("birthdate"));
|
||||
const age = calculate_age(birthdate);
|
||||
data.append("age", age);
|
||||
|
||||
if (data.get("tetanus-shot") === "") {
|
||||
console.warn("NO DATE FOR TETANUS SHOT");
|
||||
data.set("tetanus-shot", "1111-11-11");
|
||||
console.log(data.get("tetanus-shot"));
|
||||
}
|
||||
if (data.get("tetanus-shot") === "") {
|
||||
console.warn("NO DATE FOR TETANUS SHOT");
|
||||
data.set("tetanus-shot", "1111-11-11");
|
||||
console.log(data.get("tetanus-shot"));
|
||||
}
|
||||
|
||||
if (document.getElementById("medical-coverage").checked && data.get("insurance-name") == "") {
|
||||
document.getElementById('warning-insurance').style.visibility = 'visible';
|
||||
document.getElementById('warning-insurance').style.height = '';
|
||||
document.getElementById('warning-insurance').style.margin = '';
|
||||
return false;
|
||||
} else {
|
||||
document.getElementById('warning-insurance').style.visibility = 'hidden';
|
||||
document.getElementById('warning-insurance').style.height = '0';
|
||||
document.getElementById('warning-insurance').style.margin = '0';
|
||||
}
|
||||
if (document.getElementById("medical-coverage").checked && data.get("insurance-name") == "") {
|
||||
document.getElementById('warning-insurance').style.visibility = 'visible';
|
||||
document.getElementById('warning-insurance').style.height = '';
|
||||
document.getElementById('warning-insurance').style.margin = '';
|
||||
return false;
|
||||
} else {
|
||||
document.getElementById('warning-insurance').style.visibility = 'hidden';
|
||||
document.getElementById('warning-insurance').style.height = '0';
|
||||
document.getElementById('warning-insurance').style.margin = '0';
|
||||
}
|
||||
|
||||
if (document.getElementById("medical-coverage").checked && data.get("policy-number") == "") {
|
||||
document.getElementById('warning-policy').style.visibility = 'visible';
|
||||
document.getElementById('warning-policy').style.height = '';
|
||||
document.getElementById('warning-policy').style.margin = '';
|
||||
return false;
|
||||
} else {
|
||||
document.getElementById('warning-policy').style.visibility = 'hidden';
|
||||
document.getElementById('warning-policy').style.height = '0';
|
||||
document.getElementById('warning-policy').style.margin = '0';
|
||||
}
|
||||
if (document.getElementById("medical-coverage").checked && data.get("policy-number") == "") {
|
||||
document.getElementById('warning-policy').style.visibility = 'visible';
|
||||
document.getElementById('warning-policy').style.height = '';
|
||||
document.getElementById('warning-policy').style.margin = '';
|
||||
return false;
|
||||
} else {
|
||||
document.getElementById('warning-policy').style.visibility = 'hidden';
|
||||
document.getElementById('warning-policy').style.height = '0';
|
||||
document.getElementById('warning-policy').style.margin = '0';
|
||||
}
|
||||
|
||||
if (document.getElementById("medical-coverage").checked && document.getElementById("image").files.length === 0) {
|
||||
document.getElementById('warning-image').style.visibility = 'visible';
|
||||
document.getElementById('warning-image').style.height = '';
|
||||
document.getElementById('warning-image').style.margin = '';
|
||||
return false;
|
||||
} else {
|
||||
console.warn(document.getElementById("image"));
|
||||
document.getElementById('warning-image').style.visibility = 'hidden';
|
||||
document.getElementById('warning-image').style.height = '0';
|
||||
document.getElementById('warning-image').style.margin = '0';
|
||||
}
|
||||
if (document.getElementById("medical-coverage").checked && document.getElementById("image").files.length === 0) {
|
||||
document.getElementById('warning-image').style.visibility = 'visible';
|
||||
document.getElementById('warning-image').style.height = '';
|
||||
document.getElementById('warning-image').style.margin = '';
|
||||
return false;
|
||||
} else {
|
||||
console.warn(document.getElementById("image"));
|
||||
document.getElementById('warning-image').style.visibility = 'hidden';
|
||||
document.getElementById('warning-image').style.height = '0';
|
||||
document.getElementById('warning-image').style.margin = '0';
|
||||
}
|
||||
|
||||
var xhr = new XMLHttpRequest();
|
||||
xhr.onreadystatechange = function() {
|
||||
if (this.readyState == 4 && this.status == 200) {
|
||||
window.location.href = '/thankyou/';
|
||||
}
|
||||
};
|
||||
xhr.open("POST", "https://n8n.tfcconnection.org/webhook/health-form");
|
||||
xhr.send(data);
|
||||
console.log(data);
|
||||
console.log("Hallo!");
|
||||
/* window.location.replace("https://tfcconnection.org/thankyou/"); */
|
||||
}
|
||||
var xhr = new XMLHttpRequest();
|
||||
xhr.onreadystatechange = function() {
|
||||
if (this.readyState == 4 && this.status == 200) {
|
||||
if (mtRegistration === 'now')
|
||||
window.location.href = '/donate/';
|
||||
else
|
||||
window.location.href = '/thankyou/';
|
||||
}
|
||||
};
|
||||
xhr.open("POST", "https://n8n.tfcconnection.org/webhook/health-form");
|
||||
xhr.send(data);
|
||||
console.log(data);
|
||||
console.log("Hallo!");
|
||||
/* window.location.replace("https://tfcconnection.org/thankyou/"); */
|
||||
}
|
||||
|
||||
function calculate_age(dob) {
|
||||
var diff_ms = Date.now() - dob.getTime();
|
||||
var age_dt = new Date(diff_ms);
|
||||
function calculate_age(dob) {
|
||||
var diff_ms = Date.now() - dob.getTime();
|
||||
var age_dt = new Date(diff_ms);
|
||||
|
||||
return Math.abs(age_dt.getUTCFullYear() - 1970);
|
||||
}
|
||||
return Math.abs(age_dt.getUTCFullYear() - 1970);
|
||||
}
|
||||
|
||||
function process() {
|
||||
var covered = document.getElementById("medical-coverage").checked;
|
||||
console.log(covered);
|
||||
if (covered) {
|
||||
document.getElementById('policy').hidden = false;
|
||||
console.log(document.getElementById('policy'))
|
||||
console.log("WOOHOO");
|
||||
}
|
||||
else {
|
||||
document.getElementById('policy').hidden = true;
|
||||
console.log(document.getElementById('policy'))
|
||||
console.log("NEGATORY");
|
||||
}
|
||||
document.getElementById('warning').style.visibility = 'hidden';
|
||||
document.getElementById('warning-insurance').style.visibility = 'hidden';
|
||||
document.getElementById('warning-policy').style.visibility = 'hidden';
|
||||
document.getElementById('warning-image').style.visibility = 'hidden';
|
||||
document.getElementById('warning').style.height = '0';
|
||||
document.getElementById('warning-insurance').style.height = '0';
|
||||
document.getElementById('warning-policy').style.height = '0';
|
||||
document.getElementById('warning-image').style.height = '0';
|
||||
document.getElementById('warning').style.margin = '0';
|
||||
document.getElementById('warning-insurance').style.margin = '0';
|
||||
document.getElementById('warning-policy').style.margin = '0';
|
||||
document.getElementById('warning-image').style.margin = '0';
|
||||
}
|
||||
function process() {
|
||||
var covered = document.getElementById("medical-coverage").checked;
|
||||
console.log(covered);
|
||||
if (covered) {
|
||||
document.getElementById('policy').hidden = false;
|
||||
console.log(document.getElementById('policy'))
|
||||
console.log("WOOHOO");
|
||||
}
|
||||
else {
|
||||
document.getElementById('policy').hidden = true;
|
||||
console.log(document.getElementById('policy'))
|
||||
console.log("NEGATORY");
|
||||
}
|
||||
document.getElementById('warning').style.visibility = 'hidden';
|
||||
document.getElementById('warning-insurance').style.visibility = 'hidden';
|
||||
document.getElementById('warning-policy').style.visibility = 'hidden';
|
||||
document.getElementById('warning-image').style.visibility = 'hidden';
|
||||
document.getElementById('warning').style.height = '0';
|
||||
document.getElementById('warning-insurance').style.height = '0';
|
||||
document.getElementById('warning-policy').style.height = '0';
|
||||
document.getElementById('warning-image').style.height = '0';
|
||||
document.getElementById('warning').style.margin = '0';
|
||||
document.getElementById('warning-insurance').style.margin = '0';
|
||||
document.getElementById('warning-policy').style.margin = '0';
|
||||
document.getElementById('warning-image').style.margin = '0';
|
||||
}
|
||||
|
||||
document.addEventListener('DOMContentLoaded', process);
|
||||
|
||||
function dated() {
|
||||
function nth(d) {
|
||||
if ( d > 3 && d < 21 )
|
||||
return 'th';
|
||||
function dated() {
|
||||
function nth(d) {
|
||||
if ( d > 3 && d < 21 )
|
||||
return 'th';
|
||||
|
||||
switch (d % 10) {
|
||||
case 1: return "st";
|
||||
case 2: return "nd";
|
||||
case 3: return "rd";
|
||||
default: return "th";
|
||||
};
|
||||
};
|
||||
switch (d % 10) {
|
||||
case 1: return "st";
|
||||
case 2: return "nd";
|
||||
case 3: return "rd";
|
||||
default: return "th";
|
||||
};
|
||||
};
|
||||
|
||||
const dateObj = new Date();
|
||||
const date = dateObj.getDate();
|
||||
const month = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"][dateObj.getMonth()];
|
||||
const year = dateObj.getFullYear();
|
||||
const dateObj = new Date();
|
||||
const date = dateObj.getDate();
|
||||
const month = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"][dateObj.getMonth()];
|
||||
const year = dateObj.getFullYear();
|
||||
|
||||
let dateString = date+nth(date)+' day of '+month+' '+year;
|
||||
let dateString = date+nth(date)+' day of '+month+' '+year;
|
||||
|
||||
document.getElementById("current_date").innerHTML = dateString;
|
||||
};
|
||||
document.getElementById("current_date").innerHTML = dateString;
|
||||
};
|
||||
|
||||
document.addEventListener('DOMContentLoaded', dated);
|
||||
document.addEventListener('DOMContentLoaded', dated);
|
||||
const myUrl = new URL(window.location.toLocaleString());
|
||||
const mtRegistration = myUrl.searchParams.get('registration');
|
||||
console.log(mtRegistration);
|
||||
|
||||
</script>
|
||||
|
||||
|
|
|
|||
|
|
@ -14,10 +14,18 @@
|
|||
var xhr = new XMLHttpRequest();
|
||||
xhr.onreadystatechange = function() {
|
||||
if (this.readyState == 4 && this.status == 200) {
|
||||
window.location.href = '/thankyou/';
|
||||
// Logic directing where to send the user after form submission based on results.
|
||||
// This is how to send them. window.location.href = '/thankyou/';
|
||||
|
||||
var payment = document.getElementById('registration').value;
|
||||
if (document.getElementById('health-form-yes').checked)
|
||||
window.location.href = '/mt-health-form?registration=' + payment;
|
||||
else
|
||||
window.location.href = '/thankyou?registration=' + payment;
|
||||
}
|
||||
};
|
||||
xhr.open("POST", "https://n8n.tfcconnection.org/webhook/mt-application");
|
||||
/* xhr.open("POST", "https://n8n.tfcconnection.org/webhook/mt-application"); */
|
||||
xhr.open("POST", "https://n8n.tfcconnection.org/webhook-test/mt-application");
|
||||
xhr.send(data);
|
||||
console.log(data);
|
||||
console.log("Hallo!");
|
||||
|
|
@ -119,13 +127,11 @@
|
|||
<div class="flex-auto flex flex-wrap items-center">
|
||||
<label for="cellphone" class="mr-4">Cell phone</label>
|
||||
<input type="tel" id="cellphone" name="cellphone"
|
||||
pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}"
|
||||
class="flex-auto form-input {{ $formClasses }}">
|
||||
</div>
|
||||
<div class="flex-auto flex flex-wrap items-center">
|
||||
<label for="homephone" class="mr-4">Home phone</label>
|
||||
<input type="tel" id="homephone" name="homephone"
|
||||
pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}"
|
||||
class="flex-auto form-input {{ $formClasses }}">
|
||||
</div>
|
||||
<div class="flex-auto flex flex-wrap items-center">
|
||||
|
|
@ -169,7 +175,7 @@
|
|||
<input type="text" id="pastorlastname" name="pastorlastname"
|
||||
class="flex-auto form-input {{ $formClasses }}"
|
||||
placeholder="Last Name">
|
||||
<input type="text" id="pastorphone" name="pastorphone"
|
||||
<input type="tel" id="pastorphone" name="pastorphone"
|
||||
class="flex-auto form-input {{ $formClasses }}"
|
||||
placeholder="Phone Number">
|
||||
</div>
|
||||
|
|
@ -229,13 +235,36 @@
|
|||
class="file:my-4 file:ml-2 file:py-2 file:px-4 file:rounded-lg file:border-0 file:text-sm file:font-semibold file:bg-neutral-500 file:text-neutral-100 hover:file:bg-primary-300 hover:file:ring-offset-2 hover:file:ring-2 hover:file:ring-offset-transparent hover:file:text-primary-500 hover:file:ring-primary-500">
|
||||
</div>
|
||||
|
||||
<div class="basis-full flex flex-wrap items-center">
|
||||
<label for="trip" class="basis-full">Which trip would you like to go on?</label>
|
||||
<select id="trip" name="trip" class="flex-auto form-select {{ $formClasses }}">
|
||||
<option value="Cary">Cary</option>
|
||||
<option value="Miriam's Hope">Miriam's Hope</option>
|
||||
<option value="Homestead/Colorado">Homestead/Colorado</option>
|
||||
</select>
|
||||
<label class="basis-full mt-8">Please rank the trips you'd like to go on: 1 being your first choice and 3 being your last choice. If you cannot go on a trip for sure, please use the X.</label>
|
||||
<div class="basis-full grid grid-cols-1 gap-8 lg:grid-cols-3
|
||||
md:grid-cols-1 sm:grid-cols-1 items-center mb-8">
|
||||
<div class="">
|
||||
<label for="trip-1">Miriam's Hope</label>
|
||||
<select id="trip-1" name="trip-1" class="form-select {{ $formClasses }}">
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
<option value="X">X</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="flex-auto basis-1/3">
|
||||
<label for="trip-2" class="basis-1/2">Cary Mississippi</label>
|
||||
<select id="trip-2" name="trip-2" class="flex-auto basis-1/2 form-select {{ $formClasses }}">
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
<option value="X">X</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="flex-auto basis-1/3">
|
||||
<label for="trip-3" class="basis-full">Colorado/Nebraska</label>
|
||||
<select id="trip-3" name="trip-3" class="flex-auto form-select {{ $formClasses }}">
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
<option value="X">X</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="basis-full mt-10">
|
||||
|
|
@ -258,7 +287,7 @@
|
|||
</div>
|
||||
<div class="basis-full mt-10">
|
||||
<label for="testimony" class="p-4">
|
||||
Tell us how your relationship with Jesus began. (How you became a Christian)
|
||||
Tell us how your relationship with Jesus began. (How you became a Christian)
|
||||
</label>
|
||||
<br/>
|
||||
<textarea id="testimony" name="testimony"
|
||||
|
|
@ -267,7 +296,7 @@
|
|||
</div>
|
||||
<div class="basis-full mt-10">
|
||||
<label for="involvement-with-group" class="p-4">
|
||||
In the last year, how have you been involved in the ministry of TFC (or your church/youth group)? How do you benefit your group?
|
||||
In the last year, how have you been involved in the ministry of TFC (or your church/youth group)?
|
||||
</label>
|
||||
<br/>
|
||||
<textarea id="involvement-with-group" name="involvement-with-group"
|
||||
|
|
@ -276,7 +305,7 @@
|
|||
</div>
|
||||
<div class="basis-full mt-10">
|
||||
<label for="reasons-for-trip-choice" class="p-4">
|
||||
Why did you choose the team you applied for as your first choice? (Please indicate if you are unable to a different a trip due to previous commitments.)
|
||||
Why did you choose the team you applied for as your first choice? (Please let us know if you are unable to do any trip due to previous commitments.)
|
||||
</label>
|
||||
<br/>
|
||||
<textarea id="reasons-for-trip-choice" name="reasons-for-trip-choice"
|
||||
|
|
@ -303,7 +332,7 @@
|
|||
</div>
|
||||
<div class="basis-full mt-10">
|
||||
<label for="previous-trip-info" class="p-4">
|
||||
If you were a part of a previous TFC Mission Trip team-tell us how the trip changed your life?
|
||||
If you were a part of a previous TFC Mission Trip team, tell us how the trip changed your life?
|
||||
</label>
|
||||
<br/>
|
||||
<textarea id="previous-trip-info" name="previous-trip-info"
|
||||
|
|
@ -319,12 +348,21 @@
|
|||
class="form-input w-full h-64 {{ $formClasses }}"
|
||||
placeholder=""></textarea>
|
||||
</div>
|
||||
<div class="basis-full my-10">
|
||||
<label for="relevant-notes" class="p-4">
|
||||
Is there anything else you would like to tell us about yourself that might be relevant as we consider you for a mission trip?
|
||||
</label>
|
||||
<br/>
|
||||
<textarea id="relevant-notes" name="relevant-notes"
|
||||
class="form-input w-full h-64 {{ $formClasses }}"
|
||||
placeholder=""></textarea>
|
||||
</div>
|
||||
<label for="registration" class="my-4 basis-full">
|
||||
Would you like to pay the registration fee now or later?
|
||||
</label>
|
||||
<div class="basis-full">
|
||||
<input type="radio" value="now" id="registration" name="registration"
|
||||
class="form-input {{ $formClasses }}">
|
||||
class="form-input {{ $formClasses }}" checked>
|
||||
<label for="registration" class="">
|
||||
Now - $25
|
||||
</label>
|
||||
|
|
@ -336,6 +374,16 @@
|
|||
Later - Send $25 to the TFC Office
|
||||
</label>
|
||||
</div>
|
||||
<label for="health-form" class="basis-full my-4">
|
||||
Would you like to fill out the health form now or later?
|
||||
</label>
|
||||
<div class="basis-full">
|
||||
<input type="radio" id="health-form-yes" name="health-form" class="form-input {{ $formClasses }}" value="true" checked>
|
||||
<label for="health-form" class="">Yes</label>
|
||||
<input type="radio" id="health-form-no" name="health-form" class="form-input {{ $formClasses }}" value="false">
|
||||
<label for="health-form" class="">No</label>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="basis-full mt-8">
|
||||
<button type="submit" class="content-right rounded-lg bg-primary-700 h-12 w-24 focus:bg-primary-900 focus:ring focus:ring-primary-700 hover:bg-primary-900 float-right">Submit</button>
|
||||
|
|
|
|||
Loading…
Reference in a new issue