From 4a30988b5fa2888d44cc6e82ae60b9bb0726a5f3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Se=C3=A1n=20C=20McCord?= <ulexus@gmail.com>
Date: Wed, 16 May 2018 23:35:42 -0400
Subject: [PATCH] fix form processing

---
 assets/js/home.js  | 20 ++++++++++++++------
 views/contact.html |  2 +-
 2 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/assets/js/home.js b/assets/js/home.js
index ab06975..954b539 100644
--- a/assets/js/home.js
+++ b/assets/js/home.js
@@ -14,7 +14,10 @@ function getCookie(name) {
    return decodeURIComponent(xsrfCookies[0].split('=')[1]);
 }
 
-function contactRequest() {
+function contactRequest(ev) {
+   ev && ev.preventDefault && ev.preventDefault()
+   ev && ev.stopImmediatePropagation && ev.stopImmediatePropagation()
+
    var name = document.querySelector('input[name=name]').value
    var email = document.querySelector('input[name=email]').value
    var success = document.querySelector('div.alert-success')
@@ -39,14 +42,19 @@ function contactRequest() {
 
       if(resp.ok) {
          success.innerHTML = 'Request Sent'
-         return
+         name = ''
+         email = ''
+         return true
       }
-      return resp.json()
-   })
-   .then(function(o) {
-      failure.innerHTML = o.message
+      return Promise.resolve(resp.json()).then(function(o) {
+         failure.innerHTML = o.message
+      })
    })
    .catch( function(err) {
       failure.innerHTML = 'network error'
    })
 }
+
+document.addEventListener("DOMContentLoaded", function() {
+   document.querySelector('form').addEventListener('submit', contactRequest)
+})
diff --git a/views/contact.html b/views/contact.html
index f1120fb..967b2c2 100644
--- a/views/contact.html
+++ b/views/contact.html
@@ -1,5 +1,5 @@
 	<h4>Set up a no-obligation fifteen minute call now
-		<form action="#" onsubmit="contactRequest()">
+		<form action="#">
 			<input type="text" name="name" placeholder="Your Name" REQUIRED />
 			<input type="email" name="email" placeholder="Your Email" REQUIRED />
 			<input type="submit" name="submit" value="Let's Chat" />