make new api functional

#197

shared/static/shared/js/vue-formulate-helper.js

-VueFormulate
-
 Vue.use(VueFormulate, {
   plugins: [VueFormulateI18n.cs.default],
   locale: "cs",
 });
 
+const errorDataKey = "mailtrainerror";
 const errorMessage = ["Vyskytla se chyba při zpracování požadavku, omlouváme se"];
 
 Vue.options.data ||= {};
-Vue.options.data.mailtrainerrors ||= [];
+Vue.options.data.mailtrainerrors ||= () => [];
 Vue.options.methods ||= {};
 Vue.options.methods.mailtrainsubmit = async function (data) {
+  $(this.$el).data(errorDataKey, "");
+  Vue.options.data.mailtrainerrors = () => [];
   $("[data-success]", this.$el).hide();
+
   const csrftoken = $("[name='csrfmiddlewaretoken']", this.$el).val();
   const headers = new Headers();
   headers.append('X-CSRFToken', csrftoken);
 
+  const createError = () => {
+    $(this.$el).data(errorDataKey, errorMessage);
+    Vue.options.data.mailtrainerrors = function() {
+      return $(this.$el).data(errorDataKey) || [];
+    };
+  };
+
   try {
     const response = await fetch("/newsletter/", {
       method: "POST",
@@ -24,11 +33,11 @@ Vue.options.methods.mailtrainsubmit = async function (data) {
       credentials: "include",
     });
     if (response.status >= 400) {
-      Vue.options.data.mailtrainerrors = errorMessage;
+      createError();
     } else {
       $("[data-success]", this.$el).show();
     }
   } catch {
-    Vue.options.data.mailtrainerrors = errorMessage;
+    createError();
   }
 };

shared/templates/shared/blocks/newsletter_subscription_block.html

@@ -22,7 +22,7 @@
                     </ul>
                 </div>
                 <div class="flex flex-col items-start">
-                    <formulate-form @submit="mailtrainsubmit" #default="{ isLoading }" :form-errors="mailtrainerrors">
+                    <formulate-form name="newsletter" @submit="mailtrainsubmit" #default="{ isLoading }" :form-errors="mailtrainerrors()">
                         <formulate-errors></formulate-errors>
                         {% csrf_token %}
                         <formulate-input

shared/utils.py

@@ -72,7 +72,7 @@ def subscribe_to_newsletter_ajax(request):
     client_response = HttpResponse()
     if request.method == "POST":
         body = json.loads(request.body)
-        response = subscribe_to_newsletter(body["EMAIL"], body["LIST_ID"])
+        response = subscribe_to_newsletter(body["email"], body["list_id"])
         if "error" in response.json():
             client_response.status_code = 500
         else: