From 88873c8aeee32c52635a69e73f82587452533919 Mon Sep 17 00:00:00 2001
From: Patrick Jentsch <p.jentsch@uni-bielefeld.de>
Date: Thu, 23 Jan 2020 09:43:51 +0100
Subject: [PATCH] Dynamic data collection from forms

---
 app/templates/test/index.html.j2 | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/app/templates/test/index.html.j2 b/app/templates/test/index.html.j2
index 1dc49c1e..f0ec41f1 100644
--- a/app/templates/test/index.html.j2
+++ b/app/templates/test/index.html.j2
@@ -14,14 +14,14 @@
           <div class="col s12 m4">
             <div class="input-field">
               <i class="material-icons prefix">title</i>
-              {{ test_form.title(data_length='32') }}
+              {{ test_form.title(class='validate', data_length='32') }}
               {{ test_form.title.label }}
             </div>
           </div>
           <div class="col s12 m8">
             <div class="input-field">
               <i class="material-icons prefix">description</i>
-              {{ test_form.description(data_length='255') }}
+              {{ test_form.description(class='validate', data_length='255') }}
               {{ test_form.description.label }}
             </div>
           </div>
@@ -46,19 +46,19 @@
 </div>
 
 <script>
-var testFormElement = document.getElementById("test-form");
+var testFormElement = document.forms.namedItem("test-form");
 
 testFormElement.addEventListener("submit", function(event) {
   event.preventDefault();
-  let csrfTokenElement = testFormElement.querySelector("input[name='csrf_token']"),
-      descriptionElement = testFormElement.querySelector("input[name='description']"),
-      fileElement = testFormElement.querySelector("input[name='file']"),
-      titleElement = testFormElement.querySelector("input[name='title']");
-  let file = fileElement.files[0];
-  let data = {"csrf_token": csrfTokenElement.value,
-              "description": descriptionElement.value,
-              "file": {"bytes": file, "name": file.name},
-              "title": titleElement.value};
+  let data = {};
+  for (let input of event.target.querySelectorAll("input")) {
+    if (input.type === "file") {
+      file = input.files[0];
+      data[input.name] = {"bytes": file, "name": file.name};
+    } else {
+      data[input.name] = input.value;
+    }
+  }
   nopaque.socket.emit("submit-test-form", data);
 });