feat: editClient

gestaoRaul/clients/templates/clients.html

@@ -33,6 +33,7 @@ Clientes
     <td id="name-{{client.id}}" >{{client.name}}</td>
     <td id="debt-{{client.id}}" >R$ {{client.debt}}</td>
     <td class="hide-on-mobile" id="contact-{{client.id}}" >{{client.contact}}</td>
+    <td hidden  id="active-{{client.id}}" >{{client.active}}</td>
     <td>
       <div class="grid-buttons">
       <img 
@@ -83,10 +84,10 @@ Clientes
            <input type="number" step="0.01" id="clientDebt" name="debt" required placeholder="Débito">
            <input type="checkbox" id="active" name="active" placeholder="Ativo">Ativo
            
-          <input type="text" id="clientDescription" name="contact"  placeholder="Contato"></input>
+          <input type="text" id="clientContact" name="contact"  placeholder="Contato"></input>
           <footer class="grid-buttons">
             <button id="save" type="submit">Salvar</button>
-            <button onclick="closeModal()" type="button" id="edit" hx-post="{% url 'createClient'  %}" hx-trigger="click"  hx-target="#client-list" >Alterar</button>
+            <button onclick="closeModal()" type="button" id="edit" hx-post="{% url 'editClient'  %}" hx-trigger="click"  hx-target="#client-list" >Alterar</button>
             <button type="button" onclick="closeModal()" style="background-color:red;">Fechar</button>
           </footer>
       </form>

gestaoRaul/clients/urls.py

@@ -5,6 +5,7 @@ from . import views
 urlpatterns = [
     path('', views.clients, name='clients'),
     path('createClient', views.createClient, name='createClient'),
+    path('editClient', views.editClient, name='editClient'),
     path('payDebt', views.payDebt, name='payDebt'),
 
 

gestaoRaul/clients/views.py

@@ -22,6 +22,17 @@ def createClient(request):
     client.save()
     return redirect('/clients')
 
+@group_required(groupName='Gerente')
+def editClient(request):
+    client_id = int(request.POST.get('clientId'))
+    client = Client.objects.get(id=client_id)
+    client.name = request.POST.get('name')
+    client.contact = request.POST.get('contact')
+    client.active = True if request.POST.get('active') else False
+    # client = Client(name=name, contact=contact,debt=0, active=active)
+    client.save()
+    return redirect('/clients')
+
 def payDebt(request):
     # id = request.POST.get('id-client')
     # client_id = int(id)

gestaoRaul/templates/static/clients/js/clients.js

@@ -13,7 +13,7 @@ function openModal() {
 
     clientId.value = '';
     clientName.value = '';
-    clientDebt.value = '';
+    // clientDebt.value = '';
     clientContact.value ='';
     clientActive.checked = false
 }
@@ -23,7 +23,6 @@ function closeModal() {
 }
 
 function editclient(id) {
-
     openModal();
     var buttonSave = document.getElementById('save');
     var buttonEdit = document.getElementById('edit');
@@ -31,22 +30,15 @@ function editclient(id) {
     buttonEdit.style.display = 'block';
     var clientId = document.getElementById('clientId');
     var clientName = document.getElementById('clientName');
-    var clientDebt = document.getElementById('clientDebt');
     var clientContact = document.getElementById('clientContact');
-    var clientqtd = document.getElementById('clientqtd');
     var clientActive = document.getElementById('active');
-    var categorie = document.getElementById('select-categorie');
-
+    
     clientId.value = id;
     clientName.value = document.getElementById('name-'+id).innerHTML;
-    var preco = document.getElementById('debt-'+id).innerHTML;
-    preco = preco.replace('R$ ', '');
-    preco = preco.replace(',', '.');
-    clientDebt.value = preco;
-    clientContact.value = document.getElementById('contact-'+id).value;
-    clientqtd.value = document.getElementById('quantity-'+id).innerHTML;
-    clientActive.checked = document.getElementById('Active-'+id).value == 'True' ? true : false;
-    categorie.value = document.getElementById('h-category-'+id).value;
+
+    console.log(document.getElementById('contact-'+id).innerText)
+    clientContact.value = document.getElementById('contact-'+id).innerText;
+    clientActive.checked = document.getElementById('active-'+id).innerText == 'True' ? true : false;
 
 
 }