From 7170696a73b351400c0a4249139d075bce2296c7 Mon Sep 17 00:00:00 2001
From: Anton Sarukhanov <code@ant.sr>
Date: Wed, 2 Nov 2016 01:25:16 -0400
Subject: [PATCH] Contact form
---
bower.json | 3 ++-
content/pages/contact.md | 7 +++++++
theme/static/js/script.js | 16 ++++++++++++++++
theme/templates/base.html | 1 +
4 files changed, 26 insertions(+), 1 deletion(-)
diff --git a/bower.json b/bower.json
index ddec083..a67615f 100644
--- a/bower.json
+++ b/bower.json
@@ -14,7 +14,8 @@
],
"dependencies": {
"normalize-css": "normalize.css#^4.1.1",
- "autosize": "^3.0.18"
+ "autosize": "^3.0.18",
+ "jquery": "^3.1.1"
},
"install": {
"path": "theme/static/lib"
diff --git a/content/pages/contact.md b/content/pages/contact.md
index 856e92e..64ac4d3 100644
--- a/content/pages/contact.md
+++ b/content/pages/contact.md
@@ -6,3 +6,10 @@ Please reach out and I'll do my best to reply in a timely manner.
Write to [mail@ant.sr](mailto:mail@ant.sr) or leave a message at 848-228-3802.
Looking forward to hearing from you!
+
+<form class="xhr" action="https://api.ant.sr/api/contact" method="post">
+ <input name="name" placeholder="Name">
+ <input name="email" type="email" placeholder="Email" required>
+ <textarea name="text" placeholder="Your message" required></textarea>
+ <input type="submit" value="Send">
+</form>
diff --git a/theme/static/js/script.js b/theme/static/js/script.js
index db62396..2722547 100644
--- a/theme/static/js/script.js
+++ b/theme/static/js/script.js
@@ -16,3 +16,19 @@
nav.insertBefore(toggle, nav.firstChild);
nav.className += "collapsed";
})("body > div > nav");
+
+/* Submit forms using XHR */
+(function(selector) {
+ $(selector).submit(function(e) {
+ $.ajax({
+ type: 'POST',
+ url: $(selector).attr("action"),
+ data: $(selector).serialize(),
+ success: function(response) {
+ $(selector + " :input").prop("disabled", true);
+ $(selector).prepend(response);
+ }
+ });
+ return false;
+ });
+})("form.xhr");
diff --git a/theme/templates/base.html b/theme/templates/base.html
index 6450c32..6c15fe2 100644
--- a/theme/templates/base.html
+++ b/theme/templates/base.html
@@ -89,6 +89,7 @@
<script src="{{ SITEURL }}/theme/lib/autosize/autosize.js"></script>
<script>autosize(document.querySelectorAll('textarea'));</script>
{% endif %}
+ <script src="{{ SITEURL }}/theme/lib/jquery/jquery.js"></script>
<script src="{{ SITEURL }}/theme/js/script.js"></script>
{% include 'analytics.html' %}
</body>
--
GitLab