sporada/nopaque
1
0
Fork 0
mirror of https://gitlab.ub.uni-bielefeld.de/sfb1288inf/nopaque.git synced 2025-11-04 12:22:47 +00:00
Code Issues Projects Releases Wiki Activity

Dynamic data collection from forms

Browse Source
This commit is contained in:
Patrick Jentsch
2020-01-23 09:43:51 +01:00
parent fb089d62f0
commit 88873c8aee
1 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
app/templates/test/index.html.j2
View File

@@ -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);
});