resolvendo o problema do modal

FGA0138-MDS-Ajax · Dec 12, 2024 · 11acfc6 · 11acfc6
1 parent 32f0a54
commit 11acfc6
Show file tree

Hide file tree

Showing 11 changed files with 39 additions and 23 deletions.
diff --git a/mamutes/Users/__pycache__/__init__.cpython-312.pyc b/mamutes/Users/__pycache__/__init__.cpython-312.pyc
diff --git a/mamutes/Users/__pycache__/admin.cpython-312.pyc b/mamutes/Users/__pycache__/admin.cpython-312.pyc
diff --git a/mamutes/Users/__pycache__/apps.cpython-312.pyc b/mamutes/Users/__pycache__/apps.cpython-312.pyc
diff --git a/mamutes/Users/__pycache__/forms.cpython-312.pyc b/mamutes/Users/__pycache__/forms.cpython-312.pyc
diff --git a/mamutes/Users/__pycache__/models.cpython-312.pyc b/mamutes/Users/__pycache__/models.cpython-312.pyc
diff --git a/mamutes/Users/__pycache__/views.cpython-312.pyc b/mamutes/Users/__pycache__/views.cpython-312.pyc
diff --git a/mamutes/Users/static/scripts/openModal.js b/mamutes/Users/static/scripts/openModal.js
@@ -2,11 +2,32 @@
     const btnModal = document.querySelector('#btnModal');
     const modal  = document.querySelector('#modal');
     const btnClose = document.querySelector('#btnClose');
+    const form = document.querySelector('#recoverAccountForm');
+    const mensagemContainer = document.querySelector('#mensagemContainer');
 
     btnModal.addEventListener("click", ()=>{
         modal.showModal();
     });
     btnClose.addEventListener("click", ()=>{
         modal.close();
-    })
-})()
+    });
+
+    form.addEventListener("submit", (event) => {
+        event.preventDefault();
+        const formData = new FormData(form);
+        fetch(form.action, {
+            method: 'POST',
+            body: formData,
+            headers: {
+                'X-Requested-With': 'XMLHttpRequest',
+            },
+        })
+        .then(response => response.json())
+        .then(data => {
+            mensagemContainer.textContent = data.mensagem;
+            if (data.success) {
+                form.reset();
+            }
+        })
+    });
+})();
diff --git a/mamutes/Users/templates/recoverAccount.html b/mamutes/Users/templates/recoverAccount.html
@@ -14,15 +14,13 @@ <h1 class="titulo">Recuperar Conta</h1>
                     <h2 class="subtitulo">Preencha o formulário</h2>
                 </div>
             </div>
-            <form action="{% url 'recoverAccount' %}" method="POST" class="formLogin">
+            <form id="recoverAccountForm" action="{% url 'recoverAccount' %}" method="POST" class="formLogin">
                 <div class="divsFields">
                     <p class="tituloInputs">Email</p>
                     {% csrf_token %}
                     <input type="email" name="email" id="email" placeholder="Ex.: [email protected]" class="inputForm">
-                    {% if mensagem %}
-                        {{ mensagem }}
-                    {% endif%}
                 </div>
+                <div id="mensagemContainer" class="mensagemContainer"></div>
                 <div class="botoesRecuperar">
                     <button type="submit" class="submitBotao" value="adicionar" style="border-radius: 8px; background: #1F1A99;">
                         <span class="addLabel">Enviar</span>

diff --git a/mamutes/Users/views.py b/mamutes/Users/views.py
@@ -1,6 +1,5 @@
 from django.shortcuts import redirect, render
-from django.http import HttpResponse
-from django.shortcuts import render
+from django.http import HttpResponse, JsonResponse
 from django.contrib.auth.decorators import user_passes_test
 from django.contrib.auth import authenticate, login as login_django
 from .models import * 
@@ -36,10 +35,7 @@ def register(request):
      return render(request, 'register.html')
 
 def recoverAccount(request):
-
-    if request.method == 'GET':
-        return render(request, 'recoverAccount.html')
-    else:
+    if request.method == 'POST':
         email = request.POST.get('email')
 
         if MembroEquipe.objects.filter(email__exact=email).exists():
@@ -55,18 +51,19 @@ def recoverAccount(request):
                 recipient_list=[email]
             )
 
-
-            context = {
+            response = {
                 'mensagem': f'Enviamos um email de recuperação de conta para {email}, cheque em sua caixa postal.',
+                'success': True
             }
-
-            return render(request, 'recoverAccount.html', context)
-
         else:
-            context = {
+            response = {
                 'mensagem': f'Este email não existe, é necessário que o email tenha registro no sistema para recuperá-lo.',
+                'success': False
             }
-            return render(request, 'recoverAccount.html', context)
+
+        return JsonResponse(response)
+
+
 def redefinePassword(request, username, token):
     user = MembroEquipe.objects.get(username=username)
     generator = PasswordResetTokenGenerator()
@@ -95,4 +92,4 @@ def redefinePassword(request, username, token):
             "token": token,
         })
 
-    return redirect("login") 
+    return redirect("login")
diff --git a/mamutes/db.sqlite3 b/mamutes/db.sqlite3
diff --git a/mamutes/mamutes/urls.py b/mamutes/mamutes/urls.py
@@ -5,9 +5,9 @@
 
 urlpatterns = [
     path('admin/', admin.site.urls),
-    path ('login/', login, name = 'login'),
-    path('register/', register, name = 'register'),
-    path('account_recovery/', recoverAccount, name = 'recoverAccount'),
+    path('login/', login, name='login'),
+    path('register/', register, name='register'),
+    path('account_recovery/', recoverAccount, name='recoverAccount'),
     path('redefine_password/<str:username>/<str:token>', redefinePassword, name="redefinePassword"),
     path('', index, name="index"),
     path('competition/', competition, name="competition"),