bumi/tinyforms
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Personalize thank you message in demo

Browse Source
This commit is contained in:
bumi 2020-04-12 16:50:54 +02:00
parent dfa621d0bc
commit c26fd593de
2 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/javascript/demo.js
View File

@ -1,9 +1,17 @@
document.addEventListener('DOMContentLoaded', function() { document.addEventListener('DOMContentLoaded', function() {
var demoForm = document.getElementById('demo-form'); 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 demoFields = document.getElementById('demo-fields');
var demoSucess = document.getElementById('demo-success'); var demoSucess = document.getElementById('demo-success');
demoFields.style.display = 'none'; demoFields.style.display = 'none';
demoSucess.style.display = 'block'; demoSucess.style.display = 'block';
name.innerText = e.detail.submission.Name;
}); });
}); });

2
app/views/home/demo.html.erb
View File

@ -11,7 +11,7 @@
<div id="demo-success" style="display:none;"> <div id="demo-success" style="display:none;">
<p class="is-size-4 has-text-success"> <p class="is-size-4 has-text-success">
Thanks for your submission! <span id="demo-submission-name"></span>, thanks for your submission!
</p> </p>
<p>See your entry in the spreadsheet?!</p> <p>See your entry in the spreadsheet?!</p>
<p> <p>