From a1fa1ebf6e390d9705da13eb23e6b3fd3802d1f1 Mon Sep 17 00:00:00 2001
From: Linnnus <linnnus@users.noreply.github.com>
Date: Wed, 1 May 2024 21:19:47 +0200
Subject: Add application management page

---
 views/manage.html | 55 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 55 insertions(+)
 create mode 100644 views/manage.html

(limited to 'views/manage.html')

diff --git a/views/manage.html b/views/manage.html
new file mode 100644
index 0000000..d7e2b65
--- /dev/null
+++ b/views/manage.html
@@ -0,0 +1,55 @@
+{% extends "base.html" %}
+
+{% block head %}
+	<link rel="stylesheet" href="/styles/manage.css">
+	<script type="module">
+		// Progressive enhancement – perform form requests without leaving page.
+
+		for (const application of document.querySelectorAll(".applications__item")) {
+			for (const form of application.querySelectorAll("form.action")) {
+				form.addEventListener("submit", async (event) => {
+					event.preventDefault();
+
+					if (!confirm("Are you sure?")) {
+						return;
+					}
+
+					let ok;
+					try {
+						const response = await fetch(form.action, {
+							method: "POST",
+							data: new FormData(form),
+						});
+						ok = response.ok;
+					} catch {
+						ok = false;
+					}
+
+					if (ok) {
+						application.remove();
+					} else {
+						alert("Something went wrong >w<");
+					}
+				});
+			}
+		}
+	</script>
+{% endblock %}
+
+{% block content %}
+	<h1>Manage applications</h1>
+	<div class="applications">
+		{% for application in applications %}
+			<section class="applications__item">
+				<span class="application__username">{{ application.username | e }}</span>
+				<p>{{ application.motivation | e }}</p>
+				<form class="action" method="POST" action="/manage/reject/{{ application.userId | e }}">
+					<button class="action__button action__button--reject">Reject</button>
+				</form>
+				<form class="action" method="POST" action="/manage/accept/{{ application.userId | e }}">
+					<button class="action__button action__button--accept">Accept</button>
+				</form>
+			</section>
+		{% endfor %}
+	</div>
+{% endblock %}
-- 
cgit v1.2.3