From c042594d574990905c71e405b3cf2493a3bdeecd Mon Sep 17 00:00:00 2001
From: Martin Quarda <martin@quarda.cz>
Date: Tue, 6 Feb 2024 12:01:16 +0100
Subject: [PATCH] json right?

---
 alkatorapi/views.py           |  2 +-
 frontend/src/scripts/index.js | 16 +++++++++-------
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/alkatorapi/views.py b/alkatorapi/views.py
index eb6e8f8..c9184c2 100644
--- a/alkatorapi/views.py
+++ b/alkatorapi/views.py
@@ -7,7 +7,7 @@ from .models import User
 def register(request):
     if date.today() >= date(2024, 4, 21):
         return HttpResponse("Too late!", status_code=400)
-    if not request.POST['agreement']:
+    if not request.POST.get('agreement'):
         raise HttpResponse("Je potřeba souhlasit se zpracováním údajů!", status_code=400)
     user = User(first_name=request.POST['first_name'], last_name=request.POST['last_name'], email=request.POST['email'])
     user.save()
diff --git a/frontend/src/scripts/index.js b/frontend/src/scripts/index.js
index 7c67443..1f8706f 100644
--- a/frontend/src/scripts/index.js
+++ b/frontend/src/scripts/index.js
@@ -18,9 +18,11 @@ class Main extends Component {
         event.preventDefault();
         let form = document.forms[0];
         let formData = new FormData(form);
+        var object = {};
+        formData.forEach((value, key) => object[key] = value);
         fetch("/api/register", {
             method:"POST",
-            body: JSON.stringify(formData),
+            body: JSON.stringify(object),
             headers: {
               "Content-type": "application/json; charset=UTF-8"
             }
@@ -58,19 +60,19 @@ class Main extends Component {
             <form class="container" onSubmit={(e) => this.onSubmit(e)}>
                 <h1>Registrace</h1>
                 <div class="mb-3">
-                    <label for="name" class="form-label">Jméno</label>
-                    <input type="text" class="form-control" id="name" />
+                    <label for="first_name" class="form-label">Jméno</label>
+                    <input type="text" class="form-control" id="first_name" name="first_name" />
                 </div>
                 <div class="mb-3">
-                    <label for="name" class="form-label">Přijmení</label>
-                    <input type="text" class="form-control" id="name" />
+                    <label for="last_name" class="form-label">Přijmení</label>
+                    <input type="text" class="form-control" id="last_name" name="last_name" />
                 </div>
                 <div class="mb-3">
                     <label for="email" class="form-label">Emailová adresa</label>
-                    <input type="email" class="form-control" id="email" />
+                    <input type="email" class="form-control" id="email" name="email" />
                 </div>
                 <div class="mb-3 form-check">
-                    <input type="checkbox" class="form-check-input" id="agreement" />
+                    <input type="checkbox" class="form-check-input" id="agreement" name="agreement" />
                     <label class="form-check-label" for="agreement">Souhlas se zpracováním osobních údajů</label>
                 </div>
                 <button type="submit" class="btn btn-primary">Odeslat</button>