From c0d2b9eb7e2b65b582039aafdca765fe32acf81e Mon Sep 17 00:00:00 2001
From: Linnnus <linnnus@users.noreply.github.com>
Date: Sat, 27 Apr 2024 21:21:51 +0200
Subject: Flesh out 'join' user flow

This commit splits the user flow when sending in an application to join
the guild into three staged:

1. Intro text
2. HTML form
3. Form submission feedback (aka. "yay it went through")
---
 views/join_form.html | 58 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 58 insertions(+)
 create mode 100644 views/join_form.html

(limited to 'views/join_form.html')

diff --git a/views/join_form.html b/views/join_form.html
new file mode 100644
index 0000000..0e06399
--- /dev/null
+++ b/views/join_form.html
@@ -0,0 +1,58 @@
+{% extends "base.html" %}
+
+{% block head %}
+	<link rel="stylesheet" href="/styles/join_common.css">
+	<link rel="stylesheet" href="/styles/join_form.css">
+	<script type="module">
+		var dropdown = document.getElementById("preferredRole");
+		document.getElementById("applicationForm").addEventListener("submit", (event) => {
+			if ( dropdown.value === "invalid" ) {
+				alert("Pick a preferred role.");
+				event.preventDefault()
+			}
+		});
+	</script>
+{% endblock %}
+
+{% block content %}
+	<form method="POST" class="signup" id="applicationForm">
+		<div class="signup__box">
+			<label class="signup__label" for="name">Name</label>
+			<p>
+				We use your username to connect you with your account later.
+				Please make sure it's spelled correclty.
+			</p>
+			<p>
+				If your application is accepted, we will accept your in-game guild application.
+				Please make sure you have supmitted such an application in the game's UI.
+			</p>
+			<input class="signup__input" type="text" id="name" name="name" required placeholder="PoopenFarten43" minlength="2" maxlength="12">
+		</div>
+		<div class="signup__box">
+			<label class="signup__label" for="preferredRole">Preferred role</label>
+			<p>
+				We are always looking ot balance our guild.
+				As such it's important for us to know which role you like to play as.
+				Please feel free to elaborate in text box below.
+			</p>
+			<select required class="signup__input" id="preferredRole" name="preferredRole">
+				<option value="invalid" selected disabled>Choose a preferred role</option>
+				<option value="dps">DPS</option>
+				<option value="tank">Tank</option>
+				<option value="healer">Healer</option>
+			</select>
+		</div>
+		<div class="signup__box">
+			<label class="signup__label" for="motivation">Motivation</label>
+			<p>
+				Write us a little post about why you'd like to join our guild.
+				Keep in mind that we get a lot of applications for our guild;
+				a simple "i like vidya" won't get you through the golden gates!
+			</p>
+			<textarea required class="signup__input" id="motivation" name="motivation" rows="20" placeholder="I would like to join because..."></textarea>
+		</div>
+		<div>
+			<button class="button" type="submit">Submit</button>
+		</div>
+	</form>
+{% endblock %}
-- 
cgit v1.2.3


From 4ea85a09f7ab6932472ecfcf43c82515928df477 Mon Sep 17 00:00:00 2001
From: Linnnus <linnnus@users.noreply.github.com>
Date: Mon, 29 Apr 2024 09:33:20 +0200
Subject: Use oath userid to identify applicants

---
 views/join_form.html | 1 +
 1 file changed, 1 insertion(+)

(limited to 'views/join_form.html')

diff --git a/views/join_form.html b/views/join_form.html
index 0e06399..440c993 100644
--- a/views/join_form.html
+++ b/views/join_form.html
@@ -16,6 +16,7 @@
 
 {% block content %}
 	<form method="POST" class="signup" id="applicationForm">
+		<input type="hidden" name="userId" value="{{ user_id | e }}">
 		<div class="signup__box">
 			<label class="signup__label" for="name">Name</label>
 			<p>
-- 
cgit v1.2.3