https://ongoma.info/js/newsletterFooter.js

1document.addEventListener("DOMContentLoaded", function () {
2  const form = document.getElementById("email-form");
3
4  if (!form) return;
5
6  // Remove o action do Mailchimp para o Webflow parar de interferir no submit
7  form.removeAttribute("action");
8  form.removeAttribute("method");
9
10  form.addEventListener("submit", async function (event) {
11    // Evita qualquer comportamento padrão
12    event.preventDefault();
13
14    // Captura os valores dos inputs do formulário
15    const nome = document.getElementById("Nome").value;
16    const sobrenome = document.getElementById("Sobrenome").value;
17    const email = document.getElementById("email").value;
18
19    // Monta o objeto de dados compatível com o Directus
20    const payload = {
21      Name: nome,
22      Sobrenome: sobrenome,
23      Email: email
24    };
25
26    const wFormWrapper = form.closest(".w-form");
27    const successMessage = wFormWrapper.querySelector(".w-form-done");
28    const errorMessage = wFormWrapper.querySelector(".w-form-fail");
29
30    try {
31      const response = await fetch("https://cms.ongoma.info/items/newsletter_subscribers/", {
32        method: "POST",
33        headers: {
34          "Content-Type": "application/json"
35        },
36        body: JSON.stringify(payload)
37      });
38
39      if (response.ok) {
40        // Esconde o formulário de preenchimento de forma definitiva
41        form.style.display = "none";
42        form.style.visibility = "hidden";
43        
44        // Esconde o erro e exibe o sucesso
45        if (errorMessage) errorMessage.style.display = "none";
46        if (successMessage) {
47          successMessage.style.display = "block";
48        }
49      } else {
50        if (successMessage) successMessage.style.display = "none";
51        if (errorMessage) {
52          errorMessage.style.display = "block";
53        }
54      }
55    } catch (error) {
56      console.error("Erro ao enviar dados para o Directus:", error);
57
58      if (successMessage) successMessage.style.display = "none";
59      if (errorMessage) {
60        errorMessage.style.display = "block";
61      }
62    }
63  });
64});