#41 - Ajouter une sécurité sur la page nous contacter (#59)

Co-authored-by: dbroqua <contact@darkou.fr>
Reviewed-on: https://git.darkou.fr/dbroqua/MusicTopus/pulls/59

views/pages/nous-contacter.ejs

@@ -17,6 +17,14 @@
             <textarea name="message" id="message" rows="6" required v-model="message" ></textarea>
         </div>
 
+        <% if (config.mailMethod !== 'formspree' ) { %>
+            <img src="/api/v1/contact" alt="Captcha" />
+            <div class="field">
+                <label for="captcha">Captcha</label>
+                <input type="text" name="captcha" id="captcha" v-model="captcha" required />
+            </div>
+        <% } %>
+
         <button type="submit" class="button is-primary" :disabled="loading">
             <% if (config.mailMethod !== 'formspree' ) { %>
             <i class="icon-spin animate-spin" v-if="loading"></i>
@@ -34,6 +42,7 @@
                     email: '',
                     name: '',
                     message: '',
+                    captcha: '',
                     loading: false,
                 }
             },
@@ -50,10 +59,11 @@
                     const {
                         email,
                         message,
-                        name
+                        name,
+                        captcha,
                     } = this;
 
-                    axios.post('/api/v1/contact', {email, name, message})
+                    axios.post('/api/v1/contact', {email, name, message, captcha})
                         .then( () => {
                             showToastr("Message correctement envoyé", true);
                         })