ReCaptcha - Episode 2

local/modules/ReCaptcha/templates/frontOffice/lematelot/recaptcha-js.html

@@ -0,0 +1,23 @@
+<script src="https://www.google.com/recaptcha/api.js?hl={lang attr="code"}" async defer></script>
+<script>
+    window.onload = function() {
+
+        var captchaDiv = document.getElementById("recaptcha-invisible");
+        if (captchaDiv !== null) {
+            var form = captchaDiv.parentElement;
+
+            form.addEventListener("submit", function(event) {
+                if (!grecaptcha.getResponse()) {
+                    event.preventDefault(); //prevent form submit
+                    grecaptcha.execute();
+                }
+            });
+
+            onCompleted = function() {
+                if (form.reportValidity() !== false) {
+                    form.submit();
+                }
+            }
+        }
+    }
+</script>

log/.htaccess

@@ -0,0 +1,2 @@
+order deny,allow
+deny from all

templates/frontOffice/lematelot/contact.html

@@ -32,6 +32,7 @@
                         {intl l="Send us a message"}
                     </div>
                     <div class="panel-body">
+                        {if $form_error}<div class="alert alert-danger">{$form_error_message}</div>{/if}
                         <div class="row">
                         {form_field field="name"}
                             <div class="form-group group-name col-sm-6{if $error} has-error{/if}">
@@ -87,6 +88,11 @@
                     </div>
                 </fieldset>
 
+                <div>
+                    {hook name="recaptcha.check"}
+                    <br>
+                </div>
+
                 {hook name="contact.form-bottom"}
 
                 <div class="form-group group-btn">

templates/frontOffice/lematelot/register.html

@@ -309,7 +309,12 @@
 
                 {hook name="register.form-bottom"}
 
+
                 <div class="form-group group-btn">
+                    <div class="col-sm-5 col-sm-offset-3">
+                        {hook name="recaptcha.check"}
+                        <br>
+                    </div>
                     <div class="control-btn col-sm-5 col-sm-offset-3">
                         <button type="submit" class="btn btn-primary"><i class="fa fa-chevron-right"></i> {intl l="Register"}</button>
                     </div>