From 6a7084e3b7805d7fff534830c2890b98cf3d56ac Mon Sep 17 00:00:00 2001
From: Janne Mareike Koschinski <janne@kuschku.de>
Date: Fri, 22 Apr 2022 19:21:33 +0200
Subject: [PATCH] feat: improve pagination and uploading
---
assets/js/page_upload.js | 10 ++++++----
templates/image_list.html | 9 ++++++---
2 files changed, 12 insertions(+), 7 deletions(-)
diff --git a/assets/js/page_upload.js b/assets/js/page_upload.js
index d656d24..ecdc73c 100644
--- a/assets/js/page_upload.js
+++ b/assets/js/page_upload.js
@@ -58,14 +58,16 @@ element.addEventListener("change", () => {
});
image_container.classList.remove("uploading");
if (response.ok) {
- image_link.href = "/" + json.id + ".png";
- image.src = "/" + json.id + ".png";
+ const data = await response.json();
+ image_link.href = "/" + data.id + ".png";
+ image.src = "/" + data.id + ".png";
} else {
+ const data = await response.json();
const image_error = document.createElement("div");
image_error.classList.add("alert", "error");
- image_error.innerText = JSON.stringify(json.errors);
+ image_error.innerText = JSON.stringify(data.errors);
image_container.insertBefore(image_error, image_description);
- console.log(json);
+ console.log(data);
}
});
reader.readAsDataURL(file);
diff --git a/templates/image_list.html b/templates/image_list.html
index 5f83833..718dda1 100644
--- a/templates/image_list.html
+++ b/templates/image_list.html
@@ -26,14 +26,17 @@
<ul class="pagination">
<li class="page">
{{- if lt 0 .Previous -}}
- <a class="button" href="/me/images/{{- .Previous -}}">Previous page</a>
+ <a class="button" href="/me/images/1">First</a>
+ <a class="button" href="/me/images/{{- .Previous -}}">Previous</a>
{{- else -}}
- <a class="button" aria-disabled="true">Previous page</a>
+ <a class="button" aria-disabled="true">First</a>
+ <a class="button" aria-disabled="true">Previous</a>
{{- end -}}
</li>
<li class="page current">Page {{ .Current }}</li>
<li class="page">
- <a class="button" href="/me/images/{{- .Next -}}">Next page</a>
+ <a class="button" href="/me/images/{{- .Next -}}">Next</a>
+ <a class="button" aria-disabled="true">Last</a>
</li>
</ul>
</div>
--
GitLab