making the mission trip form forward based on last answers
This commit is contained in:
Chris Cochrun
parent
d34828cf1d
commit
be221e2eec
5 changed files with 381 additions and 141 deletions
|
|
@ -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);
|
||||
|
||||
console.log(data.get("birthdate"));
|
||||
const birthdate = new Date(data.get("birthdate"));
|
||||
const age = calculate_age(birthdate);
|
||||
data.append("age", age);
|
||||
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);
|
||||
|
||||
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);
|
||||
|
||||
return Math.abs(age_dt.getUTCFullYear() - 1970);
|
||||
}
|
||||
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);
|
||||
}
|
||||
|
||||
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';
|
||||
|
||||
switch (d % 10) {
|
||||
case 1: return "st";
|
||||
case 2: return "nd";
|
||||
case 3: return "rd";
|
||||
default: 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";
|
||||
};
|
||||
};
|
||||
|
||||
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>
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue