Primeiro modelo MVC funcional

programação em pares Pedro Victor e Patrick Anderson

docs/c2-php/js/dinex.js → Front-view/js/dinex.js

@@ -601,7 +601,7 @@ $(function() {
             var r = $(this).serialize();
             $.post($(this).attr("action"), r, function() {
                 $("form#form-2").slideUp("fast", function() {
-                    $(this).before('<div class="success-r">Your reservation has been received.</div>');
+                    $(this).before('<div class="success-r">Sua Reserva foi Recebida com Sucesso!</div>');
                 });
             });
         }

Front-view/js/script.js

@@ -0,0 +1,34 @@
+document.addEventListener('DOMContentLoaded', () => {
+  const form = document.getElementById('form-2');
+  const feedbackMessage = document.getElementById('feedback-message');
+
+  form.addEventListener('submit', async (event) => {
+      event.preventDefault(); // Impede o envio padrão do formulário
+
+      const formData = new FormData(form);
+      const data = Object.fromEntries(formData.entries());
+
+      try {
+          const response = await fetch('/api/reservar_mesa', {
+              method: 'POST',
+              headers: {
+                  'Content-Type': 'application/json'
+              },
+              body: JSON.stringify(data)
+          });
+
+          if (response.ok) {
+              const result = await response.text();
+              feedbackMessage.textContent = result;
+              feedbackMessage.style.color = 'green';
+          } else {
+              const errorText = await response.text();
+              feedbackMessage.textContent = errorText;
+              feedbackMessage.style.color = 'red';
+          }
+      } catch (error) {
+          feedbackMessage.textContent = 'Erro ao tentar reservar a mesa. Por favor, tente novamente.';
+          feedbackMessage.style.color = 'red';
+      }
+  });
+});

config/db.js

@@ -0,0 +1,11 @@
+const { Pool } = require('pg');
+
+const pool = new Pool({
+  user: 'postgres',
+  host: 'localhost',
+  database: 'mesaFacil',
+  password: 'xpedro03',
+  port: 5432,
+});
+
+module.exports = pool;