Started with database connection

app/assets/js/custom.js

@@ -102,22 +102,25 @@ darkTogglerCheckbox.addEventListener('click', function () {
 
 // Attendre que le document soit prêt
 $(document).ready(function () {
-  // Sélectionnez le formulaire par son ID (ajoutez un ID à votre formulaire si ce n'est pas déjà fait)
+
+  // Sélectionnez le formulaire de COMPARAISON par son ID 
   $('#formulaire-comp').submit(function (e) {
 
     // Fait scroll une fois le formulaire envoyé
     $(document).ready(function () {
       // Sélectionnez le lien par son ID
 
-        $('html, body').animate({
-          scrollTop: $('#resultat').offset().top
-        }, 1000); // 1000 millisecondes (1 seconde) pour l'animation
+      $('html, body').animate({
+        scrollTop: $('#resultat').offset().top
+      }, 1000); // 1000 millisecondes (1 seconde) pour l'animation
     });
 
     // Empêchez la soumission normale du formulaire
-    e.preventDefault(); // Assurez-vous que cette ligne est présente
+    e.preventDefault();
 
+    // Affiche le chargement
     $('#loading').removeClass('hidden');
+
     $('#articleIntrouvable').addClass('hidden');
     $('#articleContainer1').addClass('hidden');
     $('#articleContainer2').addClass('hidden');
@@ -318,6 +321,106 @@ $(document).ready(function () {
 
     });
   });
+
+  // Sélectionnez le formulaire d'INSCRIPTION par son ID 
+  $('#formulaire-connexion').submit(function (e) {
+
+
+    // Empêchez la soumission normale du formulaire
+    e.preventDefault();
+
+
+    // Reste du code pour gérer la soumission du formulaire
+    //console.log('Formulaire soumis !');
+
+    // Récupérez les valeurs des champs du formulaire
+    const email = $('#email').val();
+    const password = $('#password').val();
+
+    // Créez un objet JavaScript avec les données à envoyer au serveur
+    const formData = {
+      email: email,
+      password: password
+    };
+
+    // Utilisez AJAX pour envoyer les données au serveur
+    $.ajax({
+      type: 'POST',
+      url: '/connexion',
+      data: formData,
+      dataType: 'json',
+      success: function (response) {
+        console.log(response);
+
+        // Mettez à jour la section HTML avec les données reçues ici
+
+
+      },
+
+      error: function (error) {
+        console.error('Erreur lors de la connexion :', error);
+
+        // Ajoutez une console.log pour vérifier si cette partie du code est exécutée
+        console.log('Erreur AJAX');
+
+      }
+
+    });
+  });
+
+  // Sélectionnez le formulaire de CONNEXION par son ID 
+  $('#formulaire-inscription').submit(function (e) {
+
+
+    // Empêchez la soumission normale du formulaire
+    e.preventDefault();
+
+
+    // Reste du code pour gérer la soumission du formulaire
+    //console.log('Formulaire soumis !');
+
+    // Récupérez les valeurs des champs du formulaire
+    const name = $('#name').val();
+    const email = $('#email').val();
+    const password = $('#password').val();
+
+    // Créez un objet JavaScript avec les données à envoyer au serveur
+    const formData = {
+      name: name,
+      email: email,
+      password: password
+    };
+
+    // Utilisez AJAX pour envoyer les données au serveur
+    $.ajax({
+      type: 'POST',
+      url: '/inscription',
+      data: formData,
+      dataType: 'json',
+      success: function (response) {
+        console.log(response);
+
+        // Mettez à jour la section HTML avec les données reçues ici
+
+          // Rediriger l'utilisateur vers la page de connexion
+          window.location.href = "/connexion";
+
+
+          
+      },
+
+      error: function (error) {
+        console.error('Erreur lors de la connexion :', error);
+
+        // Ajoutez une console.log pour vérifier si cette partie du code est exécutée
+        console.log('Erreur AJAX');
+
+      }
+
+    });
+  });
+
+
 });
 
 function checkIfAllInfoAvailable(response) {