From c26fd593de121bfcc3f50c9d1e6d94b10fb45563 Mon Sep 17 00:00:00 2001
From: Michael Bumann <hello@michaelbumann.com>
Date: Sun, 12 Apr 2020 16:50:54 +0200
Subject: [PATCH] Personalize thank you message in demo

---
 app/javascript/demo.js       | 10 +++++++++-
 app/views/home/demo.html.erb |  2 +-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/app/javascript/demo.js b/app/javascript/demo.js
index 77a530b..09fee25 100644
--- a/app/javascript/demo.js
+++ b/app/javascript/demo.js
@@ -1,9 +1,17 @@
 document.addEventListener('DOMContentLoaded', function() {
   var demoForm = document.getElementById('demo-form');
-  demoForm.addEventListener('tinyforms:submitted', function() {
+  if (!demoForm) {
+    return;
+  }
+
+  demoForm.addEventListener('tinyforms:submitted', function(e) {
+    console.log(e);
+    console.log(e.detail);
+    var name = document.getElementById('demo-submission-name');
     var demoFields = document.getElementById('demo-fields');
     var demoSucess = document.getElementById('demo-success');
     demoFields.style.display = 'none';
     demoSucess.style.display = 'block';
+    name.innerText = e.detail.submission.Name;
   });
 });
diff --git a/app/views/home/demo.html.erb b/app/views/home/demo.html.erb
index bb03df9..dfbdac7 100644
--- a/app/views/home/demo.html.erb
+++ b/app/views/home/demo.html.erb
@@ -11,7 +11,7 @@
 
           <div id="demo-success" style="display:none;">
             <p class="is-size-4 has-text-success">
-              Thanks for your submission!
+              <span id="demo-submission-name"></span>, thanks for your submission!
             </p>
             <p>See your entry in the spreadsheet?!</p>
             <p>