work on order form

static/js/order.js

@@ -1,13 +1,15 @@
 function validate(what, text) {
-  console.log('Validate '+what);
   if (what == 'quantity') {
     var re = /^[0-9]{1,2}$/;
   } else if (what == 'email') {
     var re = /^(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])$/;
   } else if (what == 'delivery_address') {
-    var re = /^notpermitted$/;
+    var re = /^(?:.*(?:\r\n|\n|\r)){2,}/;
   } else if (what == 'billing_address') {
-    var re = /^notpermitted$/;
+    if (text == '') {
+      return true;
+    }
+    var re = /^(?:.*(?:\r\n|\n|\r)){2,}/;
   } else {
     var re = /^notpermitted$/;
   }
@@ -15,14 +17,14 @@ function validate(what, text) {
 }
 
 $(document).ready(function () {
-
-  console.log("I am ready!!!");
   $("#quantity_exclamation").hide();
   $("#email_exclamation").hide();
 
   $("#modal-save").click(function() {
     // Validation Code
     var is_valid = true;
+    $("#success_message").addClass('is-hidden');
+    $("#error_message").addClass('is-hidden');
     if (!validate('quantity',$('#quantity').val())) {
        $('#quantity_errormsg').html('Ungültige Anzahl');
        $("#quantity").addClass("is-danger");
@@ -45,46 +47,72 @@ $(document).ready(function () {
        $("#email_exclamation").hide();
     }
   
+    if (!validate('delivery_address',$('#delivery_address').val())) {
+       $('#delivery_address_errormsg').html('Ungültige Adresse');
+       $("#delivery_address").addClass("is-danger");
+       is_valid = false;
+    } else {
+       $('#delivery_address_errormsg').html('');
+       $("#delivery_address").removeClass("is-danger");
+    }
+
+    if (!validate('billing_address',$('#billing_address').val())) {
+       $('#billing_address_errormsg').html('Ungültige Adresse');
+       $("#billing_address").addClass("is-danger");
+       is_valid = false;
+    } else {
+       $('#billing_address_errormsg').html('');
+       $("#billing_address").removeClass("is-danger");
+    }
+  
+  
+    if (!($('#accept_terms').is(':checked'))) {
+       $('#accept_terms_errormsg').html('Bitte zustimmen');
+       $("#accept_terms_label").addClass("has-text-danger");
+       is_valid = false;
+    } else {
+       $('#accept_terms_errormsg').html('');
+       $("#accept_terms_label").removeClass("has-text-danger");
+    }
+  
     if (!(is_valid)) {
       return;
     }
   
     $.ajax({
-      url: "order_tracker",
-      type: "post", //send it through post method
+      url: "order",
+      type: "POST", //send it through post method
       dataType: "json",
-      data: {
-        quantity: $('#quantity').val(),
-        email: $('#email').val(),
-        delivery_address: $("#delivery_address").val(),
-        billing_address: $("#billing_address").val()
-      },
+      data: JSON.stringify({ "quantity": $('#quantity').val(), 
+                             "email": $('#email').val(),
+                             delivery_address: $("#delivery_address").val(),
+                             billing_address: $("#billing_address").val() 
+                           }
+                          ),
       success: function(response) {
-        console.log('order success');
-        if (response.rc == 0) {
-           console.log('response.rc == 0');
-        }
+        console.log("SUCCESS");
+        console.log(response);
+        $("#modal").removeClass("is-active");
+        $("#success_message").removeClass("is-hidden");
       },
       error: function(xhr) {
-        console.log('order error');
-        //Do Something to handle error
+        console.log("ERROR");
+        console.log(xhr);
+        $("#modal").removeClass("is-active");
+        $("#error_message").removeClass("is-hidden");
       }
     });
-  
-    console.log("order");
-    $("#modal").removeClass("is-active");
 
   });
 
   $("#modal-close").click(function () {
     $("#modal").removeClass("is-active");
+    window.location.replace("/");
   });
 
-  function callback() {
-     console.log("Callback Funktion wird aufgerufen");
-     $('#quantity').focus().select();
-  }
-
-  setTimeout(callback, 10);
 });
 
+$(window).on('load', function() {
+  console.log("Window loded...");
+  $('#quantity').focus().select();
+});