changes for sistemas

Templates/Sistemas/Xclientes/sistema_create.html

@@ -6,12 +6,26 @@
   <form method="post">
 
     {% csrf_token %}
+    {% if form.non_field_errors %}
+      <div class="alert alert-danger" role="alert">
+        {% for error in form.non_field_errors %}
+        <p>{{ error }}</p>
+        {% endfor %}
+      </div>
+    {% endif %}
     <div class="">
         <div class="form-group">
             <div class="form">
             {{ form.id_sistema.label }}
             {{ form.id_sistema }}
             <button id="add-sistema-btn" type="button" class="btn btn-info">Add Sistema</button>
+            {% if form.id_sistema.errors %}
+              <ul class="errorlist">
+                {% for error in form.id_sistema.errors %}
+                <li>{{ error }}</li>
+                {% endfor %}
+              </ul>
+            {% endif %}
             </div>        
         </div>
         
@@ -19,11 +33,25 @@
         {{ form.cliente.label}}
         {{ form.cliente }}
         <button id="add-cliente-btn" type="button" class="btn btn-info">Add Cliente</button>
+        {% if form.cliente.errors %}
+          <ul class="errorlist">
+            {% for error in form.cliente.errors %}
+            <li>{{ error }}</li>
+            {% endfor %}
+          </ul>
+        {% endif %}
         </div>
 
         <div class="form-group">
         {{ form.num_licencias.label }}
         {{ form.num_licencias }}
+        {% if form.num_licencias.errors %}
+          <ul class="errorlist">
+            {% for error in form.num_licencias.errors %}
+            <li>{{ error }}</li>
+            {% endfor %}
+          </ul>
+        {% endif %}
         </div>
 
         <button class="btn btn-success" type="submit">Create</button>
@@ -89,22 +117,5 @@
         });
     });
 
-    /*
-    $(function() {
-      $('#add-sistema-btn').click(function() {
-        let popupWin = window.open("{% url 'create_sistemas_form' %}", "popupWin", "width=800,height=600");
-        popupWin.focus();
-      });
-        window.addEventListener('message', function(event) {
-        let response = event.data;
-        let id_sistema = response.id;
-        let nombre_sistema = response.nombre_sistema;
-        let version = response.version;
-        let option = '<option value="' + id_sistema + '" selected>' + nombre_sistema + ', version ' + version + '</option>';
-        $('#id_id_sistema').append(option);
-        $('#sistema-modal').modal('hide');
-      });
-    });
-    */
   </script>
 {% endblock scripts %}

Templates/Sistemas/Xclientes/sistema_create_form.html

@@ -15,46 +15,41 @@
 
   <script>
     document.addEventListener('DOMContentLoaded', function() {
-        document.querySelector('#sistema-form').addEventListener('submit', function(event) {
-          event.preventDefault();
-          var form = event.target;
-          var url = form.getAttribute('action');
-          var data = new FormData(form);
-          fetch(url, {
-            method: 'POST',
-            body: data
-          })
-          .then(response => response.json())
-          .then(response => {
-            window.opener.postMessage({data:response, windowName:'sistemaWindow'}, window.location.origin);
-            window.close();
-          })
-          .catch(error => console.log(error));
-        });
-    });
-
-    /*
-    <!--script src="https://code.jquery.com/jquery-3.6.0.min.js">
-    $(function() {
-      $('#sistema-form').submit(function(event) {
+      document.querySelector('#sistema-form').addEventListener('submit', function(event) {
         event.preventDefault();
-        var form = $(this);
-        var url = form.attr('action');
-        var data = form.serialize();
-        $.ajax({
-          url: url,
-          data: data,
-          type: 'post',
-          dataType: 'json',
-          success: function(response) {
-            window.opener.postMessage(response, '*');
-            window.close();
-          },
-          error: function(xhr, status, error) {
-            console.log(xhr.responseText);
+        var form = event.target;
+        var url = form.getAttribute('action');
+        var data = new FormData(form);
+        fetch(url, {
+          method: 'POST',
+          body: data
+        })
+        .then(response => {
+          if(response.ok){
+            return response.json();
+          }else{
+            
+            throw new Error('Network response was not ok');
+          }
+            
+        })
+        .then(response => {     
+          if(response.errors) {
+            alert(response.errors)
+            id_nombre_sistema.value=''
+          }else{
+            window.opener.postMessage({data: response, windowName: 'sistemaWindow'}, window.location.origin);
+            window.close();          
+          }
+        })
+        .catch(error => {
+          if(error.response){
+            alert('Error System AS_000')
+          }else{
+            alert('Error System AS_001')
           }
         });
       });
-    });*/
+    });
   </script>
 {% endblock scripts %}