From cabead16f96355287a3903ba4b3684c944f99208 Mon Sep 17 00:00:00 2001 From: Carlo Alberto Degli Atti Date: Mon, 5 Nov 2018 11:00:59 +0100 Subject: [PATCH 1/3] contact form with iubenda integration --- _includes/contact.html | 28 +++++++++++++-- _includes/css/style.css | 15 ++++++++ assets/js/contact.js | 78 ++++++++++++++++++++++++++++++----------- 3 files changed, 98 insertions(+), 23 deletions(-) diff --git a/_includes/contact.html b/_includes/contact.html index 493ce38..9adc939 100755 --- a/_includes/contact.html +++ b/_includes/contact.html @@ -5,11 +5,15 @@

Contatti

- + +
+
+ +
- +
@@ -19,9 +23,29 @@

Contatti

+
+
diff --git a/_includes/css/style.css b/_includes/css/style.css index 9307b64..db5b10c 100755 --- a/_includes/css/style.css +++ b/_includes/css/style.css @@ -451,3 +451,18 @@ img::-moz-selection { margin-right: 10px; width : 20%; } + + +input[type=checkbox], input[type=radio] { + vertical-align: middle; + position: relative; + bottom: 2px; +} + +input[type=radio] { + bottom: 2px; +} + +.mr-5 { + margin-right: 5px; +} \ No newline at end of file diff --git a/assets/js/contact.js b/assets/js/contact.js index fd55e88..64c39bd 100644 --- a/assets/js/contact.js +++ b/assets/js/contact.js @@ -1,6 +1,7 @@ (function contact() { var contact_form_element = $("form.contact-form"); - var name_element = contact_form_element.find("[name='name']"); + var first_name_element = contact_form_element.find("[name='first_name']"); + var last_name_element = contact_form_element.find("[name='last_name']"); var email_element = contact_form_element.find("[name='email']"); var message_element = contact_form_element.find("[name='message']"); var submit_button_element = contact_form_element.find("[data-id='contact-submit']"); @@ -9,17 +10,32 @@ var validate = function(value) { contact_form_element.validate( { + messages: { - "name": { - required: 'Inserisci il tuo nome'}, - "email":{ - required: 'Indica la tua e-mail'}, - "message":{ - required: 'Inserisci il testo del tuo messaggio'}, + "first_name": { + required: 'Inserisci il tuo nome' + }, + "last_name": { + required: 'Inserisci il tuo cognome' + }, + "email" : { + required: 'Indica la tua e-mail' + }, + "message":{ + required: 'Inserisci il testo del tuo messaggio' + }, "calculation":{ - required: 'Inserisci il risultato dell\'operazione'} + required: 'Inserisci il risultato dell\'operazione' + }, + "documents": { + required: 'Per favore conferma di aver letto la nostra Privacy Policy' + } }, rules : { + documents: { + required: true + }, + calculation : { equal: value } } }); @@ -29,7 +45,6 @@ submit_button_element.replaceWith("Ok, grazie per averci contattato!"); } - $(document).ready(function() { var operation_checker = window.generate_random_operation(); calculation_label_element.html( "Inserisci il risultato dell'operazione " + operation_checker.operation + " = " ); @@ -42,18 +57,39 @@ if (contact_form_element.valid()) { submit_button_element.attr("disabled", "disabled"); - var key = "ts_" + Date.now().toJSON(); - var payload = JSON.stringify({ name: name_element.val(), email: email_element.val(), message: message_element.val()}); - - if ( typeof window.kvstoreio !== 'undefined' ) { - kvstoreio("contacts", - key, - payload, - function(res) { confirm_form() }); - } else { - console.log( "Debugging --> should write to kvstore.io: " + key + " ==> " + payload ); - confirm_form(); - } + _iub.cons.submit({ + writeOnLocalStorage: false, + form: { + selector: document.getElementById('contact'), + }, + consent: { + legal_notices: [ + { + identifier: 'legal_documents', + }, + { + identifier: 'newsletter', + } + ] + } + }) + .success(function() { + var key = "ts_" + Date.now().toJSON(); + var payload = JSON.stringify({ name: first_name_element.val() + last_name_element.val(), email: email_element.val(), message: message_element.val()}); + + if ( typeof window.kvstoreio !== 'undefined' ) { + kvstoreio("contacts", + key, + payload, + function(res) { confirm_form() }); + } else { + console.log( "Debugging --> should write to kvstore.io: " + key + " ==> " + payload ); + confirm_form(); + } + }) + .error(function (response) { + console.log("error", response); + }); } return true; From 05654cdca662def84194cf0ba8277c4ad0a79a7a Mon Sep 17 00:00:00 2001 From: Carlo Alberto Degli Atti Date: Mon, 5 Nov 2018 11:12:32 +0100 Subject: [PATCH 2/3] typo... --- _includes/footer.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_includes/footer.html b/_includes/footer.html index bfd274b..e46668c 100755 --- a/_includes/footer.html +++ b/_includes/footer.html @@ -4,7 +4,7 @@