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/base.html   |  4 +++-
 views/manage.html | 55 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 58 insertions(+), 1 deletion(-)
 create mode 100644 views/manage.html

(limited to 'views')

diff --git a/views/base.html b/views/base.html
index 13ac5ab..294cfd1 100644
--- a/views/base.html
+++ b/views/base.html
@@ -14,7 +14,9 @@
 			<ul class="navbar__links" role="navigation" aria-label="Main">
 				<li><a class="navbar__location" href="/index.html">About us</a></li>
 				<li><a class="navbar__location" href="/history.html">History</a></li>
-				{% if not logged_in %}
+				{% if logged_in %}
+					<li><a class="navbar__location" href="/manage.html">Manage</a></li>
+				{% else %}
 					<li><a class="navbar__location" href="/login">Log in</a></li>
 					<li><a class="navbar__location" href="/join_intro.html">Join</a></li>
 				{% endif %}
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